@mitcsutt/kiln-ui 0.4.0 → 0.6.0

package/dist/highlight/index.js

@@ -0,0 +1,103 @@
+import { trimTrailingNewlines as e } from "../utils/newlines.js";
+//#region src/highlight/index.ts
+var t = {
+	js: "javascript",
+	javascript: "javascript",
+	jsx: "jsx",
+	ts: "typescript",
+	typescript: "typescript",
+	tsx: "tsx"
+}, n = {
+	javascript: () => import("shiki/langs/javascript.mjs"),
+	jsx: () => import("shiki/langs/jsx.mjs"),
+	typescript: () => import("shiki/langs/typescript.mjs"),
+	tsx: () => import("shiki/langs/tsx.mjs")
+}, r = [
+	"keyword",
+	"string",
+	"comment",
+	"constant",
+	"function",
+	"type",
+	"tag",
+	"attribute",
+	"punctuation"
+], i = (e) => `#0000${(r.indexOf(e) + 1).toString(16).padStart(2, "0")}`, a = new Map(r.map((e) => [i(e), e])), o = "#000000", s = {
+	name: "kiln",
+	type: "light",
+	fg: o,
+	bg: "#ffffff",
+	settings: [
+		[["comment", "punctuation.definition.comment"], "comment"],
+		[["string", "punctuation.definition.string"], "string"],
+		[["meta.template.expression"], null],
+		[[
+			"constant.numeric",
+			"constant.language",
+			"constant.character",
+			"variable.language"
+		], "constant"],
+		[[
+			"keyword",
+			"storage",
+			"keyword.operator.new",
+			"keyword.operator.expression"
+		], "keyword"],
+		[["entity.name.function", "support.function"], "function"],
+		[[
+			"entity.name.type",
+			"entity.name.class",
+			"entity.other.inherited-class",
+			"support.type",
+			"support.class"
+		], "type"],
+		[["entity.name.tag"], "tag"],
+		[["entity.other.attribute-name"], "attribute"],
+		[[
+			"punctuation",
+			"meta.brace",
+			"keyword.operator"
+		], "punctuation"],
+		[["punctuation.definition.string.template.begin", "punctuation.definition.string.template.end"], "string"],
+		[["punctuation.definition.template-expression"], "punctuation"]
+	].map(([e, t]) => ({
+		scope: e,
+		settings: { foreground: t ? i(t) : o }
+	}))
+}, c, l = /* @__PURE__ */ new Map();
+function u(e) {
+	return c ??= Promise.all([import("shiki/core"), import("shiki/engine/javascript")]).then(([{ createHighlighterCore: e }, { createJavaScriptRegexEngine: t }]) => e({
+		themes: [s],
+		langs: [],
+		engine: t()
+	})), c.then(async (t) => {
+		let r = l.get(e);
+		return r || (r = n[e]().then((e) => t.loadLanguage(e.default)), l.set(e, r)), await r, t;
+	});
+}
+function d(e) {
+	return Object.hasOwn(t, e);
+}
+async function f(n, r) {
+	let i = r.toLowerCase();
+	if (!d(i)) return;
+	let o = t[i];
+	return (await u(o)).codeToTokensBase(e(n), {
+		lang: o,
+		theme: "kiln"
+	}).map((e) => {
+		let t = [];
+		for (let { content: n, color: r } of e) {
+			let e = r ? a.get(r.toLowerCase()) : void 0, i = t.at(-1);
+			i && i.type === e ? i.content += n : t.push(e ? {
+				content: n,
+				type: e
+			} : { content: n });
+		}
+		return t;
+	});
+}
+//#endregion
+export { f as highlight };
+
+//# sourceMappingURL=index.js.map

package/dist/highlight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GRAMMARS","LOADERS","TYPES","colourOf","type","typeOf","PLAIN","THEME","scope","highlighter","loaded","load","createHighlighterCore","createJavaScriptRegexEngine","language","grammar","core","module","isHighlightLanguage","highlight","id","trimTrailingNewlines","code","tokens","line","color","previous","content"],"sources":["../../src/highlight/index.ts"],"sourcesContent":["/*\n * @mitcsutt/kiln-ui/highlight: syntax highlighting for CodeBlock, kept out of the main entry.\n * It runs Shiki (an optional peer dependency) with its JavaScript regex engine, and loads Shiki\n * and each grammar only when the first block in that language is highlighted.\n */\nimport type { CodeToken, CodeTokenType } from '#components/display/CodeBlock'\nimport { trimTrailingNewlines } from '#utils/newlines'\nimport type { HighlighterCore, LanguageRegistration, ThemeRegistration } from 'shiki/core'\n\n/** The languages `highlight` understands, with their usual aliases. */\nexport type HighlightLanguage = 'js' | 'javascript' | 'jsx' | 'ts' | 'typescript' | 'tsx'\n\ntype Grammar = 'javascript' | 'jsx' | 'typescript' | 'tsx'\n\nconst GRAMMARS: Record<HighlightLanguage, Grammar> = {\n  js: 'javascript',\n  javascript: 'javascript',\n  jsx: 'jsx',\n  ts: 'typescript',\n  typescript: 'typescript',\n  tsx: 'tsx',\n}\n\nconst LOADERS: Record<Grammar, () => Promise<{ default: LanguageRegistration[] }>> = {\n  javascript: () => import('shiki/langs/javascript.mjs'),\n  jsx: () => import('shiki/langs/jsx.mjs'),\n  typescript: () => import('shiki/langs/typescript.mjs'),\n  tsx: () => import('shiki/langs/tsx.mjs'),\n}\n\nconst TYPES: CodeTokenType[] = [\n  'keyword',\n  'string',\n  'comment',\n  'constant',\n  'function',\n  'type',\n  'tag',\n  'attribute',\n  'punctuation',\n]\n\n/** Each token type gets a stand-in colour, which `highlight` reads back as the type. */\nconst colourOf = (type: CodeTokenType) =>\n  `#0000${(TYPES.indexOf(type) + 1).toString(16).padStart(2, '0')}`\nconst typeOf = new Map(TYPES.map((type) => [colourOf(type), type]))\nconst PLAIN = '#000000'\n\n/** TextMate scopes → token types. A deeper or longer scope wins, so the exceptions follow. */\nconst RULES: [string[], CodeTokenType | null][] = [\n  [['comment', 'punctuation.definition.comment'], 'comment'],\n  [['string', 'punctuation.definition.string'], 'string'],\n  [['meta.template.expression'], null],\n  [\n    ['constant.numeric', 'constant.language', 'constant.character', 'variable.language'],\n    'constant',\n  ],\n  [['keyword', 'storage', 'keyword.operator.new', 'keyword.operator.expression'], 'keyword'],\n  [['entity.name.function', 'support.function'], 'function'],\n  [\n    [\n      'entity.name.type',\n      'entity.name.class',\n      'entity.other.inherited-class',\n      'support.type',\n      'support.class',\n    ],\n    'type',\n  ],\n  [['entity.name.tag'], 'tag'],\n  [['entity.other.attribute-name'], 'attribute'],\n  [['punctuation', 'meta.brace', 'keyword.operator'], 'punctuation'],\n  [\n    ['punctuation.definition.string.template.begin', 'punctuation.definition.string.template.end'],\n    'string',\n  ],\n  [['punctuation.definition.template-expression'], 'punctuation'],\n]\n\nconst THEME: ThemeRegistration = {\n  name: 'kiln',\n  type: 'light',\n  fg: PLAIN,\n  bg: '#ffffff',\n  settings: RULES.map(([scope, type]) => ({\n    scope,\n    settings: { foreground: type ? colourOf(type) : PLAIN },\n  })),\n}\n\nlet highlighter: Promise<HighlighterCore> | undefined\nconst loaded = new Map<Grammar, Promise<void>>()\n\nfunction load(grammar: Grammar): Promise<HighlighterCore> {\n  highlighter ??= Promise.all([import('shiki/core'), import('shiki/engine/javascript')]).then(\n    ([{ createHighlighterCore }, { createJavaScriptRegexEngine }]) =>\n      createHighlighterCore({ themes: [THEME], langs: [], engine: createJavaScriptRegexEngine() }),\n  )\n  return highlighter.then(async (core) => {\n    let language = loaded.get(grammar)\n    if (!language) {\n      language = LOADERS[grammar]().then((module) => core.loadLanguage(module.default))\n      loaded.set(grammar, language)\n    }\n    await language\n    return core\n  })\n}\n\nfunction isHighlightLanguage(language: string): language is HighlightLanguage {\n  return Object.hasOwn(GRAMMARS, language)\n}\n\n/**\n * Tokens for `CodeBlock`'s `tokens` prop: one array per line of `code`, each token tagged with\n * what it is (keyword, string, comment…) so the theme colours it. Resolves to `undefined` for a\n * language it doesn't know, which `CodeBlock` shows as plain code.\n *\n * @remarks\n * Install `shiki` alongside kiln-ui to use it. Call it wherever your code is ready: in a server\n * component or at build time, so the browser downloads no highlighter, or in the browser, where\n * Shiki and the grammar load on the first call.\n *\n * @example\n * const tokens = await highlight(source, 'tsx')\n * return <CodeBlock code={source} language=\"TSX\" tokens={tokens} />\n */\nexport async function highlight(\n  code: string,\n  language: string,\n): Promise<CodeToken[][] | undefined> {\n  const id = language.toLowerCase()\n  if (!isHighlightLanguage(id)) return undefined\n  const grammar = GRAMMARS[id]\n  const core = await load(grammar)\n  const lines = core.codeToTokensBase(trimTrailingNewlines(code), { lang: grammar, theme: 'kiln' })\n  return lines.map((line) => {\n    const tokens: CodeToken[] = []\n    for (const { content, color } of line) {\n      const type = color ? typeOf.get(color.toLowerCase()) : undefined\n      const previous = tokens.at(-1)\n      if (previous && previous.type === type) previous.content += content\n      else tokens.push(type ? { content, type } : { content })\n    }\n    return tokens\n  })\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export { AppShell } from './components/layout/AppShell/index.js';
 export type { AppShellProps, AppShellHeaderProps, AppShellMainProps, AppShellSidebarProps, AppShellFooterProps, AppShellBottomBarProps, AppShellNavBreakpoint, } from './components/layout/AppShell/index.js';
 export { VisuallyHidden } from './components/layout/VisuallyHidden/index.js';
 export type { VisuallyHiddenProps } from './components/layout/VisuallyHidden/index.js';
+export { ScrollArea } from './components/layout/ScrollArea/index.js';
+export type { ScrollAreaProps, ScrollAreaAxis } from './components/layout/ScrollArea/index.js';
 export { ActionBar } from './components/layout/ActionBar/index.js';
 export type { ActionBarProps, ActionBarAlign, ActionBarElement, } from './components/layout/ActionBar/index.js';
 export { Heading, DEFAULT_HEADING_SIZE } from './components/typography/Heading/index.js';
@@ -165,15 +167,15 @@ export type { DeltaProps, DeltaDirection, DeltaTone } from './components/display
 export { DataList } from './components/display/DataList/index.js';
 export type { DataListProps, DataListItemProps, DataListOrientation, } from './components/display/DataList/index.js';
 export { List } from './components/display/List/index.js';
-export type { ListProps, ListItemProps, ListDensity, ListElement } from './components/display/List/index.js';
+export type { ListProps, ListItemProps, ListDensity, ListElement, ListSurface, } from './components/display/List/index.js';
 export { Table } from './components/display/Table/index.js';
-export type { TableProps, TableDensity, TableVariant, TableAlign, TableSort, TableRowProps, TableHeaderCellProps, TableCellProps, TableColumnWidth, } from './components/display/Table/index.js';
+export type { TableProps, TableDensity, TableVariant, TableSurface, TableAlign, TableVerticalAlign, TableSort, TableRowProps, TableHeaderCellProps, TableCellProps, TableColumnWidth, } from './components/display/Table/index.js';
 export { Media } from './components/display/Media/index.js';
 export type { MediaProps, MediaRatio, MediaFit, MediaRadius, MediaSize, } from './components/display/Media/index.js';
 export { Marquee } from './components/display/Marquee/index.js';
 export type { MarqueeProps, MarqueeSpeed, MarqueeDirection, MarqueeSurface, } from './components/display/Marquee/index.js';
 export { CodeBlock } from './components/display/CodeBlock/index.js';
-export type { CodeBlockProps } from './components/display/CodeBlock/index.js';
+export type { CodeBlockProps, CodeToken, CodeTokenType } from './components/display/CodeBlock/index.js';
 export { Stamp } from './components/display/Stamp/index.js';
 export type { StampProps, StampPlacement } from './components/display/Stamp/index.js';
 export { Progress } from './components/display/Progress/index.js';

package/dist/index.js

@@ -16,104 +16,105 @@ import { Divider as te } from "./components/layout/Divider/Divider.js";
 import { AspectRatio as ne } from "./components/layout/AspectRatio/AspectRatio.js";
 import { VisuallyHidden as re } from "./components/layout/VisuallyHidden/VisuallyHidden.js";
 import { AppShell as ie } from "./components/layout/AppShell/AppShell.js";
-import { ActionBar as ae } from "./components/layout/ActionBar/ActionBar.js";
-import { DEFAULT_HEADING_SIZE as oe } from "./components/typography/Heading/sizes.js";
-import { Heading as se } from "./components/typography/Heading/Heading.js";
-import { Text as ce } from "./components/typography/Text/Text.js";
-import { Link as le } from "./components/typography/Link/Link.js";
-import { Code as ue } from "./components/typography/Code/Code.js";
-import { Kbd as de } from "./components/typography/Kbd/Kbd.js";
-import { Prose as fe } from "./components/typography/Prose/Prose.js";
-import { Quote as pe } from "./components/typography/Quote/Quote.js";
-import { formatNumeral as me, formatNumeralParts as he, signOf as ge } from "./components/typography/Numeral/format.js";
-import { Numeral as _e } from "./components/typography/Numeral/Numeral.js";
-import { Amount as ve } from "./components/typography/Amount/Amount.js";
-import { SectionHeader as ye } from "./components/typography/SectionHeader/SectionHeader.js";
-import { Spinner as be } from "./components/feedback/Spinner/Spinner.js";
-import { Button as xe } from "./components/actions/Button/Button.js";
-import { IconButton as Se } from "./components/actions/IconButton/IconButton.js";
-import { ToggleChip as Ce } from "./components/actions/ToggleChip/ToggleChip.js";
-import { useFieldControl as we } from "./components/inputs/internal/FieldContext.js";
-import { ChipGroup as Te } from "./components/actions/ChipGroup/ChipGroup.js";
-import { SegmentedControl as Ee } from "./components/actions/SegmentedControl/SegmentedControl.js";
-import { ModeToggle as De } from "./components/actions/ModeToggle/ModeToggle.js";
-import { Field as Oe } from "./components/inputs/Field/Field.js";
-import { Input as ke } from "./components/inputs/Input/Input.js";
-import { Textarea as Ae } from "./components/inputs/Textarea/Textarea.js";
-import { Select as je } from "./components/inputs/Select/Select.js";
-import { Checkbox as Me } from "./components/inputs/Checkbox/Checkbox.js";
-import { RadioGroup as Ne } from "./components/inputs/RadioGroup/RadioGroup.js";
-import { Switch as Pe } from "./components/inputs/Switch/Switch.js";
-import { Fieldset as Fe } from "./components/inputs/Fieldset/Fieldset.js";
-import { TextField as Ie } from "./components/inputs/TextField/TextField.js";
-import { TextareaField as Le } from "./components/inputs/TextareaField/TextareaField.js";
-import { SelectField as Re } from "./components/inputs/SelectField/SelectField.js";
-import { CheckboxField as ze } from "./components/inputs/CheckboxField/CheckboxField.js";
-import { PasswordInput as Be } from "./components/inputs/PasswordInput/PasswordInput.js";
-import { PasswordField as Ve } from "./components/inputs/PasswordField/PasswordField.js";
-import { NumberInput as He } from "./components/inputs/NumberInput/NumberInput.js";
-import { NumberField as Ue } from "./components/inputs/NumberField/NumberField.js";
-import { AmountInput as We } from "./components/inputs/AmountInput/AmountInput.js";
-import { AmountField as Ge } from "./components/inputs/AmountField/AmountField.js";
-import { OneTimeCodeInput as Ke } from "./components/inputs/OneTimeCodeInput/OneTimeCodeInput.js";
-import { OneTimeCodeField as qe } from "./components/inputs/OneTimeCodeField/OneTimeCodeField.js";
-import { ColorInput as Je } from "./components/inputs/ColorInput/ColorInput.js";
-import { ColorField as Ye } from "./components/inputs/ColorField/ColorField.js";
-import { SwitchField as Xe } from "./components/inputs/SwitchField/SwitchField.js";
-import { DateRangeField as Ze } from "./components/inputs/DateRangeField/DateRangeField.js";
-import { CheckboxGroup as Qe } from "./components/inputs/CheckboxGroup/CheckboxGroup.js";
-import { CheckboxGroupField as $e } from "./components/inputs/CheckboxGroupField/CheckboxGroupField.js";
-import { RadioGroupField as et } from "./components/inputs/RadioGroupField/RadioGroupField.js";
-import { SegmentedField as tt } from "./components/inputs/SegmentedField/SegmentedField.js";
-import { ChipGroupField as nt } from "./components/inputs/ChipGroupField/ChipGroupField.js";
-import { ChoiceCards as rt } from "./components/inputs/ChoiceCards/ChoiceCards.js";
-import { ChoiceCardsField as it } from "./components/inputs/ChoiceCardsField/ChoiceCardsField.js";
-import { Slider as at } from "./components/inputs/Slider/Slider.js";
-import { SliderField as ot } from "./components/inputs/SliderField/SliderField.js";
-import { RangeSlider as st } from "./components/inputs/RangeSlider/RangeSlider.js";
-import { RangeSliderField as ct } from "./components/inputs/RangeSliderField/RangeSliderField.js";
-import { Rating as lt } from "./components/inputs/Rating/Rating.js";
-import { RatingField as ut } from "./components/inputs/RatingField/RatingField.js";
-import { Tag as dt, TagList as ft } from "./components/display/Tag/Tag.js";
-import { Combobox as pt } from "./components/inputs/Combobox/Combobox.js";
-import { ComboboxField as mt } from "./components/inputs/ComboboxField/ComboboxField.js";
-import { TagsInput as ht } from "./components/inputs/TagsInput/TagsInput.js";
-import { TagsField as gt } from "./components/inputs/TagsField/TagsField.js";
-import { FileDrop as _t } from "./components/inputs/FileDrop/FileDrop.js";
-import { FileField as vt } from "./components/inputs/FileField/FileField.js";
-import { Card as yt } from "./components/display/Card/Card.js";
-import { Badge as bt } from "./components/display/Badge/Badge.js";
-import { avatarColor as xt, getInitials as St } from "./components/display/Avatar/avatarUtils.js";
-import { Avatar as Ct } from "./components/display/Avatar/Avatar.js";
-import { AvatarGroup as wt } from "./components/display/AvatarGroup/AvatarGroup.js";
-import { Delta as Tt } from "./components/display/Delta/Delta.js";
-import { Stat as Et } from "./components/display/Stat/Stat.js";
-import { DataList as Dt } from "./components/display/DataList/DataList.js";
-import { List as Ot } from "./components/display/List/List.js";
-import { Table as kt } from "./components/display/Table/Table.js";
-import { Media as At } from "./components/display/Media/Media.js";
-import { Marquee as jt } from "./components/display/Marquee/Marquee.js";
-import { CodeBlock as Mt } from "./components/display/CodeBlock/CodeBlock.js";
-import { Stamp as Nt } from "./components/display/Stamp/Stamp.js";
-import { Progress as Pt } from "./components/display/Progress/Progress.js";
-import { meterTone as Ft } from "./components/display/Meter/meterTone.js";
-import { Meter as It } from "./components/display/Meter/Meter.js";
-import { Skeleton as Lt } from "./components/display/Skeleton/Skeleton.js";
-import { EmptyState as Rt } from "./components/display/EmptyState/EmptyState.js";
-import { Tabs as zt } from "./components/navigation/Tabs/Tabs.js";
-import { NavLinks as Bt } from "./components/navigation/NavLinks/NavLinks.js";
-import { BottomNav as Vt } from "./components/navigation/BottomNav/BottomNav.js";
-import { Accordion as Ht } from "./components/navigation/Accordion/Accordion.js";
-import { Stepper as Ut } from "./components/navigation/Stepper/Stepper.js";
-import { Alert as Wt } from "./components/feedback/Alert/Alert.js";
-import { LiveIndicator as Gt } from "./components/feedback/LiveIndicator/LiveIndicator.js";
-import { Flash as Kt } from "./components/feedback/Flash/Flash.js";
-import { StatusDot as qt } from "./components/feedback/StatusDot/StatusDot.js";
-import { formatAbsoluteTime as Jt, formatRelativeTime as Yt } from "./components/feedback/RelativeTime/format.js";
-import { RelativeTime as Xt } from "./components/feedback/RelativeTime/RelativeTime.js";
-import { Dialog as Zt } from "./components/overlays/Dialog/Dialog.js";
-import { Sheet as Qt } from "./components/overlays/Sheet/Sheet.js";
-import { Popover as $t } from "./components/overlays/Popover/Popover.js";
-import { DropdownMenu as en } from "./components/overlays/DropdownMenu/DropdownMenu.js";
-import { Tooltip as tn, TooltipProvider as nn } from "./components/overlays/Tooltip/Tooltip.js";
-export { Ht as Accordion, ae as ActionBar, Wt as Alert, ve as Amount, Ge as AmountField, We as AmountInput, ie as AppShell, u as ArrowLeftIcon, d as ArrowRightIcon, f as ArrowUpRightIcon, ne as AspectRatio, Ct as Avatar, wt as AvatarGroup, bt as Badge, Vt as BottomNav, X as Box, xe as Button, p as CalendarIcon, yt as Card, m as CheckIcon, Me as Checkbox, ze as CheckboxField, Qe as CheckboxGroup, $e as CheckboxGroupField, h as ChevronDownIcon, g as ChevronLeftIcon, _ as ChevronRightIcon, v as ChevronUpIcon, Te as ChipGroup, nt as ChipGroupField, rt as ChoiceCards, it as ChoiceCardsField, y as CircleCheckIcon, b as ClockIcon, x as CloseIcon, ue as Code, Mt as CodeBlock, Ye as ColorField, Je as ColorInput, pt as Combobox, mt as ComboboxField, $ as Container, S as CopyIcon, oe as DEFAULT_HEADING_SIZE, e as DEFAULT_THEME, Dt as DataList, Ze as DateRangeField, Tt as Delta, Zt as Dialog, te as Divider, en as DropdownMenu, Rt as EmptyState, C as ErrorIcon, w as EyeIcon, T as EyeOffIcon, Oe as Field, Fe as Fieldset, _t as FileDrop, vt as FileField, Kt as Flash, Z as Grid, se as Heading, E as HelpIcon, Se as IconButton, D as InfoIcon, Y as Inline, ke as Input, de as Kbd, le as Link, Ot as List, Gt as LiveIndicator, t as MODES, jt as Marquee, At as Media, O as MenuIcon, k as MessageIcon, It as Meter, A as MinusIcon, De as ModeToggle, j as MoonIcon, M as MoreIcon, Bt as NavLinks, Ue as NumberField, He as NumberInput, _e as Numeral, qe as OneTimeCodeField, Ke as OneTimeCodeInput, Ve as PasswordField, Be as PasswordInput, N as PlusIcon, $t as Popover, Pt as Progress, fe as Prose, pe as Quote, Ne as RadioGroup, et as RadioGroupField, P as RadioIcon, st as RangeSlider, ct as RangeSliderField, lt as Rating, ut as RatingField, Xt as RelativeTime, F as SearchIcon, ee as Section, ye as SectionHeader, Ee as SegmentedControl, tt as SegmentedField, je as Select, Re as SelectField, Qt as Sheet, I as ShieldIcon, Lt as Skeleton, at as Slider, ot as SliderField, be as Spinner, Q as Split, J as Stack, Nt as Stamp, L as StarIcon, Et as Stat, qt as StatusDot, Ut as Stepper, R as SunIcon, Pe as Switch, Xe as SwitchField, z as SwordsIcon, B as SystemIcon, n as THEMES, r as THEME_META, kt as Table, zt as Tabs, dt as Tag, ft as TagList, gt as TagsField, ht as TagsInput, V as TargetIcon, ce as Text, Ie as TextField, Ae as Textarea, Le as TextareaField, o as ThemeProvider, s as ThemeScope, Ce as ToggleChip, tn as Tooltip, nn as TooltipProvider, H as TrendingUpIcon, U as TrophyIcon, W as UploadIcon, G as UsersIcon, re as VisuallyHidden, K as WarningIcon, q as ZapIcon, xt as avatarColor, l as createIcon, c as cx, Jt as formatAbsoluteTime, me as formatNumeral, he as formatNumeralParts, Yt as formatRelativeTime, St as getInitials, Ft as meterTone, ge as signOf, a as themeScript, we as useFieldControl, i as useTheme };
+import { ScrollArea as ae } from "./components/layout/ScrollArea/ScrollArea.js";
+import { ActionBar as oe } from "./components/layout/ActionBar/ActionBar.js";
+import { DEFAULT_HEADING_SIZE as se } from "./components/typography/Heading/sizes.js";
+import { Heading as ce } from "./components/typography/Heading/Heading.js";
+import { Text as le } from "./components/typography/Text/Text.js";
+import { Link as ue } from "./components/typography/Link/Link.js";
+import { Code as de } from "./components/typography/Code/Code.js";
+import { Kbd as fe } from "./components/typography/Kbd/Kbd.js";
+import { Prose as pe } from "./components/typography/Prose/Prose.js";
+import { Quote as me } from "./components/typography/Quote/Quote.js";
+import { formatNumeral as he, formatNumeralParts as ge, signOf as _e } from "./components/typography/Numeral/format.js";
+import { Numeral as ve } from "./components/typography/Numeral/Numeral.js";
+import { Amount as ye } from "./components/typography/Amount/Amount.js";
+import { SectionHeader as be } from "./components/typography/SectionHeader/SectionHeader.js";
+import { Spinner as xe } from "./components/feedback/Spinner/Spinner.js";
+import { Button as Se } from "./components/actions/Button/Button.js";
+import { IconButton as Ce } from "./components/actions/IconButton/IconButton.js";
+import { ToggleChip as we } from "./components/actions/ToggleChip/ToggleChip.js";
+import { useFieldControl as Te } from "./components/inputs/internal/FieldContext.js";
+import { ChipGroup as Ee } from "./components/actions/ChipGroup/ChipGroup.js";
+import { SegmentedControl as De } from "./components/actions/SegmentedControl/SegmentedControl.js";
+import { ModeToggle as Oe } from "./components/actions/ModeToggle/ModeToggle.js";
+import { Field as ke } from "./components/inputs/Field/Field.js";
+import { Input as Ae } from "./components/inputs/Input/Input.js";
+import { Textarea as je } from "./components/inputs/Textarea/Textarea.js";
+import { Select as Me } from "./components/inputs/Select/Select.js";
+import { Checkbox as Ne } from "./components/inputs/Checkbox/Checkbox.js";
+import { RadioGroup as Pe } from "./components/inputs/RadioGroup/RadioGroup.js";
+import { Switch as Fe } from "./components/inputs/Switch/Switch.js";
+import { Fieldset as Ie } from "./components/inputs/Fieldset/Fieldset.js";
+import { TextField as Le } from "./components/inputs/TextField/TextField.js";
+import { TextareaField as Re } from "./components/inputs/TextareaField/TextareaField.js";
+import { SelectField as ze } from "./components/inputs/SelectField/SelectField.js";
+import { CheckboxField as Be } from "./components/inputs/CheckboxField/CheckboxField.js";
+import { PasswordInput as Ve } from "./components/inputs/PasswordInput/PasswordInput.js";
+import { PasswordField as He } from "./components/inputs/PasswordField/PasswordField.js";
+import { NumberInput as Ue } from "./components/inputs/NumberInput/NumberInput.js";
+import { NumberField as We } from "./components/inputs/NumberField/NumberField.js";
+import { AmountInput as Ge } from "./components/inputs/AmountInput/AmountInput.js";
+import { AmountField as Ke } from "./components/inputs/AmountField/AmountField.js";
+import { OneTimeCodeInput as qe } from "./components/inputs/OneTimeCodeInput/OneTimeCodeInput.js";
+import { OneTimeCodeField as Je } from "./components/inputs/OneTimeCodeField/OneTimeCodeField.js";
+import { ColorInput as Ye } from "./components/inputs/ColorInput/ColorInput.js";
+import { ColorField as Xe } from "./components/inputs/ColorField/ColorField.js";
+import { SwitchField as Ze } from "./components/inputs/SwitchField/SwitchField.js";
+import { DateRangeField as Qe } from "./components/inputs/DateRangeField/DateRangeField.js";
+import { CheckboxGroup as $e } from "./components/inputs/CheckboxGroup/CheckboxGroup.js";
+import { CheckboxGroupField as et } from "./components/inputs/CheckboxGroupField/CheckboxGroupField.js";
+import { RadioGroupField as tt } from "./components/inputs/RadioGroupField/RadioGroupField.js";
+import { SegmentedField as nt } from "./components/inputs/SegmentedField/SegmentedField.js";
+import { ChipGroupField as rt } from "./components/inputs/ChipGroupField/ChipGroupField.js";
+import { ChoiceCards as it } from "./components/inputs/ChoiceCards/ChoiceCards.js";
+import { ChoiceCardsField as at } from "./components/inputs/ChoiceCardsField/ChoiceCardsField.js";
+import { Slider as ot } from "./components/inputs/Slider/Slider.js";
+import { SliderField as st } from "./components/inputs/SliderField/SliderField.js";
+import { RangeSlider as ct } from "./components/inputs/RangeSlider/RangeSlider.js";
+import { RangeSliderField as lt } from "./components/inputs/RangeSliderField/RangeSliderField.js";
+import { Rating as ut } from "./components/inputs/Rating/Rating.js";
+import { RatingField as dt } from "./components/inputs/RatingField/RatingField.js";
+import { Tag as ft, TagList as pt } from "./components/display/Tag/Tag.js";
+import { Combobox as mt } from "./components/inputs/Combobox/Combobox.js";
+import { ComboboxField as ht } from "./components/inputs/ComboboxField/ComboboxField.js";
+import { TagsInput as gt } from "./components/inputs/TagsInput/TagsInput.js";
+import { TagsField as _t } from "./components/inputs/TagsField/TagsField.js";
+import { FileDrop as vt } from "./components/inputs/FileDrop/FileDrop.js";
+import { FileField as yt } from "./components/inputs/FileField/FileField.js";
+import { Card as bt } from "./components/display/Card/Card.js";
+import { Badge as xt } from "./components/display/Badge/Badge.js";
+import { avatarColor as St, getInitials as Ct } from "./components/display/Avatar/avatarUtils.js";
+import { Avatar as wt } from "./components/display/Avatar/Avatar.js";
+import { AvatarGroup as Tt } from "./components/display/AvatarGroup/AvatarGroup.js";
+import { Delta as Et } from "./components/display/Delta/Delta.js";
+import { Stat as Dt } from "./components/display/Stat/Stat.js";
+import { DataList as Ot } from "./components/display/DataList/DataList.js";
+import { List as kt } from "./components/display/List/List.js";
+import { Table as At } from "./components/display/Table/Table.js";
+import { Media as jt } from "./components/display/Media/Media.js";
+import { Marquee as Mt } from "./components/display/Marquee/Marquee.js";
+import { CodeBlock as Nt } from "./components/display/CodeBlock/CodeBlock.js";
+import { Stamp as Pt } from "./components/display/Stamp/Stamp.js";
+import { Progress as Ft } from "./components/display/Progress/Progress.js";
+import { meterTone as It } from "./components/display/Meter/meterTone.js";
+import { Meter as Lt } from "./components/display/Meter/Meter.js";
+import { Skeleton as Rt } from "./components/display/Skeleton/Skeleton.js";
+import { EmptyState as zt } from "./components/display/EmptyState/EmptyState.js";
+import { Tabs as Bt } from "./components/navigation/Tabs/Tabs.js";
+import { NavLinks as Vt } from "./components/navigation/NavLinks/NavLinks.js";
+import { BottomNav as Ht } from "./components/navigation/BottomNav/BottomNav.js";
+import { Accordion as Ut } from "./components/navigation/Accordion/Accordion.js";
+import { Stepper as Wt } from "./components/navigation/Stepper/Stepper.js";
+import { Alert as Gt } from "./components/feedback/Alert/Alert.js";
+import { LiveIndicator as Kt } from "./components/feedback/LiveIndicator/LiveIndicator.js";
+import { Flash as qt } from "./components/feedback/Flash/Flash.js";
+import { StatusDot as Jt } from "./components/feedback/StatusDot/StatusDot.js";
+import { formatAbsoluteTime as Yt, formatRelativeTime as Xt } from "./components/feedback/RelativeTime/format.js";
+import { RelativeTime as Zt } from "./components/feedback/RelativeTime/RelativeTime.js";
+import { Dialog as Qt } from "./components/overlays/Dialog/Dialog.js";
+import { Sheet as $t } from "./components/overlays/Sheet/Sheet.js";
+import { Popover as en } from "./components/overlays/Popover/Popover.js";
+import { DropdownMenu as tn } from "./components/overlays/DropdownMenu/DropdownMenu.js";
+import { Tooltip as nn, TooltipProvider as rn } from "./components/overlays/Tooltip/Tooltip.js";
+export { Ut as Accordion, oe as ActionBar, Gt as Alert, ye as Amount, Ke as AmountField, Ge as AmountInput, ie as AppShell, u as ArrowLeftIcon, d as ArrowRightIcon, f as ArrowUpRightIcon, ne as AspectRatio, wt as Avatar, Tt as AvatarGroup, xt as Badge, Ht as BottomNav, X as Box, Se as Button, p as CalendarIcon, bt as Card, m as CheckIcon, Ne as Checkbox, Be as CheckboxField, $e as CheckboxGroup, et as CheckboxGroupField, h as ChevronDownIcon, g as ChevronLeftIcon, _ as ChevronRightIcon, v as ChevronUpIcon, Ee as ChipGroup, rt as ChipGroupField, it as ChoiceCards, at as ChoiceCardsField, y as CircleCheckIcon, b as ClockIcon, x as CloseIcon, de as Code, Nt as CodeBlock, Xe as ColorField, Ye as ColorInput, mt as Combobox, ht as ComboboxField, $ as Container, S as CopyIcon, se as DEFAULT_HEADING_SIZE, e as DEFAULT_THEME, Ot as DataList, Qe as DateRangeField, Et as Delta, Qt as Dialog, te as Divider, tn as DropdownMenu, zt as EmptyState, C as ErrorIcon, w as EyeIcon, T as EyeOffIcon, ke as Field, Ie as Fieldset, vt as FileDrop, yt as FileField, qt as Flash, Z as Grid, ce as Heading, E as HelpIcon, Ce as IconButton, D as InfoIcon, Y as Inline, Ae as Input, fe as Kbd, ue as Link, kt as List, Kt as LiveIndicator, t as MODES, Mt as Marquee, jt as Media, O as MenuIcon, k as MessageIcon, Lt as Meter, A as MinusIcon, Oe as ModeToggle, j as MoonIcon, M as MoreIcon, Vt as NavLinks, We as NumberField, Ue as NumberInput, ve as Numeral, Je as OneTimeCodeField, qe as OneTimeCodeInput, He as PasswordField, Ve as PasswordInput, N as PlusIcon, en as Popover, Ft as Progress, pe as Prose, me as Quote, Pe as RadioGroup, tt as RadioGroupField, P as RadioIcon, ct as RangeSlider, lt as RangeSliderField, ut as Rating, dt as RatingField, Zt as RelativeTime, ae as ScrollArea, F as SearchIcon, ee as Section, be as SectionHeader, De as SegmentedControl, nt as SegmentedField, Me as Select, ze as SelectField, $t as Sheet, I as ShieldIcon, Rt as Skeleton, ot as Slider, st as SliderField, xe as Spinner, Q as Split, J as Stack, Pt as Stamp, L as StarIcon, Dt as Stat, Jt as StatusDot, Wt as Stepper, R as SunIcon, Fe as Switch, Ze as SwitchField, z as SwordsIcon, B as SystemIcon, n as THEMES, r as THEME_META, At as Table, Bt as Tabs, ft as Tag, pt as TagList, _t as TagsField, gt as TagsInput, V as TargetIcon, le as Text, Le as TextField, je as Textarea, Re as TextareaField, o as ThemeProvider, s as ThemeScope, we as ToggleChip, nn as Tooltip, rn as TooltipProvider, H as TrendingUpIcon, U as TrophyIcon, W as UploadIcon, G as UsersIcon, re as VisuallyHidden, K as WarningIcon, q as ZapIcon, St as avatarColor, l as createIcon, c as cx, Yt as formatAbsoluteTime, he as formatNumeral, ge as formatNumeralParts, Xt as formatRelativeTime, Ct as getInitials, It as meterTone, _e as signOf, a as themeScript, Te as useFieldControl, i as useTheme };