# pantoken > Instructure design tokens and icons, reshaped for every platform and framework. This index covers the canonical English documentation. A Hungarian translation of every page is available under /hu/. ## Table of Contents - [`@pantoken/web-components`](/conventions/web-components.md) - [aggregate](/api/tools/aggregate/src.md) - [android](/api/platforms/android/src.md) - [angular](/api/renderers/angular/src.md) - [API reference](/api.md) - [Architecture](/guide/architecture.md) - [Architecture overview](/architecture/overview.md) - [astro](/api/renderers/astro/src.md) - [Authoring `@pantoken/components`](/conventions/authoring.md) - [bootstrap](/api/renderers/bootstrap/src.md) - [Build, release, and the docs site](/conventions/build-and-docs.md) - [CDN & distribution](/guide/cdn.md) - [CHANGELOG](/CHANGELOG.md) - [Class: PantokenWebpackPlugin](/api/bundlers/webpack/src/classes/PantokenWebpackPlugin.md) - [cli](/api/packages/cli/src.md) - [colors](/api/plugins/pantoken/colors/src.md) - [Compatibility](/compatibility.md) - [components](/api/formats/components/src.md) - [Components](/guide/components.md) - [compose](/api/platforms/compose/src.md) - [core](/api/packages/core/src.md) - [css](/api/formats/css/src.md) - [CSS API reference](/api/css.md) - [css-in-js](/api/renderers/css-in-js/src.md) - [CSS: alert](/api/css/alert.md) - [CSS: avatar](/api/css/avatar.md) - [CSS: badge](/api/css/badge.md) - [CSS: base](/api/css/base.md) - [CSS: billboard](/api/css/billboard.md) - [CSS: breadcrumb](/api/css/breadcrumb.md) - [CSS: button](/api/css/button.md) - [CSS: byline](/api/css/byline.md) - [CSS: calendar](/api/css/calendar.md) - [CSS: checkbox](/api/css/checkbox.md) - [CSS: close-button](/api/css/close-button.md) - [CSS: color](/api/css/color.md) - [CSS: context-view](/api/css/context-view.md) - [CSS: file-drop](/api/css/file-drop.md) - [CSS: form-field](/api/css/form-field.md) - [CSS: form-field-group](/api/css/form-field-group.md) - [CSS: form-field-messages](/api/css/form-field-messages.md) - [CSS: heading](/api/css/heading.md) - [CSS: icon](/api/css/icon.md) - [CSS: img](/api/css/img.md) - [CSS: in-place-edit](/api/css/in-place-edit.md) - [CSS: input-group](/api/css/input-group.md) - [CSS: layout](/api/css/layout.md) - [CSS: link](/api/css/link.md) - [CSS: list](/api/css/list.md) - [CSS: logos](/api/css/logos.md) - [CSS: mask](/api/css/mask.md) - [CSS: menu](/api/css/menu.md) - [CSS: metric](/api/css/metric.md) - [CSS: modal](/api/css/modal.md) - [CSS: number-input](/api/css/number-input.md) - [CSS: pagination](/api/css/pagination.md) - [CSS: pill](/api/css/pill.md) - [CSS: popover](/api/css/popover.md) - [CSS: primitives](/api/css/primitives.md) - [CSS: progress](/api/css/progress.md) - [CSS: progress-circle](/api/css/progress-circle.md) - [CSS: prose](/api/css/prose.md) - [CSS: radio](/api/css/radio.md) - [CSS: radio-input-group](/api/css/radio-input-group.md) - [CSS: range-input](/api/css/range-input.md) - [CSS: rating](/api/css/rating.md) - [CSS: responsive](/api/css/responsive.md) - [CSS: screen-reader-content](/api/css/screen-reader-content.md) - [CSS: side-nav-bar](/api/css/side-nav-bar.md) - [CSS: simple-select](/api/css/simple-select.md) - [CSS: spacing](/api/css/spacing.md) - [CSS: spinner](/api/css/spinner.md) - [CSS: stacking](/api/css/stacking.md) - [CSS: table](/api/css/table.md) - [CSS: tabs](/api/css/tabs.md) - [CSS: tag](/api/css/tag.md) - [CSS: text](/api/css/text.md) - [CSS: text-area](/api/css/text-area.md) - [CSS: text-input](/api/css/text-input.md) - [CSS: toggle-details](/api/css/toggle-details.md) - [CSS: toggle-group](/api/css/toggle-group.md) - [CSS: tooltip](/api/css/tooltip.md) - [CSS: transition](/api/css/transition.md) - [CSS: tray](/api/css/tray.md) - [CSS: tree-browser](/api/css/tree-browser.md) - [CSS: truncate](/api/css/truncate.md) - [CSS: view](/api/css/view.md) - [CSS: visual-debug](/api/css/visual-debug.md) - [demo](/api/plugins/typedoc/demo/src.md) - [demo](/api/tools/demo/src.md) - [deprecations](/api/plugins/pantoken/deprecations/src.md) - [docusaurus](/api/renderers/docusaurus/src.md) - [drupal](/api/platforms/drupal/src.md) - [dtcg](/api/formats/dtcg/src.md) - [email](/api/platforms/email/src.md) - [Engineering log](/engineering-log.md) - [figma](/api/design/figma/src.md) - [flutter](/api/platforms/flutter/src.md) - [foundation](/api/renderers/foundation/src.md) - [Function: addImportant()](/api/renderers/pendo/src/functions/addImportant.md) - [Function: addScope()](/api/renderers/pendo/src/functions/addScope.md) - [Function: aggregate()](/api/tools/aggregate/src/functions/aggregate.md) - [Function: alpha()](/api/plugins/pantoken/colors/src/functions/alpha.md) - [Function: applyModify()](/api/packages/core/src/functions/applyModify.md) - [Function: baseCss()](/api/formats/components/src/functions/baseCss.md) - [Function: buildCssFile()](/api/formats/css/src/functions/buildCssFile.md) - [Function: buildIconFont()](/api/formats/icon-font/src/functions/buildIconFont.md) - [Function: buildIconResolver()](/api/renderers/react-markdown/src/functions/buildIconResolver.md) - [Function: buildPendoCss()](/api/renderers/pendo/src/functions/buildPendoCss.md) - [Function: buildTokens()](/api/packages/core/src/functions/buildTokens.md) - [Function: byTheme()](/api/formats/dtcg/src/functions/byTheme.md) - [Function: byTheme()](/api/formats/tokens/src/functions/byTheme.md) - [Function: camelCase()](/api/packages/utils/src/functions/camelCase.md) - [Function: capabilitiesOf()](/api/packages/plugin-kit/src/functions/capabilitiesOf.md) - [Function: checkPlugins()](/api/packages/plugin-kit/src/functions/checkPlugins.md) - [Function: collectIcons()](/api/packages/core/src/functions/collectIcons.md) - [Function: collectLeaves()](/api/packages/core/src/functions/collectLeaves.md) - [Function: colorUtilitiesCss()](/api/packages/utils/src/functions/colorUtilitiesCss.md) - [Function: compareVersions()](/api/plugins/pantoken/deprecations/src/functions/compareVersions.md) - [Function: componentsCss()](/api/formats/components/src/functions/componentsCss.md) - [Function: createInstuiMarkdownComponents()](/api/renderers/react-markdown/src/functions/createInstuiMarkdownComponents.md) - [Function: cssSyntaxForValue()](/api/packages/core/src/functions/cssSyntaxForValue.md) - [Function: danglingReferences()](/api/packages/utils/src/functions/danglingReferences.md) - [Function: darken()](/api/plugins/pantoken/colors/src/functions/darken.md) - [Function: decodeIconSvg()](/api/packages/core/src/functions/decodeIconSvg.md) - [Function: dedupeByName()](/api/packages/core/src/functions/dedupeByName.md) - [Function: defaultRegistry()](/api/plugins/pantoken/simple-icons/src/functions/defaultRegistry.md) - [Function: definePlugin()](/api/packages/plugin-kit/src/functions/definePlugin.md) - [Function: defineToken()](/api/packages/core/src/functions/defineToken.md) - [Function: demoMarkdownIt()](/api/tools/demo/src/functions/demoMarkdownIt.md) - [Function: deprecationShims()](/api/plugins/pantoken/deprecations/src/functions/deprecationShims.md) - [Function: describeLifecycle()](/api/plugins/pantoken/deprecations/src/functions/describeLifecycle.md) - [Function: discoverTargets()](/api/tools/aggregate/src/functions/discoverTargets.md) - [Function: dueForRemoval()](/api/plugins/pantoken/deprecations/src/functions/dueForRemoval.md) - [Function: elevationCss()](/api/formats/components/src/functions/elevationCss.md) - [Function: elevationDeclarations()](/api/formats/components/src/functions/elevationDeclarations.md) - [Function: elevationDeclarations()](/api/packages/utils/src/functions/elevationDeclarations.md) - [Function: emailTokens()](/api/platforms/email/src/functions/emailTokens.md) - [Function: extendPlugin()](/api/packages/plugin-kit/src/functions/extendPlugin.md) - [Function: extractInstuiRefs()](/api/packages/utils/src/functions/extractInstuiRefs.md) - [Function: flutterIconManifest()](/api/packages/core/src/functions/flutterIconManifest.md) - [Function: focusOutlineCss()](/api/formats/components/src/functions/focusOutlineCss.md) - [Function: focusOutlineDeclarations()](/api/formats/components/src/functions/focusOutlineDeclarations.md) - [Function: focusOutlineDeclarations()](/api/packages/utils/src/functions/focusOutlineDeclarations.md) - [Function: focusOutlineRules()](/api/formats/components/src/functions/focusOutlineRules.md) - [Function: focusOutlineRules()](/api/packages/utils/src/functions/focusOutlineRules.md) - [Function: generateAndroid()](/api/platforms/android/src/functions/generateAndroid.md) - [Function: generateCompose()](/api/platforms/compose/src/functions/generateCompose.md) - [Function: generateFlutter()](/api/platforms/flutter/src/functions/generateFlutter.md) - [Function: generateRust()](/api/platforms/rust/src/functions/generateRust.md) - [Function: generateSwift()](/api/platforms/swift/src/functions/generateSwift.md) - [Function: getIcon()](/api/formats/icons/src/functions/getIcon.md) - [Function: getIconSvgs()](/api/packages/core/src/functions/getIconSvgs.md) - [Function: getLogoDataUri()](/api/plugins/pantoken/logos/src/functions/getLogoDataUri.md) - [Function: getLogoSvg()](/api/plugins/pantoken/logos/src/functions/getLogoSvg.md) - [Function: hexToRgb()](/api/design/swatches/src/functions/hexToRgb.md) - [Function: icon()](/api/renderers/svelte/src/functions/icon.md) - [Function: Icon()](/api/renderers/react/src/functions/Icon.md) - [Function: iconGlyphsCss()](/api/formats/components/src/functions/iconGlyphsCss.md) - [Function: iconSvg()](/api/renderers/vue/src/functions/iconSvg.md) - [Function: iconSvg()](/api/renderers/web-components/src/functions/iconSvg.md) - [Function: installAgentAssets()](/api/ai/pantoken-ai/src/functions/installAgentAssets.md) - [Function: InstUI()](/api/renderers/astro/src/functions/InstUI.md) - [Function: InstuiMarkdown()](/api/renderers/react-markdown/src/functions/InstuiMarkdown.md) - [Function: isColorValue()](/api/renderers/react-markdown/src/functions/isColorValue.md) - [Function: isContextual()](/api/packages/core/src/functions/isContextual.md) - [Function: isFactoried()](/api/packages/plugin-kit/src/functions/isFactoried.md) - [Function: ledgerCovers()](/api/plugins/pantoken/deprecations/src/functions/ledgerCovers.md) - [Function: lighten()](/api/plugins/pantoken/colors/src/functions/lighten.md) - [Function: load()](/api/plugins/typedoc/demo/src/functions/load.md) - [Function: logosPlugin()](/api/plugins/pantoken/logos/src/functions/logosPlugin.md) - [Function: machineName()](/api/platforms/drupal/src/functions/machineName.md) - [Function: makeResolver()](/api/packages/utils/src/functions/makeResolver.md) - [Function: makeResolver()](/api/packages/plugin-kit/src/functions/makeResolver.md) - [Function: matchesFilters()](/api/plugins/vite/workspace-orchestrator/src/functions/matchesFilters.md) - [Function: mergePlugin()](/api/packages/plugin-kit/src/functions/mergePlugin.md) - [Function: onColor()](/api/plugins/pantoken/colors/src/functions/onColor.md) - [Function: overlayColors()](/api/plugins/pantoken/colors/src/functions/overlayColors.md) - [Function: pantoken()](/api/bundlers/vite/src/functions/pantoken.md) - [Function: pantoken()](/api/bundlers/postcss/src/functions/pantoken.md) - [Function: pantokenCss()](/api/renderers/astro/src/functions/pantokenCss.md) - [Function: pantokenMarkdownIt()](/api/renderers/markdown-it/src/functions/pantokenMarkdownIt.md) - [Function: pantokenPreset()](/api/bundlers/tailwind/src/functions/pantokenPreset.md) - [Function: pantokenStorybookTheme()](/api/renderers/storybook/src/functions/pantokenStorybookTheme.md) - [Function: parseAlertMarker()](/api/renderers/react-markdown/src/functions/parseAlertMarker.md) - [Function: parseArgs()](/api/packages/cli/src/functions/parseArgs.md) - [Function: parseHexColor()](/api/packages/utils/src/functions/parseHexColor.md) - [Function: parseUpstreamRef()](/api/plugins/pantoken/deprecations/src/functions/parseUpstreamRef.md) - [Function: primitivesCss()](/api/plugins/pantoken/primitives/src/functions/primitivesCss.md) - [Function: proseCss()](/api/formats/components/src/functions/proseCss.md) - [Function: pruneCustomProps()](/api/plugins/postcss/prune-custom-props/src/functions/pruneCustomProps.md) - [Function: readToken()](/api/renderers/react/src/functions/readToken.md) - [Function: readToken()](/api/renderers/svelte/src/functions/readToken.md) - [Function: readToken()](/api/renderers/vue/src/functions/readToken.md) - [Function: readToken()](/api/renderers/angular/src/functions/readToken.md) - [Function: referenceToVarName()](/api/packages/core/src/functions/referenceToVarName.md) - [Function: register()](/api/renderers/web-components/src/functions/register.md) - [Function: register()](/api/renderers/angular/src/functions/register.md) - [Function: registerPantokenElements()](/api/renderers/angular/src/functions/registerPantokenElements.md) - [Function: rehypeColorCodes()](/api/renderers/react-markdown/src/functions/rehypeColorCodes.md) - [Function: rehypeGithubAlerts()](/api/renderers/react-markdown/src/functions/rehypeGithubAlerts.md) - [Function: rehypePantokenIcons()](/api/renderers/rehype/src/functions/rehypePantokenIcons.md) - [Function: renderDemoFigure()](/api/tools/demo/src/functions/renderDemoFigure.md) - [Function: resolveDemo()](/api/tools/demo/src/functions/resolveDemo.md) - [Function: resolveReferences()](/api/packages/core/src/functions/resolveReferences.md) - [Function: resolveTokens()](/api/packages/utils/src/functions/resolveTokens.md) - [Function: resolveTokens()](/api/packages/plugin-kit/src/functions/resolveTokens.md) - [Function: resolveValue()](/api/packages/core/src/functions/resolveValue.md) - [Function: rewriteComment()](/api/plugins/typedoc/demo/src/functions/rewriteComment.md) - [Function: run()](/api/packages/cli/src/functions/run.md) - [Function: runIconPlugins()](/api/packages/core/src/functions/runIconPlugins.md) - [Function: runTokenPlugins()](/api/packages/core/src/functions/runTokenPlugins.md) - [Function: selectCss()](/api/formats/components/src/functions/selectCss.md) - [Function: shimEntries()](/api/plugins/pantoken/deprecations/src/functions/shimEntries.md) - [Function: shimValue()](/api/plugins/pantoken/deprecations/src/functions/shimValue.md) - [Function: simpleIcons()](/api/plugins/pantoken/simple-icons/src/functions/simpleIcons.md) - [Function: stacking()](/api/plugins/pantoken/stacking/src/functions/stacking.md) - [Function: stackingRootCss()](/api/plugins/pantoken/stacking/src/functions/stackingRootCss.md) - [Function: svgToGlyphPath()](/api/formats/icon-font/src/functions/svgToGlyphPath.md) - [Function: themeCustomMedia()](/api/plugins/postcss/theme-custom-media/src/functions/themeCustomMedia.md) - [Function: toAndroid()](/api/platforms/android/src/functions/toAndroid.md) - [Function: toAse()](/api/design/swatches/src/functions/toAse.md) - [Function: toBootstrapCss()](/api/renderers/bootstrap/src/functions/toBootstrapCss.md) - [Function: toCompose()](/api/platforms/compose/src/functions/toCompose.md) - [Function: toCss()](/api/formats/css/src/functions/toCss.md) - [Function: toDemoFence()](/api/plugins/typedoc/demo/src/functions/toDemoFence.md) - [Function: toDocusaurusCss()](/api/renderers/docusaurus/src/functions/toDocusaurusCss.md) - [Function: toDrupalTheme()](/api/platforms/drupal/src/functions/toDrupalTheme.md) - [Function: toDtcg()](/api/formats/dtcg/src/functions/toDtcg.md) - [Function: toExportName()](/api/plugins/pantoken/simple-icons/src/functions/toExportName.md) - [Function: toFigmaColor()](/api/design/figma/src/functions/toFigmaColor.md) - [Function: toFigmaVariables()](/api/design/figma/src/functions/toFigmaVariables.md) - [Function: toFlutter()](/api/platforms/flutter/src/functions/toFlutter.md) - [Function: toFoundationCss()](/api/renderers/foundation/src/functions/toFoundationCss.md) - [Function: toFoundationSettings()](/api/renderers/foundation/src/functions/toFoundationSettings.md) - [Function: toGpl()](/api/design/swatches/src/functions/toGpl.md) - [Function: toHugoAssets()](/api/platforms/hugo/src/functions/toHugoAssets.md) - [Function: toJekyllAssets()](/api/platforms/jekyll/src/functions/toJekyllAssets.md) - [Function: toKebab()](/api/packages/core/src/functions/toKebab.md) - [Function: tokenNames()](/api/packages/utils/src/functions/tokenNames.md) - [Function: TokenProvider()](/api/renderers/react/src/functions/TokenProvider.md) - [Function: tokensForScheme()](/api/renderers/react-native/src/functions/tokensForScheme.md) - [Function: tokenUtilitiesCss()](/api/packages/utils/src/functions/tokenUtilitiesCss.md) - [Function: toLess()](/api/formats/less/src/functions/toLess.md) - [Function: toMintlifyConfig()](/api/renderers/mintlify/src/functions/toMintlifyConfig.md) - [Function: toMuiTheme()](/api/renderers/mui/src/functions/toMuiTheme.md) - [Function: toPandaPreset()](/api/bundlers/panda/src/functions/toPandaPreset.md) - [Function: toRust()](/api/platforms/rust/src/functions/toRust.md) - [Function: toScss()](/api/formats/scss/src/functions/toScss.md) - [Function: toShadcnCss()](/api/renderers/shadcn/src/functions/toShadcnCss.md) - [Function: toSketchPalette()](/api/design/swatches/src/functions/toSketchPalette.md) - [Function: toStyleDictionary()](/api/packages/core/src/functions/toStyleDictionary.md) - [Function: toStyledTheme()](/api/renderers/css-in-js/src/functions/toStyledTheme.md) - [Function: toStylus()](/api/formats/stylus/src/functions/toStylus.md) - [Function: toSvg()](/api/design/swatches/src/functions/toSvg.md) - [Function: toSwatches()](/api/design/swatches/src/functions/toSwatches.md) - [Function: toSwift()](/api/platforms/swift/src/functions/toSwift.md) - [Function: toThemeJson()](/api/platforms/wordpress/src/functions/toThemeJson.md) - [Function: toThemeKey()](/api/renderers/css-in-js/src/functions/toThemeKey.md) - [Function: toVanillaVariables()](/api/platforms/vanilla/src/functions/toVanillaVariables.md) - [Function: toVectorDrawable()](/api/packages/core/src/functions/toVectorDrawable.md) - [Function: toVitePressCss()](/api/renderers/vitepress/src/functions/toVitePressCss.md) - [Function: toXcodeImageset()](/api/packages/core/src/functions/toXcodeImageset.md) - [Function: transition()](/api/plugins/pantoken/transition/src/functions/transition.md) - [Function: transitionRootCss()](/api/plugins/pantoken/transition/src/functions/transitionRootCss.md) - [Function: transitionRules()](/api/plugins/pantoken/transition/src/functions/transitionRules.md) - [Function: unknownReferences()](/api/packages/utils/src/functions/unknownReferences.md) - [Function: useToken()](/api/renderers/react/src/functions/useToken.md) - [Function: varName()](/api/packages/core/src/functions/varName.md) - [Function: visualDebug()](/api/plugins/pantoken/visual-debug/src/functions/visualDebug.md) - [Function: visualDebugRules()](/api/plugins/pantoken/visual-debug/src/functions/visualDebugRules.md) - [Function: withPantoken()](/api/bundlers/next/src/functions/withPantoken.md) - [Function: workspaceOrchestrator()](/api/plugins/vite/workspace-orchestrator/src/functions/workspaceOrchestrator.md) - [Generated output](/guide/generated-output.md) - [Getting started](/guide/getting-started.md) - [hugo](/api/platforms/hugo/src.md) - [icon-font](/api/formats/icon-font/src.md) - [icons](/api/formats/icons/src.md) - [Interface: ActionResult](/api/renderers/svelte/src/interfaces/ActionResult.md) - [Interface: AddScopeOptions](/api/renderers/pendo/src/interfaces/AddScopeOptions.md) - [Interface: AggregateOptions](/api/tools/aggregate/src/interfaces/AggregateOptions.md) - [Interface: AssetFile](/api/packages/core/src/interfaces/AssetFile.md) - [Interface: BuildIconFontOptions](/api/formats/icon-font/src/interfaces/BuildIconFontOptions.md) - [Interface: BuildPendoCssOptions](/api/renderers/pendo/src/interfaces/BuildPendoCssOptions.md) - [Interface: BuildTokensOptions](/api/packages/core/src/interfaces/BuildTokensOptions.md) - [Interface: CliArgs](/api/packages/cli/src/interfaces/CliArgs.md) - [Interface: CollectIconsOptions](/api/packages/core/src/interfaces/CollectIconsOptions.md) - [Interface: ColorUtilityNames](/api/packages/utils/src/interfaces/ColorUtilityNames.md) - [Interface: CommandEventish](/api/renderers/web-components/src/interfaces/CommandEventish.md) - [Interface: ComponentOptions](/api/formats/components/src/interfaces/ComponentOptions.md) - [Interface: CssContribution](/api/packages/model/src/interfaces/CssContribution.md) - [Interface: CssContribution](/api/packages/core/src/interfaces/CssContribution.md) - [Interface: CssHookContext](/api/packages/model/src/interfaces/CssHookContext.md) - [Interface: CssHookContext](/api/packages/core/src/interfaces/CssHookContext.md) - [Interface: CssSection](/api/formats/css/src/interfaces/CssSection.md) - [Interface: DemoMarkdownItOptions](/api/tools/demo/src/interfaces/DemoMarkdownItOptions.md) - [Interface: DeprecationEntry](/api/packages/model/src/interfaces/DeprecationEntry.md) - [Interface: DeprecationLedger](/api/packages/model/src/interfaces/DeprecationLedger.md) - [Interface: DrupalFile](/api/platforms/drupal/src/interfaces/DrupalFile.md) - [Interface: ElementDefinition](/api/renderers/web-components/src/interfaces/ElementDefinition.md) - [Interface: ElementRegistry](/api/renderers/web-components/src/interfaces/ElementRegistry.md) - [Interface: FigmaColor](/api/design/figma/src/interfaces/FigmaColor.md) - [Interface: FigmaVariable](/api/design/figma/src/interfaces/FigmaVariable.md) - [Interface: FigmaVariablesPayload](/api/design/figma/src/interfaces/FigmaVariablesPayload.md) - [Interface: FileServerEntry](/api/plugins/vite/workspace-orchestrator/src/interfaces/FileServerEntry.md) - [Interface: GenerateAndroidOptions](/api/platforms/android/src/interfaces/GenerateAndroidOptions.md) - [Interface: GenerateComposeOptions](/api/platforms/compose/src/interfaces/GenerateComposeOptions.md) - [Interface: GenerateFlutterOptions](/api/platforms/flutter/src/interfaces/GenerateFlutterOptions.md) - [Interface: GenerateSwiftOptions](/api/platforms/swift/src/interfaces/GenerateSwiftOptions.md) - [Interface: GlyphPath](/api/formats/icon-font/src/interfaces/GlyphPath.md) - [Interface: HeadEntry](/api/renderers/astro/src/interfaces/HeadEntry.md) - [Interface: HugoFile](/api/platforms/hugo/src/interfaces/HugoFile.md) - [Interface: IconEntry](/api/packages/model/src/interfaces/IconEntry.md) - [Interface: IconEntry](/api/packages/core/src/interfaces/IconEntry.md) - [Interface: IconFontResult](/api/formats/icon-font/src/interfaces/IconFontResult.md) - [Interface: IconGlyphsOptions](/api/formats/components/src/interfaces/IconGlyphsOptions.md) - [Interface: IconHookContext](/api/packages/model/src/interfaces/IconHookContext.md) - [Interface: IconHookContext](/api/packages/core/src/interfaces/IconHookContext.md) - [Interface: IconLayer](/api/packages/core/src/interfaces/IconLayer.md) - [Interface: IconProps](/api/renderers/react/src/interfaces/IconProps.md) - [Interface: IconToken](/api/packages/core/src/interfaces/IconToken.md) - [Interface: InstuiMarkdownProps](/api/renderers/react-markdown/src/interfaces/InstuiMarkdownProps.md) - [Interface: InstuiMarkdownRenderOptions](/api/renderers/react-markdown/src/interfaces/InstuiMarkdownRenderOptions.md) - [Interface: InstUIOptions](/api/renderers/astro/src/interfaces/InstUIOptions.md) - [Interface: JekyllFile](/api/platforms/jekyll/src/interfaces/JekyllFile.md) - [Interface: Leaf](/api/packages/core/src/interfaces/Leaf.md) - [Interface: LiveExampleOptions](/api/tools/demo/src/interfaces/LiveExampleOptions.md) - [Interface: LogoMeta](/api/plugins/pantoken/logos/src/interfaces/LogoMeta.md) - [Interface: LogosOptions](/api/plugins/pantoken/logos/src/interfaces/LogosOptions.md) - [Interface: MarkdownItOptions](/api/renderers/markdown-it/src/interfaces/MarkdownItOptions.md) - [Interface: MintlifyBackground](/api/renderers/mintlify/src/interfaces/MintlifyBackground.md) - [Interface: MintlifyColors](/api/renderers/mintlify/src/interfaces/MintlifyColors.md) - [Interface: MintlifyTheme](/api/renderers/mintlify/src/interfaces/MintlifyTheme.md) - [Interface: MuiPaletteColor](/api/renderers/mui/src/interfaces/MuiPaletteColor.md) - [Interface: NextConfigLike](/api/bundlers/next/src/interfaces/NextConfigLike.md) - [Interface: OrchestratorOptions](/api/plugins/vite/workspace-orchestrator/src/interfaces/OrchestratorOptions.md) - [Interface: PandaPreset](/api/bundlers/panda/src/interfaces/PandaPreset.md) - [Interface: PandaSemanticToken](/api/bundlers/panda/src/interfaces/PandaSemanticToken.md) - [Interface: PandaToken](/api/bundlers/panda/src/interfaces/PandaToken.md) - [Interface: PantokenIcon](/api/formats/icons/src/interfaces/PantokenIcon.md) - [Interface: PantokenPlugin](/api/packages/core/src/interfaces/PantokenPlugin.md) - [Interface: PantokenPlugin](/api/packages/model/src/interfaces/PantokenPlugin.md) - [Interface: PantokenPostcssOptions](/api/bundlers/postcss/src/interfaces/PantokenPostcssOptions.md) - [Interface: PantokenPresetOptions](/api/bundlers/tailwind/src/interfaces/PantokenPresetOptions.md) - [Interface: PantokenThemeOptions](/api/renderers/mui/src/interfaces/PantokenThemeOptions.md) - [Interface: PantokenViteOptions](/api/bundlers/vite/src/interfaces/PantokenViteOptions.md) - [Interface: PantokenWebpackOptions](/api/bundlers/webpack/src/interfaces/PantokenWebpackOptions.md) - [Interface: ParsedRef](/api/plugins/pantoken/deprecations/src/interfaces/ParsedRef.md) - [Interface: PrimitivesOptions](/api/plugins/pantoken/primitives/src/interfaces/PrimitivesOptions.md) - [Interface: PrimitiveTokenNames](/api/plugins/pantoken/primitives/src/interfaces/PrimitiveTokenNames.md) - [Interface: PropertyRule](/api/packages/model/src/interfaces/PropertyRule.md) - [Interface: ProseOptions](/api/formats/components/src/interfaces/ProseOptions.md) - [Interface: RegisterContext](/api/renderers/web-components/src/interfaces/RegisterContext.md) - [Interface: RehypeHookContext](/api/packages/core/src/interfaces/RehypeHookContext.md) - [Interface: RehypeHookContext](/api/packages/model/src/interfaces/RehypeHookContext.md) - [Interface: RehypeOptions](/api/renderers/rehype/src/interfaces/RehypeOptions.md) - [Interface: ResolvedDemo](/api/tools/demo/src/interfaces/ResolvedDemo.md) - [Interface: ResolveOptions](/api/packages/utils/src/interfaces/ResolveOptions.md) - [Interface: ResolveOptions](/api/packages/plugin-kit/src/interfaces/ResolveOptions.md) - [Interface: ResolveOptions](/api/tools/demo/src/interfaces/ResolveOptions.md) - [Interface: Rgb](/api/design/swatches/src/interfaces/Rgb.md) - [Interface: Rgba](/api/packages/utils/src/interfaces/Rgba.md) - [Interface: RustOptions](/api/platforms/rust/src/interfaces/RustOptions.md) - [Interface: SdLeaf](/api/packages/core/src/interfaces/SdLeaf.md) - [Interface: SimpleIcon](/api/plugins/pantoken/simple-icons/src/interfaces/SimpleIcon.md) - [Interface: SimpleIconsOptions](/api/plugins/pantoken/simple-icons/src/interfaces/SimpleIconsOptions.md) - [Interface: SketchPalette](/api/design/swatches/src/interfaces/SketchPalette.md) - [Interface: StackingOptions](/api/plugins/pantoken/stacking/src/interfaces/StackingOptions.md) - [Interface: StarlightPluginLike](/api/renderers/astro/src/interfaces/StarlightPluginLike.md) - [Interface: Swatch](/api/design/swatches/src/interfaces/Swatch.md) - [Interface: TailwindPreset](/api/bundlers/tailwind/src/interfaces/TailwindPreset.md) - [Interface: Target](/api/tools/aggregate/src/interfaces/Target.md) - [Interface: ThemeCustomMediaOptions](/api/plugins/postcss/theme-custom-media/src/interfaces/ThemeCustomMediaOptions.md) - [Interface: ThemeJson](/api/platforms/wordpress/src/interfaces/ThemeJson.md) - [Interface: ToBootstrapCssOptions](/api/renderers/bootstrap/src/interfaces/ToBootstrapCssOptions.md) - [Interface: ToCssOptions](/api/formats/css/src/interfaces/ToCssOptions.md) - [Interface: ToDocusaurusCssOptions](/api/renderers/docusaurus/src/interfaces/ToDocusaurusCssOptions.md) - [Interface: ToDrupalThemeOptions](/api/platforms/drupal/src/interfaces/ToDrupalThemeOptions.md) - [Interface: ToFigmaOptions](/api/design/figma/src/interfaces/ToFigmaOptions.md) - [Interface: ToFoundationCssOptions](/api/renderers/foundation/src/interfaces/ToFoundationCssOptions.md) - [Interface: ToFoundationSettingsOptions](/api/renderers/foundation/src/interfaces/ToFoundationSettingsOptions.md) - [Interface: ToGplOptions](/api/design/swatches/src/interfaces/ToGplOptions.md) - [Interface: Token](/api/packages/core/src/interfaces/Token.md) - [Interface: Token](/api/packages/model/src/interfaces/Token.md) - [Interface: TokenHookContext](/api/packages/core/src/interfaces/TokenHookContext.md) - [Interface: TokenHookContext](/api/packages/model/src/interfaces/TokenHookContext.md) - [Interface: TokenInput](/api/packages/core/src/interfaces/TokenInput.md) - [Interface: TokenInput](/api/packages/model/src/interfaces/TokenInput.md) - [Interface: TokenMeta](/api/packages/core/src/interfaces/TokenMeta.md) - [Interface: TokenMeta](/api/packages/model/src/interfaces/TokenMeta.md) - [Interface: TokenModify](/api/packages/core/src/interfaces/TokenModify.md) - [Interface: TokenModify](/api/packages/model/src/interfaces/TokenModify.md) - [Interface: TokenProviderProps](/api/renderers/react/src/interfaces/TokenProviderProps.md) - [Interface: TokenUtilityGroup](/api/packages/utils/src/interfaces/TokenUtilityGroup.md) - [Interface: ToLessOptions](/api/formats/less/src/interfaces/ToLessOptions.md) - [Interface: ToScssOptions](/api/formats/scss/src/interfaces/ToScssOptions.md) - [Interface: ToShadcnCssOptions](/api/renderers/shadcn/src/interfaces/ToShadcnCssOptions.md) - [Interface: ToStyledThemeOptions](/api/renderers/css-in-js/src/interfaces/ToStyledThemeOptions.md) - [Interface: ToStylusOptions](/api/formats/stylus/src/interfaces/ToStylusOptions.md) - [Interface: ToSvgOptions](/api/design/swatches/src/interfaces/ToSvgOptions.md) - [Interface: ToThemeJsonOptions](/api/platforms/wordpress/src/interfaces/ToThemeJsonOptions.md) - [Interface: ToVanillaOptions](/api/platforms/vanilla/src/interfaces/ToVanillaOptions.md) - [Interface: ToVitePressCssOptions](/api/renderers/vitepress/src/interfaces/ToVitePressCssOptions.md) - [Interface: TransitionOptions](/api/plugins/pantoken/transition/src/interfaces/TransitionOptions.md) - [Interface: UpstreamNode](/api/plugins/vite/workspace-orchestrator/src/interfaces/UpstreamNode.md) - [Interface: UpstreamVersions](/api/plugins/pantoken/deprecations/src/interfaces/UpstreamVersions.md) - [Interface: UtilityOptions](/api/packages/utils/src/interfaces/UtilityOptions.md) - [Interface: VectorDrawableOptions](/api/packages/core/src/interfaces/VectorDrawableOptions.md) - [Interface: VisualDebugOptions](/api/plugins/pantoken/visual-debug/src/interfaces/VisualDebugOptions.md) - [Interface: WithPantokenOptions](/api/bundlers/next/src/interfaces/WithPantokenOptions.md) - [jekyll](/api/platforms/jekyll/src.md) - [less](/api/formats/less/src.md) - [logos](/api/plugins/pantoken/logos/src.md) - [markdown-it](/api/renderers/markdown-it/src.md) - [mintlify](/api/renderers/mintlify/src.md) - [model](/api/packages/model/src.md) - [mui](/api/renderers/mui/src.md) - [next](/api/bundlers/next/src.md) - [panda](/api/bundlers/panda/src.md) - [pantoken-ai](/api/ai/pantoken-ai/src.md) - [pendo](/api/renderers/pendo/src.md) - [plugin-kit](/api/packages/plugin-kit/src.md) - [Plugins](/guide/plugins.md) - [postcss](/api/bundlers/postcss/src.md) - [primitives](/api/plugins/pantoken/primitives/src.md) - [prune-custom-props](/api/plugins/postcss/prune-custom-props/src.md) - [react](/api/renderers/react/src.md) - [react-markdown](/api/renderers/react-markdown/src.md) - [react-native](/api/renderers/react-native/src.md) - [rehype](/api/renderers/rehype/src.md) - [rust](/api/platforms/rust/src.md) - [scss](/api/formats/scss/src.md) - [shadcn](/api/renderers/shadcn/src.md) - [simple-icons](/api/plugins/pantoken/simple-icons/src.md) - [stacking](/api/plugins/pantoken/stacking/src.md) - [storybook](/api/renderers/storybook/src.md) - [stylus](/api/formats/stylus/src.md) - [svelte](/api/renderers/svelte/src.md) - [swatches](/api/design/swatches/src.md) - [swift](/api/platforms/swift/src.md) - [tailwind](/api/bundlers/tailwind/src.md) - [The package map](/guide/packages.md) - [The pantoken CLI](/guide/cli.md) - [theme-custom-media](/api/plugins/postcss/theme-custom-media/src.md) - [tokens](/api/formats/tokens/src.md) - [transition](/api/plugins/pantoken/transition/src.md) - [Type Alias: AgentTool](/api/ai/pantoken-ai/src/type-aliases/AgentTool.md) - [Type Alias: AlertMarker](/api/renderers/react-markdown/src/type-aliases/AlertMarker.md) - [Type Alias: CssColor](/api/plugins/pantoken/colors/src/type-aliases/CssColor.md) - [Type Alias: DtcgNode](/api/formats/dtcg/src/type-aliases/DtcgNode.md) - [Type Alias: IconResolver](/api/packages/core/src/type-aliases/IconResolver.md) - [Type Alias: IconResolver](/api/packages/model/src/type-aliases/IconResolver.md) - [Type Alias: LogoColorMode](/api/plugins/pantoken/logos/src/type-aliases/LogoColorMode.md) - [Type Alias: LogoLayout](/api/plugins/pantoken/logos/src/type-aliases/LogoLayout.md) - [Type Alias: Mode](/api/design/swatches/src/type-aliases/Mode.md) - [Type Alias: Mode](/api/formats/dtcg/src/type-aliases/Mode.md) - [Type Alias: Mode](/api/packages/core/src/type-aliases/Mode.md) - [Type Alias: Mode](/api/packages/utils/src/type-aliases/Mode.md) - [Type Alias: Mode](/api/platforms/vanilla/src/type-aliases/Mode.md) - [Type Alias: Mode](/api/platforms/wordpress/src/type-aliases/Mode.md) - [Type Alias: PandaCategory](/api/bundlers/panda/src/type-aliases/PandaCategory.md) - [Type Alias: Product](/api/plugins/pantoken/logos/src/type-aliases/Product.md) - [Type Alias: RNTokenValue](/api/renderers/react-native/src/type-aliases/RNTokenValue.md) - [Type Alias: RustFormat](/api/platforms/rust/src/type-aliases/RustFormat.md) - [Type Alias: SimpleIconsRegistry](/api/plugins/pantoken/simple-icons/src/type-aliases/SimpleIconsRegistry.md) - [Type Alias: Stage](/api/packages/plugin-kit/src/type-aliases/Stage.md) - [Type Alias: StorybookTheme](/api/renderers/storybook/src/type-aliases/StorybookTheme.md) - [Type Alias: StyledTheme](/api/renderers/css-in-js/src/type-aliases/StyledTheme.md) - [Type Alias: Theme](/api/packages/core/src/type-aliases/Theme.md) - [Type Alias: Theme](/api/packages/model/src/type-aliases/Theme.md) - [Type Alias: Theme](/api/plugins/postcss/theme-custom-media/src/type-aliases/Theme.md) - [Type Alias: UpstreamRef](/api/packages/model/src/type-aliases/UpstreamRef.md) - [Untitled](/hu.md) - [utils](/api/packages/utils/src.md) - [vanilla](/api/platforms/vanilla/src.md) - [Variable: AGENT\_TOOLS](/api/ai/pantoken-ai/src/variables/AGENT_TOOLS.md) - [Variable: AGENTS\_MD](/api/ai/pantoken-ai/src/variables/AGENTS_MD.md) - [Variable: alert](/api/renderers/web-components/src/variables/alert.md) - [Variable: alertCss](/api/formats/components/src/variables/alertCss.md) - [Variable: ASSETS](/api/ai/pantoken-ai/src/variables/ASSETS.md) - [Variable: avatar](/api/renderers/web-components/src/variables/avatar.md) - [Variable: avatarCss](/api/formats/components/src/variables/avatarCss.md) - [Variable: badge](/api/renderers/web-components/src/variables/badge.md) - [Variable: badgeCss](/api/formats/components/src/variables/badgeCss.md) - [Variable: billboardCss](/api/formats/components/src/variables/billboardCss.md) - [Variable: BOOTSTRAP\_TO\_INSTUI](/api/renderers/bootstrap/src/variables/BOOTSTRAP_TO_INSTUI.md) - [Variable: bootstrapCss](/api/renderers/bootstrap/src/variables/bootstrapCss.md) - [Variable: breadcrumbCss](/api/formats/components/src/variables/breadcrumbCss.md) - [Variable: button](/api/renderers/web-components/src/variables/button.md) - [Variable: buttonCss](/api/formats/components/src/variables/buttonCss.md) - [Variable: bylineCss](/api/formats/components/src/variables/bylineCss.md) - [Variable: calendar](/api/renderers/web-components/src/variables/calendar.md) - [Variable: calendarCss](/api/formats/components/src/variables/calendarCss.md) - [Variable: canvasHighContrastTokens](/api/formats/tokens/src/variables/canvasHighContrastTokens.md) - [Variable: canvasTokens](/api/formats/tokens/src/variables/canvasTokens.md) - [Variable: checkboxCss](/api/formats/components/src/variables/checkboxCss.md) - [Variable: closeButtonCss](/api/formats/components/src/variables/closeButtonCss.md) - [Variable: COMPONENTS](/api/renderers/pendo/src/variables/COMPONENTS.md) - [Variable: contextView](/api/renderers/web-components/src/variables/contextView.md) - [Variable: contextViewCss](/api/formats/components/src/variables/contextViewCss.md) - [Variable: css](/api/formats/css/src/variables/css.md) - [Variable: dark](/api/platforms/email/src/variables/dark.md) - [Variable: dark](/api/renderers/react-native/src/variables/dark.md) - [Variable: darkTheme](/api/renderers/mui/src/variables/darkTheme.md) - [Variable: dateInput](/api/renderers/web-components/src/variables/dateInput.md) - [Variable: dateTimeInput](/api/renderers/web-components/src/variables/dateTimeInput.md) - [Variable: DEFAULT\_PREFIX](/api/formats/components/src/variables/DEFAULT_PREFIX.md) - [Variable: DEFAULT\_PREFIX](/api/renderers/web-components/src/variables/DEFAULT_PREFIX.md) - [Variable: DEFINITIONS](/api/renderers/web-components/src/variables/DEFINITIONS.md) - [Variable: DEMO\_FENCE](/api/plugins/typedoc/demo/src/variables/DEMO_FENCE.md) - [Variable: DEMO\_TAG](/api/plugins/typedoc/demo/src/variables/DEMO_TAG.md) - [Variable: docsJson](/api/renderers/mintlify/src/variables/docsJson.md) - [Variable: docusaurusCss](/api/renderers/docusaurus/src/variables/docusaurusCss.md) - [Variable: drawerLayout](/api/renderers/web-components/src/variables/drawerLayout.md) - [Variable: drilldown](/api/renderers/web-components/src/variables/drilldown.md) - [Variable: dtcg](/api/formats/dtcg/src/variables/dtcg.md) - [Variable: ELEMENTS](/api/renderers/web-components/src/variables/ELEMENTS.md) - [Variable: ELEVATION\_NAMES](/api/formats/components/src/variables/ELEVATION_NAMES.md) - [Variable: ELEVATION\_NAMES](/api/packages/utils/src/variables/ELEVATION_NAMES.md) - [Variable: fileDropCss](/api/formats/components/src/variables/fileDropCss.md) - [Variable: FOCUSABLE\_SELECTOR](/api/formats/components/src/variables/FOCUSABLE_SELECTOR.md) - [Variable: FOCUSABLE\_SELECTOR](/api/packages/utils/src/variables/FOCUSABLE_SELECTOR.md) - [Variable: formFieldCss](/api/formats/components/src/variables/formFieldCss.md) - [Variable: formFieldGroupCss](/api/formats/components/src/variables/formFieldGroupCss.md) - [Variable: formFieldMessagesCss](/api/formats/components/src/variables/formFieldMessagesCss.md) - [Variable: FOUNDATION\_TO\_INSTUI](/api/renderers/foundation/src/variables/FOUNDATION_TO_INSTUI.md) - [Variable: foundationCss](/api/renderers/foundation/src/variables/foundationCss.md) - [Variable: foundationSettings](/api/renderers/foundation/src/variables/foundationSettings.md) - [Variable: headingCss](/api/formats/components/src/variables/headingCss.md) - [Variable: icon](/api/renderers/web-components/src/variables/icon.md) - [Variable: ICON\_COLOR\_SPECIAL\_VALUES](/api/packages/core/src/variables/ICON_COLOR_SPECIAL_VALUES.md) - [Variable: iconButton](/api/renderers/web-components/src/variables/iconButton.md) - [Variable: iconCss](/api/formats/components/src/variables/iconCss.md) - [Variable: icons](/api/formats/icons/src/variables/icons.md) - [Variable: iconsByName](/api/formats/icons/src/variables/iconsByName.md) - [Variable: img](/api/renderers/web-components/src/variables/img.md) - [Variable: imgCss](/api/formats/components/src/variables/imgCss.md) - [Variable: INFIMA\_TO\_INSTUI](/api/renderers/docusaurus/src/variables/INFIMA_TO_INSTUI.md) - [Variable: inPlaceEdit](/api/renderers/web-components/src/variables/inPlaceEdit.md) - [Variable: inPlaceEditCss](/api/formats/components/src/variables/inPlaceEditCss.md) - [Variable: inputGroupCss](/api/formats/components/src/variables/inputGroupCss.md) - [Variable: INSTUI\_TRANSPILE\_PACKAGES](/api/bundlers/next/src/variables/INSTUI_TRANSPILE_PACKAGES.md) - [Variable: instuiMarkdownComponents](/api/renderers/react-markdown/src/variables/instuiMarkdownComponents.md) - [Variable: LAYER\_ORDER](/api/renderers/pendo/src/variables/LAYER_ORDER.md) - [Variable: layoutUtilitiesCss](/api/formats/components/src/variables/layoutUtilitiesCss.md) - [Variable: leanCss](/api/formats/css/src/variables/leanCss.md) - [Variable: less](/api/formats/less/src/variables/less.md) - [Variable: light](/api/platforms/email/src/variables/light.md) - [Variable: light](/api/renderers/react-native/src/variables/light.md) - [Variable: LIGHT\_DARK\_RE](/api/packages/utils/src/variables/LIGHT_DARK_RE.md) - [Variable: lightTheme](/api/renderers/mui/src/variables/lightTheme.md) - [Variable: linkCss](/api/formats/components/src/variables/linkCss.md) - [Variable: listCss](/api/formats/components/src/variables/listCss.md) - [Variable: LLMS\_TXT](/api/ai/pantoken-ai/src/variables/LLMS_TXT.md) - [Variable: logos](/api/plugins/pantoken/logos/src/variables/logos.md) - [Variable: logosCss](/api/plugins/pantoken/logos/src/variables/logosCss.md) - [Variable: maskCss](/api/formats/components/src/variables/maskCss.md) - [Variable: menuCss](/api/formats/components/src/variables/menuCss.md) - [Variable: metric](/api/renderers/web-components/src/variables/metric.md) - [Variable: metricCss](/api/formats/components/src/variables/metricCss.md) - [Variable: modal](/api/renderers/web-components/src/variables/modal.md) - [Variable: modalCss](/api/formats/components/src/variables/modalCss.md) - [Variable: numberInputCss](/api/formats/components/src/variables/numberInputCss.md) - [Variable: pages](/api/renderers/web-components/src/variables/pages.md) - [Variable: paginationCss](/api/formats/components/src/variables/paginationCss.md) - [Variable: pantokenPreset](/api/bundlers/panda/src/variables/pantokenPreset.md) - [Variable: pantokenTheme](/api/renderers/css-in-js/src/variables/pantokenTheme.md) - [Variable: PantokenVue](/api/renderers/vue/src/variables/PantokenVue.md) - [Variable: pendoCss](/api/renderers/pendo/src/variables/pendoCss.md) - [Variable: pill](/api/renderers/web-components/src/variables/pill.md) - [Variable: pillCss](/api/formats/components/src/variables/pillCss.md) - [Variable: popover](/api/renderers/web-components/src/variables/popover.md) - [Variable: popoverCss](/api/formats/components/src/variables/popoverCss.md) - [Variable: products](/api/plugins/pantoken/logos/src/variables/products.md) - [Variable: progress](/api/renderers/web-components/src/variables/progress.md) - [Variable: progressCircle](/api/renderers/web-components/src/variables/progressCircle.md) - [Variable: progressCircleCss](/api/formats/components/src/variables/progressCircleCss.md) - [Variable: progressCss](/api/formats/components/src/variables/progressCss.md) - [Variable: PROSE\_CLASS](/api/renderers/markdown-it/src/variables/PROSE_CLASS.md) - [Variable: radioCss](/api/formats/components/src/variables/radioCss.md) - [Variable: radioInputGroupCss](/api/formats/components/src/variables/radioInputGroupCss.md) - [Variable: rangeInputCss](/api/formats/components/src/variables/rangeInputCss.md) - [Variable: rating](/api/renderers/web-components/src/variables/rating.md) - [Variable: ratingCss](/api/formats/components/src/variables/ratingCss.md) - [Variable: rebrandTokens](/api/formats/tokens/src/variables/rebrandTokens.md) - [Variable: resolve](/api/formats/icons/src/variables/resolve.md) - [Variable: responsiveUtilitiesCss](/api/formats/components/src/variables/responsiveUtilitiesCss.md) - [Variable: screenReaderContentCss](/api/formats/components/src/variables/screenReaderContentCss.md) - [Variable: scss](/api/formats/scss/src/variables/scss.md) - [Variable: SHADCN\_TO\_INSTUI](/api/renderers/shadcn/src/variables/SHADCN_TO_INSTUI.md) - [Variable: shadcnCss](/api/renderers/shadcn/src/variables/shadcnCss.md) - [Variable: sideNavBar](/api/renderers/web-components/src/variables/sideNavBar.md) - [Variable: sideNavBarCss](/api/formats/components/src/variables/sideNavBarCss.md) - [Variable: simpleSelectCss](/api/formats/components/src/variables/simpleSelectCss.md) - [Variable: spacingUtilitiesCss](/api/formats/components/src/variables/spacingUtilitiesCss.md) - [Variable: spinner](/api/renderers/web-components/src/variables/spinner.md) - [Variable: spinnerCss](/api/formats/components/src/variables/spinnerCss.md) - [Variable: STACKING\_LEVELS](/api/plugins/pantoken/stacking/src/variables/STACKING_LEVELS.md) - [Variable: STACKING\_RULES](/api/plugins/pantoken/stacking/src/variables/STACKING_RULES.md) - [Variable: stylus](/api/formats/stylus/src/variables/stylus.md) - [Variable: swatches](/api/design/swatches/src/variables/swatches.md) - [Variable: tableCss](/api/formats/components/src/variables/tableCss.md) - [Variable: tabsCss](/api/formats/components/src/variables/tabsCss.md) - [Variable: tag](/api/renderers/web-components/src/variables/tag.md) - [Variable: tagCss](/api/formats/components/src/variables/tagCss.md) - [Variable: textAreaCss](/api/formats/components/src/variables/textAreaCss.md) - [Variable: textCss](/api/formats/components/src/variables/textCss.md) - [Variable: textInputCss](/api/formats/components/src/variables/textInputCss.md) - [Variable: themeJson](/api/platforms/wordpress/src/variables/themeJson.md) - [Variable: themes](/api/formats/dtcg/src/variables/themes.md) - [Variable: themes](/api/formats/tokens/src/variables/themes.md) - [Variable: toggleButton](/api/renderers/web-components/src/variables/toggleButton.md) - [Variable: toggleDetailsCss](/api/formats/components/src/variables/toggleDetailsCss.md) - [Variable: toggleGroupCss](/api/formats/components/src/variables/toggleGroupCss.md) - [Variable: tokens](/api/formats/tokens/src/variables/tokens.md) - [Variable: tooltip](/api/renderers/web-components/src/variables/tooltip.md) - [Variable: tooltipCss](/api/formats/components/src/variables/tooltipCss.md) - [Variable: TRANSITION\_RULES](/api/plugins/pantoken/transition/src/variables/TRANSITION_RULES.md) - [Variable: tray](/api/renderers/web-components/src/variables/tray.md) - [Variable: trayCss](/api/formats/components/src/variables/trayCss.md) - [Variable: treeBrowser](/api/renderers/web-components/src/variables/treeBrowser.md) - [Variable: treeBrowserCss](/api/formats/components/src/variables/treeBrowserCss.md) - [Variable: truncate](/api/renderers/web-components/src/variables/truncate.md) - [Variable: truncateCss](/api/formats/components/src/variables/truncateCss.md) - [Variable: VANILLA\_TO\_INSTUI](/api/platforms/vanilla/src/variables/VANILLA_TO_INSTUI.md) - [Variable: VAR\_RE](/api/packages/utils/src/variables/VAR_RE.md) - [Variable: variables](/api/platforms/vanilla/src/variables/variables.md) - [Variable: viewCss](/api/formats/components/src/variables/viewCss.md) - [Variable: VISUAL\_DEBUG\_RULES](/api/plugins/pantoken/visual-debug/src/variables/VISUAL_DEBUG_RULES.md) - [Variable: VITEPRESS\_TO\_INSTUI](/api/renderers/vitepress/src/variables/VITEPRESS_TO_INSTUI.md) - [Variable: vitePressCss](/api/renderers/vitepress/src/variables/vitePressCss.md) - [visual-debug](/api/plugins/pantoken/visual-debug/src.md) - [vite](/api/bundlers/vite/src.md) - [vitepress](/api/renderers/vitepress/src.md) - [vue](/api/renderers/vue/src.md) - [web-components](/api/renderers/web-components/src.md) - [webpack](/api/bundlers/webpack/src.md) - [wordpress](/api/platforms/wordpress/src.md) - [workspace-orchestrator](/api/plugins/vite/workspace-orchestrator/src.md)