@logicplanes/kaeso-ui 0.4.1 → 0.4.2

package/dist/chunks/{slider-Dh0qq1wa.js.map → slider-Ci83PGtj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"slider-Dh0qq1wa.js","names":["Slider","BaseSlider","cn","useUiText","useLocale","KAESO_SLIDER_VARIANTS","KAESO_SLIDER_DEFAULT_VARIANTS","Slider$1","formatValueProp","ariaLabel","force","t","locale","formatValue","v","initial","value","defaultValue","min","count","tickValues","ticks","max","step","i","Slider","onValueChange","onValueCommitted","disabled","name","className","getAriaLabel","index","formatted","values","tick"],"sources":["../../src/components/slider/slider.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SLIDER_VARIANTS = {\n  size: {\n    md: { classes: \"h-20\" },\n  },\n} as const;\nexport const KAESO_SLIDER_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface SliderProps {\n  value?: number | number[] | undefined;\n  defaultValue?: number | number[] | undefined;\n  onValueChange?: ((value: number | number[]) => void) | undefined;\n  onValueCommitted?: ((value: number | number[]) => void) | undefined;\n  min?: number | undefined;\n  max?: number | undefined;\n  step?: number | undefined;\n  ticks?: boolean | number[] | undefined;\n  formatValue?: ((value: number) => string) | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  getAriaLabel?: ((index: number) => string) | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Slider = /* @__PURE__ */ forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    value,\n    defaultValue,\n    onValueChange,\n    onValueCommitted,\n    min = 0,\n    max = 100,\n    step = 1,\n    ticks,\n    formatValue: formatValueProp,\n    disabled,\n    name,\n    className,\n    \"aria-label\": ariaLabel,\n    getAriaLabel,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const formatValue =\n    formatValueProp ?? (locale === \"en\" ? String : (v: number) => new Intl.NumberFormat(locale, { useGrouping: false, maximumFractionDigits: 20 }).format(v));\n  const initial = value ?? defaultValue ?? min;\n  const count = Array.isArray(initial) ? initial.length : 1;\n  const tickValues = Array.isArray(ticks) ? ticks : ticks ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step) : [];\n  return (\n    <BaseSlider.Root\n      ref={ref}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      {...(onValueChange ? { onValueChange: (v: number | readonly number[]) => onValueChange(Array.isArray(v) ? [...v] : (v as number)) } : {})}\n      {...(onValueCommitted ? { onValueCommitted: (v: number | readonly number[]) => onValueCommitted(Array.isArray(v) ? [...v] : (v as number)) } : {})}\n      min={min}\n      max={max}\n      step={step}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      {...(locale === \"en\" ? {} : { locale })}\n      className={cn(\"relative w-full min-w-120 touch-none select-none data-disabled:opacity-40\", className)}\n      {...(force ? { \"data-force\": force } : {})}\n    >\n      <BaseSlider.Control className=\"relative flex h-20 w-full cursor-pointer items-center data-disabled:cursor-not-allowed\">\n        <BaseSlider.Track className=\"relative h-4 w-full rounded-pill bg-fill-3\">\n          <BaseSlider.Indicator className=\"rounded-pill bg-ink\" />\n          {Array.from({ length: count }, (_, i) => (\n            <BaseSlider.Thumb\n              key={i}\n              index={i}\n              {...(getAriaLabel ? { getAriaLabel } : ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n              {...(count === 2\n                ? {\n                    getAriaValueText: (formatted: string, _v: number, index: number) =>\n                      index === 0\n                        ? t(\"slider.rangeStart\", \"{value} start range\", { value: formatted })\n                        : t(\"slider.rangeEnd\", \"{value} end range\", { value: formatted }),\n                  }\n                : {})}\n              className={cn(\n                \"group/thumb size-16 rounded-pill bg-ink ring-thumb outline-2 outline-offset-2 outline-transparent transition-control focus-within-visible:outline-focus\",\n                force?.includes(\"focus\") && \"outline-focus\",\n              )}\n            >\n              <span\n                aria-hidden\n                className={cn(\n                  \"pointer-events-none absolute bottom-full left-1/2 mb-8 inline-flex h-24 -translate-x-1/2 items-center rounded-pill bg-tooltip px-8 text-caption font-medium tabular text-fg opacity-0 shadow-raised transition-opacity duration-120 group-data-dragging/thumb:opacity-100\",\n                  force?.includes(\"dragging\") && \"opacity-100\",\n                )}\n              >\n                <BaseSlider.Value>{(_, values) => formatValue(values[i] ?? 0)}</BaseSlider.Value>\n              </span>\n            </BaseSlider.Thumb>\n          ))}\n        </BaseSlider.Track>\n      </BaseSlider.Control>\n      {tickValues.length > 0 && (\n        <div className=\"relative mt-2 h-4\" aria-hidden>\n          {tickValues.map((tick) => (\n            <span key={tick} className=\"absolute top-0 h-4 w-1 -translate-x-1/2 bg-line-strong\" style={{ left: `${((tick - min) / (max - min)) * 100}%` }} />\n          ))}\n        </div>\n      )}\n    </BaseSlider.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Slider.displayName = \"Slider\";\n"],"mappings":"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"}
+{"version":3,"file":"slider-Ci83PGtj.js","names":["Slider","BaseSlider","cn","useUiText","useLocale","KAESO_SLIDER_VARIANTS","KAESO_SLIDER_DEFAULT_VARIANTS","Slider$1","formatValueProp","ariaLabel","force","t","locale","formatValue","v","initial","value","defaultValue","min","count","tickValues","ticks","max","step","i","Slider","onValueChange","onValueCommitted","disabled","name","className","getAriaLabel","index","formatted","values","tick"],"sources":["../../src/components/slider/slider.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SLIDER_VARIANTS = {\n  size: {\n    md: { classes: \"h-20\" },\n  },\n} as const;\nexport const KAESO_SLIDER_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface SliderProps {\n  value?: number | number[] | undefined;\n  defaultValue?: number | number[] | undefined;\n  onValueChange?: ((value: number | number[]) => void) | undefined;\n  onValueCommitted?: ((value: number | number[]) => void) | undefined;\n  min?: number | undefined;\n  max?: number | undefined;\n  step?: number | undefined;\n  ticks?: boolean | number[] | undefined;\n  formatValue?: ((value: number) => string) | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  getAriaLabel?: ((index: number) => string) | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Slider = /* @__PURE__ */ forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    value,\n    defaultValue,\n    onValueChange,\n    onValueCommitted,\n    min = 0,\n    max = 100,\n    step = 1,\n    ticks,\n    formatValue: formatValueProp,\n    disabled,\n    name,\n    className,\n    \"aria-label\": ariaLabel,\n    getAriaLabel,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const formatValue =\n    formatValueProp ?? (locale === \"en\" ? String : (v: number) => new Intl.NumberFormat(locale, { useGrouping: false, maximumFractionDigits: 20 }).format(v));\n  const initial = value ?? defaultValue ?? min;\n  const count = Array.isArray(initial) ? initial.length : 1;\n  const tickValues = Array.isArray(ticks) ? ticks : ticks ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step) : [];\n  return (\n    <BaseSlider.Root\n      ref={ref}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      {...(onValueChange ? { onValueChange: (v: number | readonly number[]) => onValueChange(Array.isArray(v) ? [...v] : (v as number)) } : {})}\n      {...(onValueCommitted ? { onValueCommitted: (v: number | readonly number[]) => onValueCommitted(Array.isArray(v) ? [...v] : (v as number)) } : {})}\n      min={min}\n      max={max}\n      step={step}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      {...(locale === \"en\" ? {} : { locale })}\n      className={cn(\"relative w-full min-w-120 touch-none select-none data-disabled:opacity-40\", className)}\n      {...(force ? { \"data-force\": force } : {})}\n    >\n      <BaseSlider.Control className=\"relative flex h-20 w-full cursor-pointer items-center data-disabled:cursor-not-allowed\">\n        <BaseSlider.Track className=\"relative h-4 w-full rounded-pill bg-fill-3\">\n          <BaseSlider.Indicator className=\"rounded-pill bg-ink\" />\n          {Array.from({ length: count }, (_, i) => (\n            <BaseSlider.Thumb\n              key={i}\n              index={i}\n              {...(getAriaLabel ? { getAriaLabel } : ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n              {...(count === 2\n                ? {\n                    getAriaValueText: (formatted: string, _v: number, index: number) =>\n                      index === 0\n                        ? t(\"slider.rangeStart\", \"{value} start range\", { value: formatted })\n                        : t(\"slider.rangeEnd\", \"{value} end range\", { value: formatted }),\n                  }\n                : {})}\n              className={cn(\n                \"group/thumb size-16 rounded-pill bg-ink ring-thumb outline-2 outline-offset-2 outline-transparent transition-control focus-within-visible:outline-focus\",\n                force?.includes(\"focus\") && \"outline-focus\",\n              )}\n            >\n              <span\n                aria-hidden\n                className={cn(\n                  \"pointer-events-none absolute bottom-full left-1/2 mb-8 inline-flex h-24 -translate-x-1/2 items-center rounded-pill bg-tooltip px-8 text-caption font-medium tabular text-fg opacity-0 shadow-raised transition-opacity duration-120 group-data-dragging/thumb:opacity-100\",\n                  force?.includes(\"dragging\") && \"opacity-100\",\n                )}\n              >\n                <BaseSlider.Value>{(_, values) => formatValue(values[i] ?? 0)}</BaseSlider.Value>\n              </span>\n            </BaseSlider.Thumb>\n          ))}\n        </BaseSlider.Track>\n      </BaseSlider.Control>\n      {tickValues.length > 0 && (\n        <div className=\"relative mt-2 h-4\" aria-hidden>\n          {tickValues.map((tick) => (\n            <span key={tick} className=\"absolute top-0 h-4 w-1 -translate-x-1/2 bg-line-strong\" style={{ left: `${((tick - min) / (max - min)) * 100}%` }} />\n          ))}\n        </div>\n      )}\n    </BaseSlider.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Slider.displayName = \"Slider\";\n"],"mappings":"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"}

package/dist/chunks/{status-dot-u4Izk-uC.js → status-dot-QJTF0Yv4.js}

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { t } from "./dev-CR1p7gCm.js";
-import { t as n } from "./icon-D5uD_mnL.js";
+import { t as n } from "./icon-D7ja-_Yk.js";
 import { forwardRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/status-dot/status-dot.tsx
@@ -26,4 +26,4 @@ var l = c;
 //#endregion
 export { c as i, o as n, l as r, s as t };
 
-//# sourceMappingURL=status-dot-u4Izk-uC.js.map
+//# sourceMappingURL=status-dot-QJTF0Yv4.js.map

package/dist/chunks/{status-dot-u4Izk-uC.js.map → status-dot-QJTF0Yv4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"status-dot-u4Izk-uC.js","names":["cn","Icon","KAESO_STATUS_DOT_VARIANTS","KAESO_STATUS_DOT_DEFAULT_VARIANTS","StatusDot","children","devWarn","size","tone","className","icon","Status"],"sources":["../../src/components/status-dot/status-dot.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { devWarn } from \"../../utils/dev.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_STATUS_DOT_VARIANTS = {\n  tone: {\n    success: { classes: \"text-success-text\" },\n    warning: { classes: \"text-warning-text\" },\n    danger: { classes: \"text-danger-text\" },\n    info: { classes: \"text-info-text\" },\n    neutral: { classes: \"text-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_STATUS_DOT_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\n\nexport interface StatusDotProps {\n  tone?: keyof typeof KAESO_STATUS_DOT_VARIANTS.tone | undefined;\n  children?: ReactNode | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  icon?: IconData | undefined;\n  className?: string | undefined;\n}\n\nexport const StatusDot = /* @__PURE__ */ forwardRef<HTMLSpanElement, StatusDotProps>(function StatusDot({ tone = \"neutral\", children, size = \"md\", icon, className }, ref) {\n  if (children === undefined || children === null || children === \"\")\n    devWarn(\"StatusDot: a status is a word in its color; pass the word as children (it renders nothing without one).\");\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        \"inline-flex items-center gap-6 font-medium\",\n        size === \"md\" ? \"text-body\" : \"text-small\",\n        KAESO_STATUS_DOT_VARIANTS.tone[tone].classes,\n        className,\n      )}\n    >\n      {icon && <Icon icon={icon} size=\"sm\" />}\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") StatusDot.displayName = \"StatusDot\";\n\nexport const Status = StatusDot;\n"],"mappings":";;;;;;;AAKA,IAAaE,IAA4B,EACvC,MAAM;CACJ,SAAS,EAAE,SAAS,oBAAoB;CACxC,SAAS,EAAE,SAAS,oBAAoB;CACxC,QAAQ,EAAE,SAAS,mBAAmB;CACtC,MAAM,EAAE,SAAS,iBAAiB;CAClC,SAAS,EAAE,SAAS,oBAAoB;AAC1C,EACF,GACaC,IAAoC,EAAE,MAAM,UAAU,GAUtDC,IAA4B,kBAA4C,SAAmB,EAAE,UAAO,WAAW,aAAU,UAAO,MAAM,SAAM,gBAAa,GAAK;CAGzK,QAFIC,KAAuC,QAAQA,MAAa,OAC9DC,EAAQ,yGAAyG,GAEjH,kBAAC,QAAD;EACO;EACL,WAAWN,EACT,8CACAO,MAAS,OAAO,cAAc,cAC9BL,EAA0B,KAAKM,EAAK,CAAC,SACrCC,CACF;EAPF,UAAA,CASGC,KAAQ,kBAACT,GAAD;GAAY;GAAM,MAAK;EAAM,CAAA,GACrCI,CACG;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaM,IAASP"}
+{"version":3,"file":"status-dot-QJTF0Yv4.js","names":["cn","Icon","KAESO_STATUS_DOT_VARIANTS","KAESO_STATUS_DOT_DEFAULT_VARIANTS","StatusDot","children","devWarn","size","tone","className","icon","Status"],"sources":["../../src/components/status-dot/status-dot.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { devWarn } from \"../../utils/dev.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\n\nexport const KAESO_STATUS_DOT_VARIANTS = {\n  tone: {\n    success: { classes: \"text-success-text\" },\n    warning: { classes: \"text-warning-text\" },\n    danger: { classes: \"text-danger-text\" },\n    info: { classes: \"text-info-text\" },\n    neutral: { classes: \"text-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_STATUS_DOT_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\n\nexport interface StatusDotProps {\n  tone?: keyof typeof KAESO_STATUS_DOT_VARIANTS.tone | undefined;\n  children?: ReactNode | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  icon?: IconData | undefined;\n  className?: string | undefined;\n}\n\nexport const StatusDot = /* @__PURE__ */ forwardRef<HTMLSpanElement, StatusDotProps>(function StatusDot({ tone = \"neutral\", children, size = \"md\", icon, className }, ref) {\n  if (children === undefined || children === null || children === \"\")\n    devWarn(\"StatusDot: a status is a word in its color; pass the word as children (it renders nothing without one).\");\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        \"inline-flex items-center gap-6 font-medium\",\n        size === \"md\" ? \"text-body\" : \"text-small\",\n        KAESO_STATUS_DOT_VARIANTS.tone[tone].classes,\n        className,\n      )}\n    >\n      {icon && <Icon icon={icon} size=\"sm\" />}\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") StatusDot.displayName = \"StatusDot\";\n\nexport const Status = StatusDot;\n"],"mappings":";;;;;;;AAKA,IAAaE,IAA4B,EACvC,MAAM;CACJ,SAAS,EAAE,SAAS,oBAAoB;CACxC,SAAS,EAAE,SAAS,oBAAoB;CACxC,QAAQ,EAAE,SAAS,mBAAmB;CACtC,MAAM,EAAE,SAAS,iBAAiB;CAClC,SAAS,EAAE,SAAS,oBAAoB;AAC1C,EACF,GACaC,IAAoC,EAAE,MAAM,UAAU,GAUtDC,IAA4B,kBAA4C,SAAmB,EAAE,UAAO,WAAW,aAAU,UAAO,MAAM,SAAM,gBAAa,GAAK;CAGzK,QAFIC,KAAuC,QAAQA,MAAa,OAC9DC,EAAQ,yGAAyG,GAEjH,kBAAC,QAAD;EACO;EACL,WAAWN,EACT,8CACAO,MAAS,OAAO,cAAc,cAC9BL,EAA0B,KAAKM,EAAK,CAAC,SACrCC,CACF;EAPF,UAAA,CASGC,KAAQ,kBAACT,GAAD;GAAY;GAAM,MAAK;EAAM,CAAA,GACrCI,CACG;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaM,IAASP"}

package/dist/chunks/{swap-text-CC77iKJF.js → swap-text-Dr0Irxz6.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/swap-text/swap-text.tsx
@@ -25,4 +25,4 @@ process.env.NODE_ENV !== "production" && (o.displayName = "SwapText");
 //#endregion
 export { i as n, o as r, a as t };
 
-//# sourceMappingURL=swap-text-CC77iKJF.js.map
+//# sourceMappingURL=swap-text-Dr0Irxz6.js.map

package/dist/chunks/{swap-text-CC77iKJF.js.map → swap-text-Dr0Irxz6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"swap-text-CC77iKJF.js","names":["cn","KAESO_SWAP_TEXT_VARIANTS","KAESO_SWAP_TEXT_DEFAULT_VARIANTS","SwapText","props","align","className","reserve","r","i"],"sources":["../../src/components/swap-text/swap-text.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SWAP_TEXT_VARIANTS = {\n  align: {\n    center: { classes: \"justify-items-center\" },\n    start: { classes: \"justify-items-start\" },\n  },\n} as const;\nexport const KAESO_SWAP_TEXT_DEFAULT_VARIANTS = { align: \"center\" } as const;\n\nexport interface SwapTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  children: ReactNode;\n  reserve: ReactNode[];\n  align?: keyof typeof KAESO_SWAP_TEXT_VARIANTS.align | undefined;\n}\n\nexport const SwapText = /* @__PURE__ */ forwardRef<HTMLSpanElement, SwapTextProps>(function SwapText({ children, reserve, align = \"center\", className, ...props }, ref) {\n  return (\n    <span ref={ref} className={cn(\"inline-grid\", KAESO_SWAP_TEXT_VARIANTS.align[align].classes, className)} {...props}>\n      <span className=\"col-start-1 row-start-1\">{children}</span>\n      {reserve.map((r, i) => (\n        <span key={i} aria-hidden className=\"invisible col-start-1 row-start-1\">\n          {r}\n        </span>\n      ))}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SwapText.displayName = \"SwapText\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B,EACtC,OAAO;CACL,QAAQ,EAAE,SAAS,uBAAuB;CAC1C,OAAO,EAAE,SAAS,sBAAsB;AAC1C,EACF,GACaC,IAAmC,EAAE,OAAO,SAAS,GAQrDC,IAA2B,kBAA2C,SAAkB,EAAE,aAAU,YAAS,WAAQ,UAAU,cAAW,GAAGC,KAAS,GAAK;CACtK,OACE,kBAAC,QAAD;EAAW;EAAK,WAAWJ,EAAG,eAAeC,EAAyB,MAAMI,EAAM,CAAC,SAASC,CAAS;EAAG,GAAIF;EAA5G,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAA2B;EAAe,CAAA,GACzDG,EAAQ,KAAK,GAAG,MACf,kBAAC,QAAD;GAAc,eAAA;GAAY,WAAU;GACjC,UAAAC;EACG,GAFKC,CAEL,CACP,CACG;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}
+{"version":3,"file":"swap-text-Dr0Irxz6.js","names":["cn","KAESO_SWAP_TEXT_VARIANTS","KAESO_SWAP_TEXT_DEFAULT_VARIANTS","SwapText","props","align","className","reserve","r","i"],"sources":["../../src/components/swap-text/swap-text.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SWAP_TEXT_VARIANTS = {\n  align: {\n    center: { classes: \"justify-items-center\" },\n    start: { classes: \"justify-items-start\" },\n  },\n} as const;\nexport const KAESO_SWAP_TEXT_DEFAULT_VARIANTS = { align: \"center\" } as const;\n\nexport interface SwapTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  children: ReactNode;\n  reserve: ReactNode[];\n  align?: keyof typeof KAESO_SWAP_TEXT_VARIANTS.align | undefined;\n}\n\nexport const SwapText = /* @__PURE__ */ forwardRef<HTMLSpanElement, SwapTextProps>(function SwapText({ children, reserve, align = \"center\", className, ...props }, ref) {\n  return (\n    <span ref={ref} className={cn(\"inline-grid\", KAESO_SWAP_TEXT_VARIANTS.align[align].classes, className)} {...props}>\n      <span className=\"col-start-1 row-start-1\">{children}</span>\n      {reserve.map((r, i) => (\n        <span key={i} aria-hidden className=\"invisible col-start-1 row-start-1\">\n          {r}\n        </span>\n      ))}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SwapText.displayName = \"SwapText\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B,EACtC,OAAO;CACL,QAAQ,EAAE,SAAS,uBAAuB;CAC1C,OAAO,EAAE,SAAS,sBAAsB;AAC1C,EACF,GACaC,IAAmC,EAAE,OAAO,SAAS,GAQrDC,IAA2B,kBAA2C,SAAkB,EAAE,aAAU,YAAS,WAAQ,UAAU,cAAW,GAAGC,KAAS,GAAK;CACtK,OACE,kBAAC,QAAD;EAAW;EAAK,WAAWJ,EAAG,eAAeC,EAAyB,MAAMI,EAAM,CAAC,SAASC,CAAS;EAAG,GAAIF;EAA5G,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAA2B;EAAe,CAAA,GACzDG,EAAQ,KAAK,GAAG,MACf,kBAAC,QAAD;GAAc,eAAA;GAAY,WAAU;GACjC,UAAAC;EACG,GAFKC,CAEL,CACP,CACG;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}

package/dist/chunks/{switch-CbU9m9gi.js → switch-b-VkStWj.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
-import { r as t } from "./tooltip-CRApbLF6.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
+import { r as t } from "./tooltip-BMQ9BtPp.js";
 import { t as n } from "./labelled-D5udSPUI.js";
 import { forwardRef as r, useId as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -56,4 +56,4 @@ process.env.NODE_ENV !== "production" && (d.displayName = "Switch");
 //#endregion
 export { c as n, d as r, l as t };
 
-//# sourceMappingURL=switch-CbU9m9gi.js.map
+//# sourceMappingURL=switch-b-VkStWj.js.map

package/dist/chunks/{switch-CbU9m9gi.js.map → switch-b-VkStWj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-CbU9m9gi.js","names":["Switch","BaseSwitch","cn","Tooltip","labelled","KAESO_SWITCH_VARIANTS","KAESO_SWITCH_DEFAULT_VARIANTS","THUMB","Switch$1","force","aria","auto","useId","sid","id","soft","disabledReason","disabled","named","label","description","switchEl","Switch","checked","defaultChecked","onCheckedChange","c","readOnly","loading","name","size","className","control"],"sources":["../../src/components/switch/switch.tsx"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { labelled } from \"../radio/labelled.js\";\n\nexport const KAESO_SWITCH_VARIANTS = {\n  size: {\n    sm: { classes: \"h-16 w-28 p-2\" },\n    md: { classes: \"h-20 w-36 p-2\" },\n    lg: { classes: \"h-24 w-44 p-2\" },\n  },\n} as const;\nexport const KAESO_SWITCH_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst THUMB = {\n  sm: \"size-12 data-checked:translate-x-12 rtl:data-checked:-translate-x-12\",\n  md: \"size-16 data-checked:translate-x-16 rtl:data-checked:-translate-x-16\",\n  lg: \"size-20 data-checked:translate-x-20 rtl:data-checked:-translate-x-20\",\n} as const;\n\nexport interface SwitchProps {\n  checked?: boolean | undefined;\n  defaultChecked?: boolean | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n  readOnly?: boolean | undefined;\n  loading?: boolean | undefined;\n  name?: string | undefined;\n  size?: keyof typeof KAESO_SWITCH_VARIANTS.size | undefined;\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Switch = /* @__PURE__ */ forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  {\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    disabled,\n    disabledReason,\n    readOnly,\n    loading,\n    name,\n    size = \"md\",\n    label,\n    description,\n    id,\n    className,\n    \"data-force\": force,\n    ...aria\n  },\n  ref,\n) {\n  const auto = useId();\n  const sid = id ?? `k-switch-${auto}`;\n  const soft = !!disabledReason && !!disabled;\n  const named = labelled(sid, label, label ? description : undefined, aria);\n  const switchEl = (\n    <BaseSwitch.Root\n      ref={ref}\n      id={sid}\n      {...(checked !== undefined ? { checked } : {})}\n      {...(defaultChecked !== undefined ? { defaultChecked } : {})}\n      {...(onCheckedChange ? { onCheckedChange: (c: boolean) => onCheckedChange(c) } : {})}\n      {...(disabled !== undefined && !soft ? { disabled } : {})}\n      {...(readOnly || loading || soft ? { readOnly: true } : {})}\n      {...(soft ? { \"aria-disabled\": true } : {})}\n      {...(name ? { name } : {})}\n      {...(loading ? { \"aria-busy\": true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      {...aria}\n      {...named.aria}\n      className={cn(\n        \"group/sw relative inline-flex shrink-0 cursor-pointer items-center rounded-pill bg-fill-3 shadow-selector transition-control focus-ring tap-target\",\n        \"hover:bg-line-strong hover:shadow-selector-hover checked:bg-ink checked:shadow-none checked:hover:bg-ink checked:hover:shadow-none\",\n        \"disabled:cursor-not-allowed disabled:opacity-40\",\n        soft && \"cursor-not-allowed opacity-40 hover:bg-fill-3 hover:shadow-selector checked:hover:bg-ink checked:hover:shadow-none\",\n        KAESO_SWITCH_VARIANTS.size[size].classes,\n        !label && className,\n      )}\n    >\n      <BaseSwitch.Thumb\n        className={cn(\n          \"block rounded-pill bg-switch-thumb shadow-thumb indicator-motion data-checked:bg-on-ink data-checked:shadow-none\",\n          THUMB[size],\n          loading && \"animate-pulse-quiet\",\n        )}\n      />\n    </BaseSwitch.Root>\n  );\n  const control = soft ? <Tooltip content={disabledReason}>{switchEl}</Tooltip> : switchEl;\n  if (!label) return control;\n  return (\n    <label htmlFor={sid} className={cn(\"flex min-h-32 cursor-pointer items-center justify-between gap-16\", disabled && \"cursor-not-allowed\", className)}>\n      <span className=\"flex min-w-0 flex-col\">\n        <span id={named.labelId} className={cn(\"text-body text-fg\", disabled && \"text-fg-disabled\")}>\n          {label}\n        </span>\n        {description && (\n          <span id={named.descriptionId} className=\"text-small text-fg-secondary\">\n            {description}\n          </span>\n        )}\n      </span>\n      {control}\n    </label>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Switch.displayName = \"Switch\";\n"],"mappings":";;;;;;;;AAMA,IAAaK,IAAwB,EACnC,MAAM;CACJ,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;AACjC,EACF,GACaC,IAAgC,EAAE,MAAM,KAAK,GAEpDC,IAAQ;CACZ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAqBaP,IAAyB,kBAA2C,SAC/E,EACE,YACA,mBACA,oBACA,aACA,mBACA,aACA,YACA,SACA,UAAO,MACP,UACA,gBACA,OACA,cACA,cAAcS,GACd,GAAGC,KAEL,GACA;CACA,IAAMC,IAAOC,EAAM,GACbC,IAAMC,KAAM,YAAYH,KACxBI,IAAO,CAAC,CAACC,KAAkB,CAAC,CAACC,GAC7BC,IAAQd,EAASS,GAAKM,GAAOA,IAAQC,IAAc,KAAA,GAAWV,CAAI,GAClEW,IACJ,kBAACpB,EAAW,MAAZ;EACO;EACL,IAAIY;EACJ,GAAKU,MAAY,KAAA,IAA0B,CAAC,IAAf,EAAE,WAAQ;EACvC,GAAKC,MAAmB,KAAA,IAAiC,CAAC,IAAtB,EAAE,kBAAe;EACrD,GAAKC,IAAkB,EAAE,kBAAkB,MAAeA,EAAgBC,CAAC,EAAE,IAAI,CAAC;EAClF,GAAKT,MAAa,KAAA,KAAa,CAACF,IAAO,EAAE,YAAS,IAAI,CAAC;EACvD,GAAKY,KAAYC,KAAWb,IAAO,EAAE,UAAU,GAAK,IAAI,CAAC;EACzD,GAAKA,IAAO,EAAE,iBAAiB,GAAK,IAAI,CAAC;EACzC,GAAKc,IAAO,EAAE,QAAK,IAAI,CAAC;EACxB,GAAKD,IAAU,EAAE,aAAa,GAAK,IAAI,CAAC;EACxC,GAAKnB,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,GAAIC;EACJ,GAAIQ,EAAM;EACV,WAAWhB,EACT,sJACA,sIACA,mDACAa,KAAQ,sHACRV,EAAsB,KAAKyB,EAAK,CAAC,SACjC,CAACX,KAASY,CACZ;EAEA,UAAA,kBAAC9B,EAAW,OAAZ,EACE,WAAWC,EACT,oHACAK,EAAMuB,IACNF,KAAW,qBACb,EACD,CAAA;CACc,CAAA,GAEbI,IAAUjB,IAAO,kBAACZ,GAAD;EAAS,SAASa;EAAiB,UAAAK;CAAkB,CAAA,IAAIA;CAEhF,OADKF,IAEH,kBAAC,SAAD;EAAO,SAASN;EAAK,WAAWX,EAAG,oEAAoEe,KAAY,sBAAsBc,CAAS;EAAlJ,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IAAM,IAAIb,EAAM;IAAS,WAAWhB,EAAG,qBAAqBe,KAAY,kBAAkB;IACvF,UAAAE;GACG,CAAA,GACLC,KACC,kBAAC,QAAD;IAAM,IAAIF,EAAM;IAAe,WAAU;IACtC,UAAAE;GACG,CAAA,CAEJ;EACL,CAAA,GAAAY,CACI;C,KAdUA;AAgBrB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}
+{"version":3,"file":"switch-b-VkStWj.js","names":["Switch","BaseSwitch","cn","Tooltip","labelled","KAESO_SWITCH_VARIANTS","KAESO_SWITCH_DEFAULT_VARIANTS","THUMB","Switch$1","force","aria","auto","useId","sid","id","soft","disabledReason","disabled","named","label","description","switchEl","Switch","checked","defaultChecked","onCheckedChange","c","readOnly","loading","name","size","className","control"],"sources":["../../src/components/switch/switch.tsx"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { labelled } from \"../radio/labelled.js\";\n\nexport const KAESO_SWITCH_VARIANTS = {\n  size: {\n    sm: { classes: \"h-16 w-28 p-2\" },\n    md: { classes: \"h-20 w-36 p-2\" },\n    lg: { classes: \"h-24 w-44 p-2\" },\n  },\n} as const;\nexport const KAESO_SWITCH_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst THUMB = {\n  sm: \"size-12 data-checked:translate-x-12 rtl:data-checked:-translate-x-12\",\n  md: \"size-16 data-checked:translate-x-16 rtl:data-checked:-translate-x-16\",\n  lg: \"size-20 data-checked:translate-x-20 rtl:data-checked:-translate-x-20\",\n} as const;\n\nexport interface SwitchProps {\n  checked?: boolean | undefined;\n  defaultChecked?: boolean | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n  readOnly?: boolean | undefined;\n  loading?: boolean | undefined;\n  name?: string | undefined;\n  size?: keyof typeof KAESO_SWITCH_VARIANTS.size | undefined;\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Switch = /* @__PURE__ */ forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  {\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    disabled,\n    disabledReason,\n    readOnly,\n    loading,\n    name,\n    size = \"md\",\n    label,\n    description,\n    id,\n    className,\n    \"data-force\": force,\n    ...aria\n  },\n  ref,\n) {\n  const auto = useId();\n  const sid = id ?? `k-switch-${auto}`;\n  const soft = !!disabledReason && !!disabled;\n  const named = labelled(sid, label, label ? description : undefined, aria);\n  const switchEl = (\n    <BaseSwitch.Root\n      ref={ref}\n      id={sid}\n      {...(checked !== undefined ? { checked } : {})}\n      {...(defaultChecked !== undefined ? { defaultChecked } : {})}\n      {...(onCheckedChange ? { onCheckedChange: (c: boolean) => onCheckedChange(c) } : {})}\n      {...(disabled !== undefined && !soft ? { disabled } : {})}\n      {...(readOnly || loading || soft ? { readOnly: true } : {})}\n      {...(soft ? { \"aria-disabled\": true } : {})}\n      {...(name ? { name } : {})}\n      {...(loading ? { \"aria-busy\": true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      {...aria}\n      {...named.aria}\n      className={cn(\n        \"group/sw relative inline-flex shrink-0 cursor-pointer items-center rounded-pill bg-fill-3 shadow-selector transition-control focus-ring tap-target\",\n        \"hover:bg-line-strong hover:shadow-selector-hover checked:bg-ink checked:shadow-none checked:hover:bg-ink checked:hover:shadow-none\",\n        \"disabled:cursor-not-allowed disabled:opacity-40\",\n        soft && \"cursor-not-allowed opacity-40 hover:bg-fill-3 hover:shadow-selector checked:hover:bg-ink checked:hover:shadow-none\",\n        KAESO_SWITCH_VARIANTS.size[size].classes,\n        !label && className,\n      )}\n    >\n      <BaseSwitch.Thumb\n        className={cn(\n          \"block rounded-pill bg-switch-thumb shadow-thumb indicator-motion data-checked:bg-on-ink data-checked:shadow-none\",\n          THUMB[size],\n          loading && \"animate-pulse-quiet\",\n        )}\n      />\n    </BaseSwitch.Root>\n  );\n  const control = soft ? <Tooltip content={disabledReason}>{switchEl}</Tooltip> : switchEl;\n  if (!label) return control;\n  return (\n    <label htmlFor={sid} className={cn(\"flex min-h-32 cursor-pointer items-center justify-between gap-16\", disabled && \"cursor-not-allowed\", className)}>\n      <span className=\"flex min-w-0 flex-col\">\n        <span id={named.labelId} className={cn(\"text-body text-fg\", disabled && \"text-fg-disabled\")}>\n          {label}\n        </span>\n        {description && (\n          <span id={named.descriptionId} className=\"text-small text-fg-secondary\">\n            {description}\n          </span>\n        )}\n      </span>\n      {control}\n    </label>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Switch.displayName = \"Switch\";\n"],"mappings":";;;;;;;;AAMA,IAAaK,IAAwB,EACnC,MAAM;CACJ,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;AACjC,EACF,GACaC,IAAgC,EAAE,MAAM,KAAK,GAEpDC,IAAQ;CACZ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAqBaP,IAAyB,kBAA2C,SAC/E,EACE,YACA,mBACA,oBACA,aACA,mBACA,aACA,YACA,SACA,UAAO,MACP,UACA,gBACA,OACA,cACA,cAAcS,GACd,GAAGC,KAEL,GACA;CACA,IAAMC,IAAOC,EAAM,GACbC,IAAMC,KAAM,YAAYH,KACxBI,IAAO,CAAC,CAACC,KAAkB,CAAC,CAACC,GAC7BC,IAAQd,EAASS,GAAKM,GAAOA,IAAQC,IAAc,KAAA,GAAWV,CAAI,GAClEW,IACJ,kBAACpB,EAAW,MAAZ;EACO;EACL,IAAIY;EACJ,GAAKU,MAAY,KAAA,IAA0B,CAAC,IAAf,EAAE,WAAQ;EACvC,GAAKC,MAAmB,KAAA,IAAiC,CAAC,IAAtB,EAAE,kBAAe;EACrD,GAAKC,IAAkB,EAAE,kBAAkB,MAAeA,EAAgBC,CAAC,EAAE,IAAI,CAAC;EAClF,GAAKT,MAAa,KAAA,KAAa,CAACF,IAAO,EAAE,YAAS,IAAI,CAAC;EACvD,GAAKY,KAAYC,KAAWb,IAAO,EAAE,UAAU,GAAK,IAAI,CAAC;EACzD,GAAKA,IAAO,EAAE,iBAAiB,GAAK,IAAI,CAAC;EACzC,GAAKc,IAAO,EAAE,QAAK,IAAI,CAAC;EACxB,GAAKD,IAAU,EAAE,aAAa,GAAK,IAAI,CAAC;EACxC,GAAKnB,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,GAAIC;EACJ,GAAIQ,EAAM;EACV,WAAWhB,EACT,sJACA,sIACA,mDACAa,KAAQ,sHACRV,EAAsB,KAAKyB,EAAK,CAAC,SACjC,CAACX,KAASY,CACZ;EAEA,UAAA,kBAAC9B,EAAW,OAAZ,EACE,WAAWC,EACT,oHACAK,EAAMuB,IACNF,KAAW,qBACb,EACD,CAAA;CACc,CAAA,GAEbI,IAAUjB,IAAO,kBAACZ,GAAD;EAAS,SAASa;EAAiB,UAAAK;CAAkB,CAAA,IAAIA;CAEhF,OADKF,IAEH,kBAAC,SAAD;EAAO,SAASN;EAAK,WAAWX,EAAG,oEAAoEe,KAAY,sBAAsBc,CAAS;EAAlJ,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IAAM,IAAIb,EAAM;IAAS,WAAWhB,EAAG,qBAAqBe,KAAY,kBAAkB;IACvF,UAAAE;GACG,CAAA,GACLC,KACC,kBAAC,QAAD;IAAM,IAAIF,EAAM;IAAe,WAAU;IACtC,UAAAE;GACG,CAAA,CAEJ;EACL,CAAA,GAAAY,CACI;C,KAdUA;AAgBrB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}

package/dist/chunks/table-BeOSKl_3.js

@@ -0,0 +1,84 @@
+"use client";
+import { t as e } from "./cn-Dj6sRgkF.js";
+import { t } from "./tone-CWpsHPb6.js";
+import { createContext as n, forwardRef as r, useContext as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/table/table.tsx
+var o = {
+	align: {
+		start: { classes: "text-left" },
+		end: { classes: "text-right tabular" }
+	},
+	density: {
+		default: { classes: "px-12" },
+		compact: { classes: "px-8" }
+	}
+}, s = {
+	align: "start",
+	density: "default"
+}, c = /* @__PURE__ */ n("default"), l = {
+	start: "last:pr-2",
+	end: "last:pr-0"
+}, u = /* @__PURE__ */ r(function({ density: t = "default", className: n, ...r }, i) {
+	return /* @__PURE__ */ a(c.Provider, {
+		value: t,
+		children: /* @__PURE__ */ a("table", {
+			ref: i,
+			className: e("w-full border-collapse text-body", n),
+			...r
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "Table");
+var d = /* @__PURE__ */ r(function(e, t) {
+	return /* @__PURE__ */ a("thead", {
+		ref: t,
+		...e
+	});
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "Table.Head");
+var f = /* @__PURE__ */ r(function(e, t) {
+	return /* @__PURE__ */ a("tbody", {
+		ref: t,
+		...e
+	});
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "Table.Body");
+var p = /* @__PURE__ */ r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a("tr", {
+		ref: r,
+		className: e("hairline-b last:shadow-none", t),
+		...n
+	});
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "Table.Row");
+var m = /* @__PURE__ */ r(function({ align: t = "start", wrap: n = !1, className: r, ...s }, u) {
+	let d = i(c);
+	return /* @__PURE__ */ a("th", {
+		ref: u,
+		scope: "col",
+		className: e("h-36 text-caption font-medium text-fg-secondary hairline-b-strong first:pl-0", o.density[d].classes, n ? "py-8 align-bottom text-balance" : "whitespace-nowrap", l[t], o.align[t].classes, r),
+		...s
+	});
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "Table.HeaderCell");
+var h = /* @__PURE__ */ r(function({ align: n = "start", tone: r, className: s, ...u }, d) {
+	let f = i(c);
+	return /* @__PURE__ */ a("td", {
+		ref: d,
+		className: e("h-44 py-12 align-middle text-fg first:pl-0", o.density[f].classes, l[n], o.align[n].classes, r && t[r], s),
+		...u
+	});
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "Table.Cell");
+var g = /* @__PURE__ */ Object.assign(u, {
+	Head: d,
+	Body: f,
+	Row: p,
+	HeaderCell: m,
+	Cell: h
+});
+//#endregion
+export { o as n, g as r, s as t };
+
+//# sourceMappingURL=table-BeOSKl_3.js.map

package/dist/chunks/table-BeOSKl_3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-BeOSKl_3.js","names":["cn","KAESO_TABLE_VARIANTS","KAESO_TABLE_DEFAULT_VARIANTS","DensityContext","LAST","Root","props","density","className","Head","Body","Row","HeaderCell","useContext","wrap","align","Cell","tone","STATUS_TONE_TEXT","Table"],"sources":["../../src/components/table/table.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, type HTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { STATUS_TONE_TEXT, type StatusTone } from \"../../utils/tone.js\";\n\nexport const KAESO_TABLE_VARIANTS = {\n  align: {\n    start: { classes: \"text-left\" },\n    end: { classes: \"text-right tabular\" },\n  },\n  density: {\n    default: { classes: \"px-12\" },\n    compact: { classes: \"px-8\" },\n  },\n} as const;\nexport const KAESO_TABLE_DEFAULT_VARIANTS = { align: \"start\", density: \"default\" } as const;\n\ntype Density = keyof typeof KAESO_TABLE_VARIANTS.density;\nconst DensityContext = /* @__PURE__ */ createContext<Density>(\"default\");\n\nconst LAST = { start: \"last:pr-2\", end: \"last:pr-0\" } as const;\n\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\n  density?: Density | undefined;\n}\nconst Root = /* @__PURE__ */ forwardRef<HTMLTableElement, TableProps>(function Table({ density = \"default\", className, ...props }, ref) {\n  return (\n    <DensityContext.Provider value={density}>\n      <table ref={ref} className={cn(\"w-full border-collapse text-body\", className)} {...props} />\n    </DensityContext.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Table\";\nconst Head = /* @__PURE__ */ forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableHead(props, ref) {\n  return <thead ref={ref} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Head.displayName = \"Table.Head\";\nconst Body = /* @__PURE__ */ forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableBody(props, ref) {\n  return <tbody ref={ref} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Body.displayName = \"Table.Body\";\nconst Row = /* @__PURE__ */ forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(function TableRow({ className, ...props }, ref) {\n  return <tr ref={ref} className={cn(\"hairline-b last:shadow-none\", className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Row.displayName = \"Table.Row\";\nconst HeaderCell = /* @__PURE__ */ forwardRef<\n  HTMLTableCellElement,\n  Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> & { align?: \"start\" | \"end\" | undefined; wrap?: boolean | undefined }\n>(function TableHeaderCell({ align = \"start\", wrap = false, className, ...props }, ref) {\n  const density = useContext(DensityContext);\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      className={cn(\n        \"h-36 text-caption font-medium text-fg-secondary hairline-b-strong first:pl-0\",\n        KAESO_TABLE_VARIANTS.density[density].classes,\n        wrap ? \"py-8 align-bottom text-balance\" : \"whitespace-nowrap\",\n        LAST[align],\n        KAESO_TABLE_VARIANTS.align[align].classes,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") HeaderCell.displayName = \"Table.HeaderCell\";\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  align?: \"start\" | \"end\" | undefined;\n  tone?: StatusTone | undefined;\n}\nconst Cell = /* @__PURE__ */ forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell({ align = \"start\", tone, className, ...props }, ref) {\n  const density = useContext(DensityContext);\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"h-44 py-12 align-middle text-fg first:pl-0\",\n        KAESO_TABLE_VARIANTS.density[density].classes,\n        LAST[align],\n        KAESO_TABLE_VARIANTS.align[align].classes,\n        tone && STATUS_TONE_TEXT[tone],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Cell.displayName = \"Table.Cell\";\n\nexport const Table = /* @__PURE__ */ Object.assign(Root, { Head, Body, Row, HeaderCell, Cell });\n"],"mappings":";;;;;;AAIA,IAAaC,IAAuB;CAClC,OAAO;EACL,OAAO,EAAE,SAAS,YAAY;EAC9B,KAAK,EAAE,SAAS,qBAAqB;CACvC;CACA,SAAS;EACP,SAAS,EAAE,SAAS,QAAQ;EAC5B,SAAS,EAAE,SAAS,OAAO;CAC7B;AACF,GACaC,IAA+B;CAAE,OAAO;CAAS,SAAS;AAAU,GAG3EC,IAAiC,kBAAuB,SAAS,GAEjEC,IAAO;CAAE,OAAO;CAAa,KAAK;AAAY,GAK9CC,IAAuB,kBAAyC,SAAe,EAAE,aAAU,WAAW,cAAW,GAAGC,KAAS,GAAK;CACtI,OACE,kBAACH,EAAe,UAAhB;EAAyB,OAAOI;EAC9B,UAAA,kBAAC,SAAD;GAAY;GAAK,WAAWP,EAAG,oCAAoCQ,CAAS;GAAG,GAAIF;EAAQ,CAAA;CACpE,CAAA;AAE7B,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMG,IAAuB,kBAA6E,SAAmB,GAAO,GAAK;CACvI,OAAO,kBAAC,SAAD;EAAY;EAAK,GAAIH;CAAQ,CAAA;AACtC,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMI,IAAuB,kBAA6E,SAAmB,GAAO,GAAK;CACvI,OAAO,kBAAC,SAAD;EAAY;EAAK,GAAIJ;CAAQ,CAAA;AACtC,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMK,IAAsB,kBAAqE,SAAkB,EAAE,cAAW,GAAGL,KAAS,GAAK;CAC/I,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAWN,EAAG,+BAA+BQ,CAAS;EAAG,GAAIF;CAAQ,CAAA;AAC5F,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAC7D,IAAMM,IAA6B,kBAGjC,SAAyB,EAAE,WAAQ,SAAS,UAAO,IAAO,cAAW,GAAGN,KAAS,GAAK;CACtF,IAAMC,IAAUM,EAAWV,CAAc;CACzC,OACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,WAAWH,EACT,gFACAC,EAAqB,QAAQM,EAAQ,CAAC,SACtCO,IAAO,mCAAmC,qBAC1CV,EAAKW,IACLd,EAAqB,MAAMc,EAAM,CAAC,SAClCP,CACF;EACA,GAAIF;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc;AAKpE,IAAMU,IAAuB,kBAAiD,SAAmB,EAAE,WAAQ,SAAS,SAAM,cAAW,GAAGV,KAAS,GAAK;CACpJ,IAAMC,IAAUM,EAAWV,CAAc;CACzC,OACE,kBAAC,MAAD;EACO;EACL,WAAWH,EACT,8CACAC,EAAqB,QAAQM,EAAQ,CAAC,SACtCH,EAAKW,IACLd,EAAqB,MAAMc,EAAM,CAAC,SAClCE,KAAQC,EAAiBD,IACzBT,CACF;EACA,GAAIF;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,IAAaa,IAAwB,uBAAO,OAAOd,GAAM;CAAE;CAAM;CAAM;CAAK;CAAY;AAAK,CAAC"}

package/dist/chunks/{tag-CqSk8F7M.js → tag-DNdX1XRR.js}

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t } from "./context-BELWW79w.js";
-import { t as n } from "./icon-D5uD_mnL.js";
-import { r } from "./tooltip-CRApbLF6.js";
+import { t as n } from "./icon-D7ja-_Yk.js";
+import { r } from "./tooltip-BMQ9BtPp.js";
 import { t as i } from "./use-truncated-CW0hByYt.js";
 import { forwardRef as a, useRef as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -84,4 +84,4 @@ var h = m;
 //#endregion
 export { m as a, d as i, f as n, h as r, p as t };
 
-//# sourceMappingURL=tag-CqSk8F7M.js.map
+//# sourceMappingURL=tag-DNdX1XRR.js.map

package/dist/chunks/{tag-CqSk8F7M.js.map → tag-DNdX1XRR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tag-CqSk8F7M.js","names":["_Fragment","__icon_Cancel01Icon","cn","useUiText","Icon","useTruncated","Fragment$1","TAG_DOT","KAESO_TAG_VARIANTS","KAESO_TAG_DEFAULT_VARIANTS","Tag","force","props","t","clickable","onClick","split","onRemove","labelRef","useRef","tip","children","label","content","icon","Tooltip","forced","press","pressed","size","variant","invalid","className","removeLabel","Cancel01Icon","Pill"],"sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useRef, type HTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const TAG_DOT = {\n  \"viz-1\": \"bg-viz-1\",\n  \"viz-2\": \"bg-viz-2\",\n  \"viz-3\": \"bg-viz-3\",\n  \"viz-4\": \"bg-viz-4\",\n  \"viz-5\": \"bg-viz-5\",\n  \"viz-6\": \"bg-viz-6\",\n  \"viz-7\": \"bg-viz-7\",\n  \"viz-8\": \"bg-viz-8\",\n  success: \"bg-success\",\n  warning: \"bg-warning\",\n  danger: \"bg-danger\",\n  info: \"bg-info\",\n  neutral: \"bg-fg-tertiary\",\n} as const;\nexport type TagDot = keyof typeof TAG_DOT;\n\nexport const KAESO_TAG_VARIANTS = {\n  size: {\n    md: { classes: \"h-28 px-10 gap-6 text-small\" },\n    sm: { classes: \"h-24 px-8 gap-4 text-caption\" },\n  },\n  variant: {\n    raised: { classes: \"bg-raised shadow-control text-fg\" },\n    outline: { classes: \"bg-transparent shadow-ring text-fg-secondary\" },\n    soft: { classes: \"bg-fill-2 text-fg\" },\n  },\n} as const;\nexport const KAESO_TAG_DEFAULT_VARIANTS = { size: \"md\", variant: \"raised\" } as const;\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n  children: ReactNode;\n  size?: keyof typeof KAESO_TAG_VARIANTS.size | undefined;\n  variant?: keyof typeof KAESO_TAG_VARIANTS.variant | undefined;\n  icon?: IconData | undefined;\n  onRemove?: ((e: MouseEvent<HTMLButtonElement>) => void) | undefined;\n  removeLabel?: string | undefined;\n  onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n  pressed?: boolean | undefined;\n  invalid?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Tag = /* @__PURE__ */ forwardRef<HTMLElement, TagProps>(function Tag(\n  { children, size = \"md\", variant = \"raised\", icon, onRemove, removeLabel, onClick, pressed, invalid, className, \"data-force\": force, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const clickable = !!onClick;\n  const split = clickable && !!onRemove;\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const truncated = useTruncated(labelRef);\n  const tip = truncated && typeof children === \"string\";\n  const label = (\n    <span ref={labelRef} className=\"min-w-0 truncate\" {...(tip && !clickable ? { tabIndex: 0 } : {})}>\n      {children}\n    </span>\n  );\n  const content = (\n    <>\n      {icon && <Icon icon={icon} size=\"xs\" className=\"text-fg-secondary\" />}\n      {tip ? (\n        <Tooltip content={children} shape=\"multiline\">\n          {label}\n        </Tooltip>\n      ) : (\n        label\n      )}\n    </>\n  );\n  const forced = force ? { \"data-force\": force } : {};\n  const press = {\n    type: \"button\" as const,\n    onClick,\n    ...(pressed !== undefined ? { \"aria-pressed\": pressed } : {}),\n  };\n  const Comp = (clickable && !split ? \"button\" : \"span\") as \"span\";\n  return (\n    <Comp\n      ref={ref as React.Ref<HTMLSpanElement>}\n      {...(clickable && !split ? press : {})}\n      {...forced}\n      className={cn(\n        \"inline-flex max-w-full shrink-0 items-center rounded-pill font-medium whitespace-nowrap transition-control\",\n        KAESO_TAG_VARIANTS.size[size].classes,\n        KAESO_TAG_VARIANTS.variant[variant].classes,\n        icon && (size === \"md\" ? \"pl-8\" : \"pl-6\"),\n        onRemove && \"pr-2\",\n        clickable && !split && \"relative cursor-pointer focus-ring tap-target\",\n        split && \"pl-0\",\n        clickable && (variant === \"soft\" ? \"hover:bg-fill-3 active:bg-fill-3\" : \"hover:bg-fill-1 active:bg-fill-2\"),\n        clickable && variant === \"outline\" && \"hover:text-fg\",\n        invalid && \"ring-invalid text-danger-text\",\n        className,\n      )}\n      {...props}\n    >\n      {split ? (\n        <button\n          {...press}\n          {...forced}\n          className={cn(\n            \"relative inline-flex h-full min-w-0 cursor-pointer items-center rounded-pill focus-ring tap-target\",\n            size === \"md\" ? \"gap-6\" : \"gap-4\",\n            icon ? (size === \"md\" ? \"pl-8\" : \"pl-6\") : size === \"md\" ? \"pl-10\" : \"pl-8\",\n          )}\n        >\n          {content}\n        </button>\n      ) : (\n        content\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={\n            removeLabel ??\n            (typeof children === \"string\" && children.trim()\n              ? t(\"tag.removeNamed\", \"Remove {label}\", { label: children.trimEnd() })\n              : t(\"tag.remove\", \"Remove\"))\n          }\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove(e);\n          }}\n          className={cn(\n            \"relative inline-flex shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control focus-ring tap-target hover:bg-fill-2 hover:text-fg\",\n            size === \"md\" ? \"size-24\" : \"size-20\",\n          )}\n        >\n          <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n        </button>\n      )}\n    </Comp>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Tag.displayName = \"Tag\";\n\nexport const Pill = Tag;\n"],"mappings":";;;;;;;;;;AASA,IAAaO,IAAU;CACrB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;AACX,GAGaC,IAAqB;CAChC,MAAM;EACJ,IAAI,EAAE,SAAS,8BAA8B;EAC7C,IAAI,EAAE,SAAS,+BAA+B;CAChD;CACA,SAAS;EACP,QAAQ,EAAE,SAAS,mCAAmC;EACtD,SAAS,EAAE,SAAS,+CAA+C;EACnE,MAAM,EAAE,SAAS,oBAAoB;CACvC;AACF,GACaC,IAA6B;CAAE,MAAM;CAAM,SAAS;AAAS,GAe7DC,IAAsB,kBAAkC,SACnE,EAAE,aAAU,UAAO,MAAM,aAAU,UAAU,SAAM,aAAU,gBAAa,YAAS,YAAS,YAAS,cAAW,cAAcC,GAAO,GAAGC,KACxI,GACA;CACA,IAAMC,IAAIV,EAAU,GACdW,IAAY,CAAC,CAACC,GACdC,IAAQF,KAAa,CAAC,CAACG,GACvBC,IAAWC,EAAwB,IAAI,GAEvCC,IADYf,EAAaa,CACnB,KAAa,OAAOG,KAAa,UACvCC,IACJ,kBAAC,QAAD;EAAM,KAAKJ;EAAU,WAAU;EAAmB,GAAKE,KAAO,CAACN,IAAY,EAAE,UAAU,EAAE,IAAI,CAAC;EAC3F;CACG,CAAA,GAEFS,IACJ,kBAAAvB,GAAA,EAAA,UAAA,CACGwB,KAAQ,kBAACpB,GAAD;EAAY;EAAM,MAAK;EAAK,WAAU;CAAqB,CAAA,GACnEgB,IACC,kBAACK,GAAD;EAAS,SAASJ;EAAU,OAAM;EAC/B,UAAAC;CACM,CAAA,IAETA,CAEF,EAAA,CAAA,GAEEI,IAASf,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC,GAC5CgB,IAAQ;EACZ,MAAM;EACN;EACA,GAAIC,MAAY,KAAA,IAA0C,CAAC,IAA/B,EAAE,gBAAgBA,EAAQ;CACxD;CAEA,OACE,kBAFYd,KAAa,CAACE,IAAQ,WAAW,QAE7C;EACO;EACL,GAAKF,KAAa,CAACE,IAAQW,IAAQ,CAAC;EACpC,GAAID;EACJ,WAAWxB,EACT,8GACAM,EAAmB,KAAKqB,EAAK,CAAC,SAC9BrB,EAAmB,QAAQsB,EAAQ,CAAC,SACpCN,MAASK,MAAS,OAAO,SAAS,SAClCZ,KAAY,QACZH,KAAa,CAACE,KAAS,iDACvBA,KAAS,QACTF,MAAcgB,MAAY,SAAS,qCAAqC,qCACxEhB,KAAagB,MAAY,aAAa,iBACtCC,KAAW,iCACXC,CACF;EACA,GAAIpB;EAjBN,UAAA,CAmBGI,IACC,kBAAC,UAAD;GACE,GAAIW;GACJ,GAAID;GACJ,WAAWxB,EACT,sGACA2B,MAAS,OAAO,UAAU,SAC1BL,IAAQK,MAAS,OAAO,SAAS,SAAUA,MAAS,OAAO,UAAU,MACvE;GAEC,UAAAN;EACK,CAAA,IAERA,GAEDN,KACC,kBAAC,UAAD;GACE,MAAK;GACL,cACEgB,MACC,OAAOZ,KAAa,YAAYA,EAAS,KAAK,IAC3CR,EAAE,mBAAmB,kBAAkB,EAAE,OAAOQ,EAAS,QAAQ,EAAE,CAAC,IACpER,EAAE,cAAc,QAAQ;GAE9B,UAAU,MAAM;IAEd,AADA,EAAE,gBAAgB,GAClBI,EAAS,CAAC;GACZ;GACA,WAAWf,EACT,kKACA2B,MAAS,OAAO,YAAY,SAC9B;GAEA,UAAA,kBAACzB,GAAD;IAAM,MAAMH;IAAqB,MAAK;GAAM,CAAA;EACtC,CAAA,CAEN;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAE7D,IAAakC,IAAOzB"}
+{"version":3,"file":"tag-DNdX1XRR.js","names":["_Fragment","__icon_Cancel01Icon","cn","useUiText","Icon","useTruncated","Fragment$1","TAG_DOT","KAESO_TAG_VARIANTS","KAESO_TAG_DEFAULT_VARIANTS","Tag","force","props","t","clickable","onClick","split","onRemove","labelRef","useRef","tip","children","label","content","icon","Tooltip","forced","press","pressed","size","variant","invalid","className","removeLabel","Cancel01Icon","Pill"],"sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useRef, type HTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const TAG_DOT = {\n  \"viz-1\": \"bg-viz-1\",\n  \"viz-2\": \"bg-viz-2\",\n  \"viz-3\": \"bg-viz-3\",\n  \"viz-4\": \"bg-viz-4\",\n  \"viz-5\": \"bg-viz-5\",\n  \"viz-6\": \"bg-viz-6\",\n  \"viz-7\": \"bg-viz-7\",\n  \"viz-8\": \"bg-viz-8\",\n  success: \"bg-success\",\n  warning: \"bg-warning\",\n  danger: \"bg-danger\",\n  info: \"bg-info\",\n  neutral: \"bg-fg-tertiary\",\n} as const;\nexport type TagDot = keyof typeof TAG_DOT;\n\nexport const KAESO_TAG_VARIANTS = {\n  size: {\n    md: { classes: \"h-28 px-10 gap-6 text-small\" },\n    sm: { classes: \"h-24 px-8 gap-4 text-caption\" },\n  },\n  variant: {\n    raised: { classes: \"bg-raised shadow-control text-fg\" },\n    outline: { classes: \"bg-transparent shadow-ring text-fg-secondary\" },\n    soft: { classes: \"bg-fill-2 text-fg\" },\n  },\n} as const;\nexport const KAESO_TAG_DEFAULT_VARIANTS = { size: \"md\", variant: \"raised\" } as const;\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n  children: ReactNode;\n  size?: keyof typeof KAESO_TAG_VARIANTS.size | undefined;\n  variant?: keyof typeof KAESO_TAG_VARIANTS.variant | undefined;\n  icon?: IconData | undefined;\n  onRemove?: ((e: MouseEvent<HTMLButtonElement>) => void) | undefined;\n  removeLabel?: string | undefined;\n  onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n  pressed?: boolean | undefined;\n  invalid?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Tag = /* @__PURE__ */ forwardRef<HTMLElement, TagProps>(function Tag(\n  { children, size = \"md\", variant = \"raised\", icon, onRemove, removeLabel, onClick, pressed, invalid, className, \"data-force\": force, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const clickable = !!onClick;\n  const split = clickable && !!onRemove;\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const truncated = useTruncated(labelRef);\n  const tip = truncated && typeof children === \"string\";\n  const label = (\n    <span ref={labelRef} className=\"min-w-0 truncate\" {...(tip && !clickable ? { tabIndex: 0 } : {})}>\n      {children}\n    </span>\n  );\n  const content = (\n    <>\n      {icon && <Icon icon={icon} size=\"xs\" className=\"text-fg-secondary\" />}\n      {tip ? (\n        <Tooltip content={children} shape=\"multiline\">\n          {label}\n        </Tooltip>\n      ) : (\n        label\n      )}\n    </>\n  );\n  const forced = force ? { \"data-force\": force } : {};\n  const press = {\n    type: \"button\" as const,\n    onClick,\n    ...(pressed !== undefined ? { \"aria-pressed\": pressed } : {}),\n  };\n  const Comp = (clickable && !split ? \"button\" : \"span\") as \"span\";\n  return (\n    <Comp\n      ref={ref as React.Ref<HTMLSpanElement>}\n      {...(clickable && !split ? press : {})}\n      {...forced}\n      className={cn(\n        \"inline-flex max-w-full shrink-0 items-center rounded-pill font-medium whitespace-nowrap transition-control\",\n        KAESO_TAG_VARIANTS.size[size].classes,\n        KAESO_TAG_VARIANTS.variant[variant].classes,\n        icon && (size === \"md\" ? \"pl-8\" : \"pl-6\"),\n        onRemove && \"pr-2\",\n        clickable && !split && \"relative cursor-pointer focus-ring tap-target\",\n        split && \"pl-0\",\n        clickable && (variant === \"soft\" ? \"hover:bg-fill-3 active:bg-fill-3\" : \"hover:bg-fill-1 active:bg-fill-2\"),\n        clickable && variant === \"outline\" && \"hover:text-fg\",\n        invalid && \"ring-invalid text-danger-text\",\n        className,\n      )}\n      {...props}\n    >\n      {split ? (\n        <button\n          {...press}\n          {...forced}\n          className={cn(\n            \"relative inline-flex h-full min-w-0 cursor-pointer items-center rounded-pill focus-ring tap-target\",\n            size === \"md\" ? \"gap-6\" : \"gap-4\",\n            icon ? (size === \"md\" ? \"pl-8\" : \"pl-6\") : size === \"md\" ? \"pl-10\" : \"pl-8\",\n          )}\n        >\n          {content}\n        </button>\n      ) : (\n        content\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          aria-label={\n            removeLabel ??\n            (typeof children === \"string\" && children.trim()\n              ? t(\"tag.removeNamed\", \"Remove {label}\", { label: children.trimEnd() })\n              : t(\"tag.remove\", \"Remove\"))\n          }\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove(e);\n          }}\n          className={cn(\n            \"relative inline-flex shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control focus-ring tap-target hover:bg-fill-2 hover:text-fg\",\n            size === \"md\" ? \"size-24\" : \"size-20\",\n          )}\n        >\n          <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n        </button>\n      )}\n    </Comp>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Tag.displayName = \"Tag\";\n\nexport const Pill = Tag;\n"],"mappings":";;;;;;;;;;AASA,IAAaO,IAAU;CACrB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;AACX,GAGaC,IAAqB;CAChC,MAAM;EACJ,IAAI,EAAE,SAAS,8BAA8B;EAC7C,IAAI,EAAE,SAAS,+BAA+B;CAChD;CACA,SAAS;EACP,QAAQ,EAAE,SAAS,mCAAmC;EACtD,SAAS,EAAE,SAAS,+CAA+C;EACnE,MAAM,EAAE,SAAS,oBAAoB;CACvC;AACF,GACaC,IAA6B;CAAE,MAAM;CAAM,SAAS;AAAS,GAe7DC,IAAsB,kBAAkC,SACnE,EAAE,aAAU,UAAO,MAAM,aAAU,UAAU,SAAM,aAAU,gBAAa,YAAS,YAAS,YAAS,cAAW,cAAcC,GAAO,GAAGC,KACxI,GACA;CACA,IAAMC,IAAIV,EAAU,GACdW,IAAY,CAAC,CAACC,GACdC,IAAQF,KAAa,CAAC,CAACG,GACvBC,IAAWC,EAAwB,IAAI,GAEvCC,IADYf,EAAaa,CACnB,KAAa,OAAOG,KAAa,UACvCC,IACJ,kBAAC,QAAD;EAAM,KAAKJ;EAAU,WAAU;EAAmB,GAAKE,KAAO,CAACN,IAAY,EAAE,UAAU,EAAE,IAAI,CAAC;EAC3F;CACG,CAAA,GAEFS,IACJ,kBAAAvB,GAAA,EAAA,UAAA,CACGwB,KAAQ,kBAACpB,GAAD;EAAY;EAAM,MAAK;EAAK,WAAU;CAAqB,CAAA,GACnEgB,IACC,kBAACK,GAAD;EAAS,SAASJ;EAAU,OAAM;EAC/B,UAAAC;CACM,CAAA,IAETA,CAEF,EAAA,CAAA,GAEEI,IAASf,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC,GAC5CgB,IAAQ;EACZ,MAAM;EACN;EACA,GAAIC,MAAY,KAAA,IAA0C,CAAC,IAA/B,EAAE,gBAAgBA,EAAQ;CACxD;CAEA,OACE,kBAFYd,KAAa,CAACE,IAAQ,WAAW,QAE7C;EACO;EACL,GAAKF,KAAa,CAACE,IAAQW,IAAQ,CAAC;EACpC,GAAID;EACJ,WAAWxB,EACT,8GACAM,EAAmB,KAAKqB,EAAK,CAAC,SAC9BrB,EAAmB,QAAQsB,EAAQ,CAAC,SACpCN,MAASK,MAAS,OAAO,SAAS,SAClCZ,KAAY,QACZH,KAAa,CAACE,KAAS,iDACvBA,KAAS,QACTF,MAAcgB,MAAY,SAAS,qCAAqC,qCACxEhB,KAAagB,MAAY,aAAa,iBACtCC,KAAW,iCACXC,CACF;EACA,GAAIpB;EAjBN,UAAA,CAmBGI,IACC,kBAAC,UAAD;GACE,GAAIW;GACJ,GAAID;GACJ,WAAWxB,EACT,sGACA2B,MAAS,OAAO,UAAU,SAC1BL,IAAQK,MAAS,OAAO,SAAS,SAAUA,MAAS,OAAO,UAAU,MACvE;GAEC,UAAAN;EACK,CAAA,IAERA,GAEDN,KACC,kBAAC,UAAD;GACE,MAAK;GACL,cACEgB,MACC,OAAOZ,KAAa,YAAYA,EAAS,KAAK,IAC3CR,EAAE,mBAAmB,kBAAkB,EAAE,OAAOQ,EAAS,QAAQ,EAAE,CAAC,IACpER,EAAE,cAAc,QAAQ;GAE9B,UAAU,MAAM;IAEd,AADA,EAAE,gBAAgB,GAClBI,EAAS,CAAC;GACZ;GACA,WAAWf,EACT,kKACA2B,MAAS,OAAO,YAAY,SAC9B;GAEA,UAAA,kBAACzB,GAAD;IAAM,MAAMH;IAAqB,MAAK;GAAM,CAAA;EACtC,CAAA,CAEN;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAE7D,IAAakC,IAAOzB"}

package/dist/chunks/{text-hFc6TDp9.js → text-DCGGNqTM.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
-import { r as t } from "./tooltip-CRApbLF6.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
+import { r as t } from "./tooltip-BMQ9BtPp.js";
 import { t as n } from "./use-truncated-CW0hByYt.js";
 import { forwardRef as r, useRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ process.env.NODE_ENV !== "production" && (l.displayName = "Text");
 //#endregion
 export { o as n, l as r, s as t };
 
-//# sourceMappingURL=text-hFc6TDp9.js.map
+//# sourceMappingURL=text-DCGGNqTM.js.map

package/dist/chunks/{text-hFc6TDp9.js.map → text-DCGGNqTM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-hFc6TDp9.js","names":["cn","Tooltip","useTruncated","KAESO_TEXT_VARIANTS","KAESO_TEXT_DEFAULT_VARIANTS","mergeRefs","refs","r","value","Text","props","Comp","as","inner","useRef","isTruncated","truncate","el","ref","variant","tone","weight","mono","tabular","className","children"],"sources":["../../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef, useRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_TEXT_VARIANTS = {\n  variant: {\n    micro: { classes: \"text-micro font-medium\" },\n    caption: { classes: \"text-caption font-medium\" },\n    small: { classes: \"text-small\" },\n    body: { classes: \"text-body\" },\n    \"body-lg\": { classes: \"text-body-lg font-medium\" },\n    \"title-sm\": { classes: \"text-title-sm font-semibold\" },\n    title: { classes: \"text-title font-semibold\" },\n    \"title-lg\": { classes: \"text-title-lg font-semibold\" },\n    display: { classes: \"text-display font-semibold\" },\n    metric: { classes: \"text-metric font-semibold tabular\" },\n  },\n  tone: {\n    default: { classes: \"text-fg\" },\n    secondary: { classes: \"text-fg-secondary\" },\n    tertiary: { classes: \"text-fg-tertiary\" },\n    danger: { classes: \"text-danger-text\" },\n    success: { classes: \"text-success-text\" },\n    warning: { classes: \"text-warning-text\" },\n    info: { classes: \"text-info-text\" },\n    inherit: { classes: \"text-inherit\" },\n  },\n  weight: {\n    regular: { classes: \"font-regular\" },\n    medium: { classes: \"font-medium\" },\n    semibold: { classes: \"font-semibold\" },\n  },\n} as const;\nexport const KAESO_TEXT_DEFAULT_VARIANTS = { variant: \"body\", tone: \"default\" } as const;\n\nexport type TextVariant = keyof typeof KAESO_TEXT_VARIANTS.variant;\nexport type TextTone = keyof typeof KAESO_TEXT_VARIANTS.tone;\nexport type TextWeight = keyof typeof KAESO_TEXT_VARIANTS.weight;\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  variant?: TextVariant | undefined;\n  tone?: TextTone | undefined;\n  weight?: TextWeight | undefined;\n  mono?: boolean | undefined;\n  tabular?: boolean | undefined;\n  truncate?: boolean | undefined;\n  as?: ElementType | undefined;\n  children?: ReactNode | undefined;\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (value: T | null) => {\n    for (const r of refs) {\n      if (typeof r === \"function\") r(value);\n      else if (r && typeof r === \"object\") (r as { current: T | null }).current = value;\n    }\n  };\n}\n\nexport const Text = /* @__PURE__ */ forwardRef<HTMLElement, TextProps>(function Text(\n  { variant = \"body\", tone = \"default\", weight, mono, tabular, truncate, as, className, children, ...props },\n  ref,\n) {\n  const Comp = (as ?? \"span\") as ElementType;\n  const inner = useRef<HTMLElement>(null);\n  const isTruncated = useTruncated(inner, !!truncate);\n  const el = (\n    <Comp\n      ref={mergeRefs(ref, inner)}\n      className={cn(\n        KAESO_TEXT_VARIANTS.variant[variant].classes,\n        KAESO_TEXT_VARIANTS.tone[tone].classes,\n        weight && KAESO_TEXT_VARIANTS.weight[weight].classes,\n        mono && \"mono\",\n        mono && variant === \"body\" && \"text-small\",\n        tabular && \"tabular\",\n        truncate && \"block min-w-0 truncate\",\n        className,\n      )}\n      {...(truncate && isTruncated ? { tabIndex: 0 } : {})}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n  if (truncate && isTruncated && typeof children === \"string\") {\n    return (\n      <Tooltip content={children} shape=\"multiline\">\n        {el}\n      </Tooltip>\n    );\n  }\n  return el;\n});\nif (process.env.NODE_ENV !== \"production\") Text.displayName = \"Text\";\n"],"mappings":";;;;;;;AAKA,IAAaG,IAAsB;CACjC,SAAS;EACP,OAAO,EAAE,SAAS,yBAAyB;EAC3C,SAAS,EAAE,SAAS,2BAA2B;EAC/C,OAAO,EAAE,SAAS,aAAa;EAC/B,MAAM,EAAE,SAAS,YAAY;EAC7B,WAAW,EAAE,SAAS,2BAA2B;EACjD,YAAY,EAAE,SAAS,8BAA8B;EACrD,OAAO,EAAE,SAAS,2BAA2B;EAC7C,YAAY,EAAE,SAAS,8BAA8B;EACrD,SAAS,EAAE,SAAS,6BAA6B;EACjD,QAAQ,EAAE,SAAS,oCAAoC;CACzD;CACA,MAAM;EACJ,SAAS,EAAE,SAAS,UAAU;EAC9B,WAAW,EAAE,SAAS,oBAAoB;EAC1C,UAAU,EAAE,SAAS,mBAAmB;EACxC,QAAQ,EAAE,SAAS,mBAAmB;EACtC,SAAS,EAAE,SAAS,oBAAoB;EACxC,SAAS,EAAE,SAAS,oBAAoB;EACxC,MAAM,EAAE,SAAS,iBAAiB;EAClC,SAAS,EAAE,SAAS,eAAe;CACrC;CACA,QAAQ;EACN,SAAS,EAAE,SAAS,eAAe;EACnC,QAAQ,EAAE,SAAS,cAAc;EACjC,UAAU,EAAE,SAAS,gBAAgB;CACvC;AACF,GACaC,IAA8B;CAAE,SAAS;CAAQ,MAAM;AAAU;AAiB9E,SAASC,EAAa,GAAGC,GAA8B;CACrD,QAAQ,MAAoB;EAC1B,KAAK,IAAMC,KAAKD,GACd,AAAI,OAAOC,KAAM,aAAYA,EAAEC,CAAK,IAC3BD,KAAK,OAAOA,KAAM,aAAU,EAA6B,UAAUC;CAEhF;AACF;AAEA,IAAaC,IAAuB,kBAAmC,SACrE,EAAE,aAAU,QAAQ,UAAO,WAAW,WAAQ,SAAM,YAAS,aAAU,OAAI,cAAW,aAAU,GAAGC,KACnG,GACA;CACA,IAAMC,IAAQC,KAAM,QACdC,IAAQC,EAAoB,IAAI,GAChCC,IAAcb,EAAaW,GAAO,CAAC,CAACG,CAAQ,GAC5CC,IACJ,kBAACN,GAAD;EACE,KAAKN,EAAUa,GAAKL,CAAK;EACzB,WAAWb,EACTG,EAAoB,QAAQgB,EAAQ,CAAC,SACrChB,EAAoB,KAAKiB,EAAK,CAAC,SAC/BC,KAAUlB,EAAoB,OAAOkB,EAAO,CAAC,SAC7CC,KAAQ,QACRA,KAAQH,MAAY,UAAU,cAC9BI,KAAW,WACXP,KAAY,0BACZQ,CACF;EACA,GAAKR,KAAYD,IAAc,EAAE,UAAU,EAAE,IAAI,CAAC;EAClD,GAAIL;EAEH;CACG,CAAA;CASR,OAPIM,KAAYD,KAAe,OAAOU,KAAa,WAE/C,kBAACxB,GAAD;EAAS,SAASwB;EAAU,OAAM;EAC/B,UAAAR;CACM,CAAA,IAGNA;AACT,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}
+{"version":3,"file":"text-DCGGNqTM.js","names":["cn","Tooltip","useTruncated","KAESO_TEXT_VARIANTS","KAESO_TEXT_DEFAULT_VARIANTS","mergeRefs","refs","r","value","Text","props","Comp","as","inner","useRef","isTruncated","truncate","el","ref","variant","tone","weight","mono","tabular","className","children"],"sources":["../../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef, useRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_TEXT_VARIANTS = {\n  variant: {\n    micro: { classes: \"text-micro font-medium\" },\n    caption: { classes: \"text-caption font-medium\" },\n    small: { classes: \"text-small\" },\n    body: { classes: \"text-body\" },\n    \"body-lg\": { classes: \"text-body-lg font-medium\" },\n    \"title-sm\": { classes: \"text-title-sm font-semibold\" },\n    title: { classes: \"text-title font-semibold\" },\n    \"title-lg\": { classes: \"text-title-lg font-semibold\" },\n    display: { classes: \"text-display font-semibold\" },\n    metric: { classes: \"text-metric font-semibold tabular\" },\n  },\n  tone: {\n    default: { classes: \"text-fg\" },\n    secondary: { classes: \"text-fg-secondary\" },\n    tertiary: { classes: \"text-fg-tertiary\" },\n    danger: { classes: \"text-danger-text\" },\n    success: { classes: \"text-success-text\" },\n    warning: { classes: \"text-warning-text\" },\n    info: { classes: \"text-info-text\" },\n    inherit: { classes: \"text-inherit\" },\n  },\n  weight: {\n    regular: { classes: \"font-regular\" },\n    medium: { classes: \"font-medium\" },\n    semibold: { classes: \"font-semibold\" },\n  },\n} as const;\nexport const KAESO_TEXT_DEFAULT_VARIANTS = { variant: \"body\", tone: \"default\" } as const;\n\nexport type TextVariant = keyof typeof KAESO_TEXT_VARIANTS.variant;\nexport type TextTone = keyof typeof KAESO_TEXT_VARIANTS.tone;\nexport type TextWeight = keyof typeof KAESO_TEXT_VARIANTS.weight;\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  variant?: TextVariant | undefined;\n  tone?: TextTone | undefined;\n  weight?: TextWeight | undefined;\n  mono?: boolean | undefined;\n  tabular?: boolean | undefined;\n  truncate?: boolean | undefined;\n  as?: ElementType | undefined;\n  children?: ReactNode | undefined;\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (value: T | null) => {\n    for (const r of refs) {\n      if (typeof r === \"function\") r(value);\n      else if (r && typeof r === \"object\") (r as { current: T | null }).current = value;\n    }\n  };\n}\n\nexport const Text = /* @__PURE__ */ forwardRef<HTMLElement, TextProps>(function Text(\n  { variant = \"body\", tone = \"default\", weight, mono, tabular, truncate, as, className, children, ...props },\n  ref,\n) {\n  const Comp = (as ?? \"span\") as ElementType;\n  const inner = useRef<HTMLElement>(null);\n  const isTruncated = useTruncated(inner, !!truncate);\n  const el = (\n    <Comp\n      ref={mergeRefs(ref, inner)}\n      className={cn(\n        KAESO_TEXT_VARIANTS.variant[variant].classes,\n        KAESO_TEXT_VARIANTS.tone[tone].classes,\n        weight && KAESO_TEXT_VARIANTS.weight[weight].classes,\n        mono && \"mono\",\n        mono && variant === \"body\" && \"text-small\",\n        tabular && \"tabular\",\n        truncate && \"block min-w-0 truncate\",\n        className,\n      )}\n      {...(truncate && isTruncated ? { tabIndex: 0 } : {})}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n  if (truncate && isTruncated && typeof children === \"string\") {\n    return (\n      <Tooltip content={children} shape=\"multiline\">\n        {el}\n      </Tooltip>\n    );\n  }\n  return el;\n});\nif (process.env.NODE_ENV !== \"production\") Text.displayName = \"Text\";\n"],"mappings":";;;;;;;AAKA,IAAaG,IAAsB;CACjC,SAAS;EACP,OAAO,EAAE,SAAS,yBAAyB;EAC3C,SAAS,EAAE,SAAS,2BAA2B;EAC/C,OAAO,EAAE,SAAS,aAAa;EAC/B,MAAM,EAAE,SAAS,YAAY;EAC7B,WAAW,EAAE,SAAS,2BAA2B;EACjD,YAAY,EAAE,SAAS,8BAA8B;EACrD,OAAO,EAAE,SAAS,2BAA2B;EAC7C,YAAY,EAAE,SAAS,8BAA8B;EACrD,SAAS,EAAE,SAAS,6BAA6B;EACjD,QAAQ,EAAE,SAAS,oCAAoC;CACzD;CACA,MAAM;EACJ,SAAS,EAAE,SAAS,UAAU;EAC9B,WAAW,EAAE,SAAS,oBAAoB;EAC1C,UAAU,EAAE,SAAS,mBAAmB;EACxC,QAAQ,EAAE,SAAS,mBAAmB;EACtC,SAAS,EAAE,SAAS,oBAAoB;EACxC,SAAS,EAAE,SAAS,oBAAoB;EACxC,MAAM,EAAE,SAAS,iBAAiB;EAClC,SAAS,EAAE,SAAS,eAAe;CACrC;CACA,QAAQ;EACN,SAAS,EAAE,SAAS,eAAe;EACnC,QAAQ,EAAE,SAAS,cAAc;EACjC,UAAU,EAAE,SAAS,gBAAgB;CACvC;AACF,GACaC,IAA8B;CAAE,SAAS;CAAQ,MAAM;AAAU;AAiB9E,SAASC,EAAa,GAAGC,GAA8B;CACrD,QAAQ,MAAoB;EAC1B,KAAK,IAAMC,KAAKD,GACd,AAAI,OAAOC,KAAM,aAAYA,EAAEC,CAAK,IAC3BD,KAAK,OAAOA,KAAM,aAAU,EAA6B,UAAUC;CAEhF;AACF;AAEA,IAAaC,IAAuB,kBAAmC,SACrE,EAAE,aAAU,QAAQ,UAAO,WAAW,WAAQ,SAAM,YAAS,aAAU,OAAI,cAAW,aAAU,GAAGC,KACnG,GACA;CACA,IAAMC,IAAQC,KAAM,QACdC,IAAQC,EAAoB,IAAI,GAChCC,IAAcb,EAAaW,GAAO,CAAC,CAACG,CAAQ,GAC5CC,IACJ,kBAACN,GAAD;EACE,KAAKN,EAAUa,GAAKL,CAAK;EACzB,WAAWb,EACTG,EAAoB,QAAQgB,EAAQ,CAAC,SACrChB,EAAoB,KAAKiB,EAAK,CAAC,SAC/BC,KAAUlB,EAAoB,OAAOkB,EAAO,CAAC,SAC7CC,KAAQ,QACRA,KAAQH,MAAY,UAAU,cAC9BI,KAAW,WACXP,KAAY,0BACZQ,CACF;EACA,GAAKR,KAAYD,IAAc,EAAE,UAAU,EAAE,IAAI,CAAC;EAClD,GAAIL;EAEH;CACG,CAAA;CASR,OAPIM,KAAYD,KAAe,OAAOU,KAAa,WAE/C,kBAACxB,GAAD;EAAS,SAASwB;EAAU,OAAM;EAC/B,UAAAR;CACM,CAAA,IAGNA;AACT,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}

package/dist/chunks/{textarea-17Ftvph_.js → textarea-CT2S2JVM.js}

@@ -1,10 +1,10 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t } from "./dev-CR1p7gCm.js";
 import { i as n, r } from "./context-BELWW79w.js";
-import { a as i, o as a, s as o } from "./field-DfITT6Jm.js";
-import { n as s } from "./input-group-Dgdb0JpZ.js";
-import { t as c } from "./input-B6Docqrk.js";
+import { a as i, o as a, s as o } from "./field-TviMvYa2.js";
+import { n as s } from "./input-group-CUSNsQjQ.js";
+import { t as c } from "./input-TyLIaQ5k.js";
 import { forwardRef as l, useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Add01Icon as _, MinusSignIcon as v } from "@hugeicons/core-free-icons";
@@ -157,4 +157,4 @@ process.env.NODE_ENV !== "production" && (F.displayName = "Textarea");
 //#endregion
 export { O as a, S as c, k as i, T as l, j as n, A as o, F as r, x as s, M as t };
 
-//# sourceMappingURL=textarea-17Ftvph_.js.map
+//# sourceMappingURL=textarea-CT2S2JVM.js.map

package/dist/chunks/{textarea-17Ftvph_.js.map → textarea-CT2S2JVM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-17Ftvph_.js","names":["__icon_MinusSignIcon","__icon_Add01Icon","cn","warnStylingClassName","useUiText","useField","useFieldControl","withField","InputGroup","Input","split","m","v","isDecimal","addDecimal","x","a","y","b","scale","toBig","p","sum","neg","digits","int","frac","compareDecimal","d","ENGLISH","decimalSeparators","locale","parts","groupDecimal","seps","localizeDecimal","ungroup","out","KAESO_NUMBER_INPUT_VARIANTS","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","NumberInput","props","t","useLocale","useMemo","inner","setInner","useState","defaultValue","focused","setFocused","controlled","value","raw","set","onValueChange","clamp","min","max","stepBy","dir","step","display","integer","live","disabled","readOnly","stepper","hideStepper","MinusSignIcon","Add01Icon","className","unit","onFocus","onBlur","onKeyDown","KAESO_TEXTAREA_VARIANTS","KAESO_TEXTAREA_DEFAULT_VARIANTS","LINE","PAD","Textarea","rest","field","fc","useRef","grow","useCallback","el","resize","maxRows","control","ref","onChange","mono","label","description","error","id","invalid"],"sources":["../../src/components/input/decimal.ts","../../src/components/input/number-input.tsx","../../src/components/input/textarea.tsx"],"sourcesContent":["function split(v: string): { neg: boolean; int: string; frac: string } {\n  const m = /^(-)?(\\d*)(?:\\.(\\d*))?$/.exec(v.trim());\n  if (!m) return { neg: false, int: \"0\", frac: \"\" };\n  return { neg: m[1] === \"-\", int: (m[2] || \"0\").replace(/^0+(?=\\d)/, \"\"), frac: m[3] ?? \"\" };\n}\n\nexport function isDecimal(v: string): boolean {\n  return /^-?\\d*(?:\\.\\d*)?$/.test(v.trim());\n}\n\nexport function addDecimal(a: string, b: string): string {\n  const x = split(a || \"0\");\n  const y = split(b || \"0\");\n  const scale = Math.max(x.frac.length, y.frac.length);\n  const toBig = (p: { neg: boolean; int: string; frac: string }) => BigInt((p.neg ? \"-\" : \"\") + p.int + p.frac.padEnd(scale, \"0\"));\n  const sum = toBig(x) + toBig(y);\n  const neg = sum < 0n;\n  const digits = (neg ? -sum : sum).toString().padStart(scale + 1, \"0\");\n  const int = digits.slice(0, digits.length - scale) || \"0\";\n  const frac = scale ? digits.slice(-scale) : \"\";\n  return `${neg ? \"-\" : \"\"}${int}${frac ? `.${frac}` : \"\"}`;\n}\n\nexport function compareDecimal(a: string, b: string): number {\n  const d = addDecimal(a, b.startsWith(\"-\") ? b.slice(1) : `-${b}`);\n  if (d.startsWith(\"-\") && /[1-9]/.test(d)) return -1;\n  return /[1-9]/.test(d) ? 1 : 0;\n}\n\nexport interface DecimalSeparators {\n  group: string;\n  decimal: string;\n}\n\nconst ENGLISH: DecimalSeparators = { group: \",\", decimal: \".\" };\n\nexport function decimalSeparators(locale: string): DecimalSeparators {\n  if (locale === \"en\") return ENGLISH;\n  const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n  return { group: parts.find((p) => p.type === \"group\")?.value ?? \",\", decimal: parts.find((p) => p.type === \"decimal\")?.value ?? \".\" };\n}\n\nexport function groupDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n  const p = split(v);\n  if (!isDecimal(v) || v.trim() === \"\") return v;\n  return `${p.neg ? \"-\" : \"\"}${p.int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, seps.group)}${v.includes(\".\") ? `${seps.decimal}${p.frac}` : \"\"}`;\n}\n\nexport function localizeDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n  return seps.decimal === \".\" ? v : v.replace(\".\", seps.decimal);\n}\n\nexport function ungroup(v: string, seps: DecimalSeparators = ENGLISH): string {\n  const out = seps.group === \".\" ? v : v.split(seps.group).join(\"\");\n  return seps.decimal === \".\" ? out : out.split(seps.decimal).join(\".\");\n}\n","import { forwardRef, useMemo, useState, type ChangeEvent, type FocusEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { MinusSignIcon as __icon_MinusSignIcon, Add01Icon as __icon_Add01Icon } from \"@hugeicons/core-free-icons\";\nimport { addDecimal, compareDecimal, decimalSeparators, groupDecimal, isDecimal, localizeDecimal, ungroup } from \"./decimal.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_NUMBER_INPUT_VARIANTS = {\n  align: {\n    end: { classes: \"text-right\" },\n    start: { classes: \"text-left\" },\n  },\n} as const;\nexport const KAESO_NUMBER_INPUT_DEFAULT_VARIANTS = { align: \"end\" } as const;\n\nexport interface NumberInputProps extends Omit<InputProps, \"type\" | \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\" | \"step\"> {\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  unit?: string | undefined;\n  step?: string | undefined;\n  min?: string | undefined;\n  max?: string | undefined;\n  hideStepper?: boolean | undefined;\n  integer?: boolean | undefined;\n  align?: keyof typeof KAESO_NUMBER_INPUT_VARIANTS.align | undefined;\n}\n\nexport const NumberInput = /* @__PURE__ */ forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  {\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    unit,\n    step = \"1\",\n    min,\n    max,\n    hideStepper,\n    integer,\n    align = \"end\",\n    onBlur,\n    onFocus,\n    onKeyDown,\n    className,\n    disabled,\n    readOnly,\n    ...props\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const seps = useMemo(() => decimalSeparators(locale), [locale]);\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const controlled = value !== undefined;\n  const raw = controlled ? value : inner;\n  const set = (v: string) => {\n    if (!controlled) setInner(v);\n    onValueChange?.(v);\n  };\n  const clamp = (v: string) => {\n    if (v === \"\" || v === \"-\") return v;\n    if (min !== undefined && compareDecimal(v, min) < 0) return min;\n    if (max !== undefined && compareDecimal(v, max) > 0) return max;\n    return v;\n  };\n  const stepBy = (dir: 1 | -1) => set(clamp(addDecimal(raw || \"0\", dir === 1 ? step : `-${step}`)));\n  const display = integer ? raw : focused ? localizeDecimal(raw, seps) : groupDecimal(raw, seps);\n  const live = !disabled && !readOnly;\n  const stepper = !hideStepper && (\n    <span\n      className={cn(\n        \"flex shrink-0 items-center opacity-0 transition-control\",\n        live ? \"group-hover/num:opacity-100 coarse:opacity-100 group-focus-within/num:opacity-100\" : \"invisible\",\n      )}\n      {...(live ? {} : { \"aria-hidden\": true })}\n    >\n      <InputGroup.Button icon={__icon_MinusSignIcon} aria-label={t(\"numberInput.decrease\", \"Decrease\")} onClick={() => stepBy(-1)} disabled={!live} />\n      <InputGroup.Button icon={__icon_Add01Icon} aria-label={t(\"numberInput.increase\", \"Increase\")} onClick={() => stepBy(1)} disabled={!live} />\n    </span>\n  );\n  return (\n    <Input\n      ref={ref}\n      type=\"text\"\n      inputMode={integer ? \"numeric\" : \"decimal\"}\n      autoComplete=\"off\"\n      spellCheck={false}\n      value={display}\n      disabled={disabled}\n      readOnly={readOnly}\n      className={cn(\"group/num\", className)}\n      suffix={unit}\n      trailing={stepper || undefined}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => {\n        if (integer) {\n          if (/^-?\\d*$/.test(e.target.value)) set(e.target.value);\n          return;\n        }\n        const v = ungroup(e.target.value, seps);\n        if (isDecimal(v)) set(v);\n      }}\n      onFocus={(e: FocusEvent<HTMLInputElement>) => {\n        setFocused(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e: FocusEvent<HTMLInputElement>) => {\n        setFocused(false);\n        if (raw !== clamp(raw)) set(clamp(raw));\n        onBlur?.(e);\n      }}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          stepBy(1);\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          stepBy(-1);\n        }\n        onKeyDown?.(e);\n      }}\n      align={align}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") NumberInput.displayName = \"NumberInput\";\n","import { forwardRef, useCallback, useLayoutEffect, useRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\n\nexport const KAESO_TEXTAREA_VARIANTS = {\n  resize: {\n    auto: { classes: \"resize-none\" },\n    vertical: { classes: \"resize-y\" },\n  },\n} as const;\nexport const KAESO_TEXTAREA_DEFAULT_VARIANTS = { resize: \"auto\" } as const;\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldWrapProps {\n  resize?: keyof typeof KAESO_TEXTAREA_VARIANTS.resize | undefined;\n  maxRows?: number | undefined;\n  invalid?: boolean | undefined;\n  mono?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst LINE = 20;\nconst PAD = 20;\n\nexport const Textarea = /* @__PURE__ */ forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(props, ref) {\n  const {\n    resize = \"auto\",\n    maxRows = 8,\n    rows = 3,\n    invalid,\n    mono,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    id,\n    disabled,\n    onChange,\n    ...rest\n  } = props;\n  warnStylingClassName(\"Textarea\", className);\n  const field = useField();\n  const fc = useFieldControl(props);\n  const inner = useRef<HTMLTextAreaElement | null>(null);\n  const grow = useCallback(() => {\n    const el = inner.current;\n    if (!el || resize !== \"auto\") return;\n    el.style.height = \"auto\";\n    el.style.height = `${Math.min(el.scrollHeight, maxRows * LINE + PAD)}px`;\n  }, [maxRows, resize]);\n  useLayoutEffect(grow, [grow, rest.value]);\n  const control = (\n    <textarea\n      ref={(el) => {\n        inner.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      rows={rows}\n      disabled={disabled}\n      required={required}\n      onChange={(e) => {\n        grow();\n        onChange?.(e);\n      }}\n      className={cn(\n        \"block w-full min-w-0 rounded-textarea px-16 py-10 text-body text-fg material-field transition-control outline-none placeholder:text-fg-tertiary scrollbar-quiet\",\n        \"disabled:cursor-not-allowed\",\n        mono && \"mono text-small\",\n        KAESO_TEXTAREA_VARIANTS.resize[resize].classes,\n        !(label || description || error) && className,\n      )}\n      {...(id ? { id } : {})}\n      {...fc.controlProps}\n      {...(invalid || error ? { \"aria-invalid\": true } : {})}\n      {...rest}\n    />\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") Textarea.displayName = \"Textarea\";\n"],"mappings":"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"}
+{"version":3,"file":"textarea-CT2S2JVM.js","names":["__icon_MinusSignIcon","__icon_Add01Icon","cn","warnStylingClassName","useUiText","useField","useFieldControl","withField","InputGroup","Input","split","m","v","isDecimal","addDecimal","x","a","y","b","scale","toBig","p","sum","neg","digits","int","frac","compareDecimal","d","ENGLISH","decimalSeparators","locale","parts","groupDecimal","seps","localizeDecimal","ungroup","out","KAESO_NUMBER_INPUT_VARIANTS","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","NumberInput","props","t","useLocale","useMemo","inner","setInner","useState","defaultValue","focused","setFocused","controlled","value","raw","set","onValueChange","clamp","min","max","stepBy","dir","step","display","integer","live","disabled","readOnly","stepper","hideStepper","MinusSignIcon","Add01Icon","className","unit","onFocus","onBlur","onKeyDown","KAESO_TEXTAREA_VARIANTS","KAESO_TEXTAREA_DEFAULT_VARIANTS","LINE","PAD","Textarea","rest","field","fc","useRef","grow","useCallback","el","resize","maxRows","control","ref","onChange","mono","label","description","error","id","invalid"],"sources":["../../src/components/input/decimal.ts","../../src/components/input/number-input.tsx","../../src/components/input/textarea.tsx"],"sourcesContent":["function split(v: string): { neg: boolean; int: string; frac: string } {\n  const m = /^(-)?(\\d*)(?:\\.(\\d*))?$/.exec(v.trim());\n  if (!m) return { neg: false, int: \"0\", frac: \"\" };\n  return { neg: m[1] === \"-\", int: (m[2] || \"0\").replace(/^0+(?=\\d)/, \"\"), frac: m[3] ?? \"\" };\n}\n\nexport function isDecimal(v: string): boolean {\n  return /^-?\\d*(?:\\.\\d*)?$/.test(v.trim());\n}\n\nexport function addDecimal(a: string, b: string): string {\n  const x = split(a || \"0\");\n  const y = split(b || \"0\");\n  const scale = Math.max(x.frac.length, y.frac.length);\n  const toBig = (p: { neg: boolean; int: string; frac: string }) => BigInt((p.neg ? \"-\" : \"\") + p.int + p.frac.padEnd(scale, \"0\"));\n  const sum = toBig(x) + toBig(y);\n  const neg = sum < 0n;\n  const digits = (neg ? -sum : sum).toString().padStart(scale + 1, \"0\");\n  const int = digits.slice(0, digits.length - scale) || \"0\";\n  const frac = scale ? digits.slice(-scale) : \"\";\n  return `${neg ? \"-\" : \"\"}${int}${frac ? `.${frac}` : \"\"}`;\n}\n\nexport function compareDecimal(a: string, b: string): number {\n  const d = addDecimal(a, b.startsWith(\"-\") ? b.slice(1) : `-${b}`);\n  if (d.startsWith(\"-\") && /[1-9]/.test(d)) return -1;\n  return /[1-9]/.test(d) ? 1 : 0;\n}\n\nexport interface DecimalSeparators {\n  group: string;\n  decimal: string;\n}\n\nconst ENGLISH: DecimalSeparators = { group: \",\", decimal: \".\" };\n\nexport function decimalSeparators(locale: string): DecimalSeparators {\n  if (locale === \"en\") return ENGLISH;\n  const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n  return { group: parts.find((p) => p.type === \"group\")?.value ?? \",\", decimal: parts.find((p) => p.type === \"decimal\")?.value ?? \".\" };\n}\n\nexport function groupDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n  const p = split(v);\n  if (!isDecimal(v) || v.trim() === \"\") return v;\n  return `${p.neg ? \"-\" : \"\"}${p.int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, seps.group)}${v.includes(\".\") ? `${seps.decimal}${p.frac}` : \"\"}`;\n}\n\nexport function localizeDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n  return seps.decimal === \".\" ? v : v.replace(\".\", seps.decimal);\n}\n\nexport function ungroup(v: string, seps: DecimalSeparators = ENGLISH): string {\n  const out = seps.group === \".\" ? v : v.split(seps.group).join(\"\");\n  return seps.decimal === \".\" ? out : out.split(seps.decimal).join(\".\");\n}\n","import { forwardRef, useMemo, useState, type ChangeEvent, type FocusEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { MinusSignIcon as __icon_MinusSignIcon, Add01Icon as __icon_Add01Icon } from \"@hugeicons/core-free-icons\";\nimport { addDecimal, compareDecimal, decimalSeparators, groupDecimal, isDecimal, localizeDecimal, ungroup } from \"./decimal.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_NUMBER_INPUT_VARIANTS = {\n  align: {\n    end: { classes: \"text-right\" },\n    start: { classes: \"text-left\" },\n  },\n} as const;\nexport const KAESO_NUMBER_INPUT_DEFAULT_VARIANTS = { align: \"end\" } as const;\n\nexport interface NumberInputProps extends Omit<InputProps, \"type\" | \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\" | \"step\"> {\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  unit?: string | undefined;\n  step?: string | undefined;\n  min?: string | undefined;\n  max?: string | undefined;\n  hideStepper?: boolean | undefined;\n  integer?: boolean | undefined;\n  align?: keyof typeof KAESO_NUMBER_INPUT_VARIANTS.align | undefined;\n}\n\nexport const NumberInput = /* @__PURE__ */ forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  {\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    unit,\n    step = \"1\",\n    min,\n    max,\n    hideStepper,\n    integer,\n    align = \"end\",\n    onBlur,\n    onFocus,\n    onKeyDown,\n    className,\n    disabled,\n    readOnly,\n    ...props\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const seps = useMemo(() => decimalSeparators(locale), [locale]);\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const controlled = value !== undefined;\n  const raw = controlled ? value : inner;\n  const set = (v: string) => {\n    if (!controlled) setInner(v);\n    onValueChange?.(v);\n  };\n  const clamp = (v: string) => {\n    if (v === \"\" || v === \"-\") return v;\n    if (min !== undefined && compareDecimal(v, min) < 0) return min;\n    if (max !== undefined && compareDecimal(v, max) > 0) return max;\n    return v;\n  };\n  const stepBy = (dir: 1 | -1) => set(clamp(addDecimal(raw || \"0\", dir === 1 ? step : `-${step}`)));\n  const display = integer ? raw : focused ? localizeDecimal(raw, seps) : groupDecimal(raw, seps);\n  const live = !disabled && !readOnly;\n  const stepper = !hideStepper && (\n    <span\n      className={cn(\n        \"flex shrink-0 items-center opacity-0 transition-control\",\n        live ? \"group-hover/num:opacity-100 coarse:opacity-100 group-focus-within/num:opacity-100\" : \"invisible\",\n      )}\n      {...(live ? {} : { \"aria-hidden\": true })}\n    >\n      <InputGroup.Button icon={__icon_MinusSignIcon} aria-label={t(\"numberInput.decrease\", \"Decrease\")} onClick={() => stepBy(-1)} disabled={!live} />\n      <InputGroup.Button icon={__icon_Add01Icon} aria-label={t(\"numberInput.increase\", \"Increase\")} onClick={() => stepBy(1)} disabled={!live} />\n    </span>\n  );\n  return (\n    <Input\n      ref={ref}\n      type=\"text\"\n      inputMode={integer ? \"numeric\" : \"decimal\"}\n      autoComplete=\"off\"\n      spellCheck={false}\n      value={display}\n      disabled={disabled}\n      readOnly={readOnly}\n      className={cn(\"group/num\", className)}\n      suffix={unit}\n      trailing={stepper || undefined}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => {\n        if (integer) {\n          if (/^-?\\d*$/.test(e.target.value)) set(e.target.value);\n          return;\n        }\n        const v = ungroup(e.target.value, seps);\n        if (isDecimal(v)) set(v);\n      }}\n      onFocus={(e: FocusEvent<HTMLInputElement>) => {\n        setFocused(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e: FocusEvent<HTMLInputElement>) => {\n        setFocused(false);\n        if (raw !== clamp(raw)) set(clamp(raw));\n        onBlur?.(e);\n      }}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          stepBy(1);\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          stepBy(-1);\n        }\n        onKeyDown?.(e);\n      }}\n      align={align}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") NumberInput.displayName = \"NumberInput\";\n","import { forwardRef, useCallback, useLayoutEffect, useRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\n\nexport const KAESO_TEXTAREA_VARIANTS = {\n  resize: {\n    auto: { classes: \"resize-none\" },\n    vertical: { classes: \"resize-y\" },\n  },\n} as const;\nexport const KAESO_TEXTAREA_DEFAULT_VARIANTS = { resize: \"auto\" } as const;\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldWrapProps {\n  resize?: keyof typeof KAESO_TEXTAREA_VARIANTS.resize | undefined;\n  maxRows?: number | undefined;\n  invalid?: boolean | undefined;\n  mono?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst LINE = 20;\nconst PAD = 20;\n\nexport const Textarea = /* @__PURE__ */ forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(props, ref) {\n  const {\n    resize = \"auto\",\n    maxRows = 8,\n    rows = 3,\n    invalid,\n    mono,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    id,\n    disabled,\n    onChange,\n    ...rest\n  } = props;\n  warnStylingClassName(\"Textarea\", className);\n  const field = useField();\n  const fc = useFieldControl(props);\n  const inner = useRef<HTMLTextAreaElement | null>(null);\n  const grow = useCallback(() => {\n    const el = inner.current;\n    if (!el || resize !== \"auto\") return;\n    el.style.height = \"auto\";\n    el.style.height = `${Math.min(el.scrollHeight, maxRows * LINE + PAD)}px`;\n  }, [maxRows, resize]);\n  useLayoutEffect(grow, [grow, rest.value]);\n  const control = (\n    <textarea\n      ref={(el) => {\n        inner.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      rows={rows}\n      disabled={disabled}\n      required={required}\n      onChange={(e) => {\n        grow();\n        onChange?.(e);\n      }}\n      className={cn(\n        \"block w-full min-w-0 rounded-textarea px-16 py-10 text-body text-fg material-field transition-control outline-none placeholder:text-fg-tertiary scrollbar-quiet\",\n        \"disabled:cursor-not-allowed\",\n        mono && \"mono text-small\",\n        KAESO_TEXTAREA_VARIANTS.resize[resize].classes,\n        !(label || description || error) && className,\n      )}\n      {...(id ? { id } : {})}\n      {...fc.controlProps}\n      {...(invalid || error ? { \"aria-invalid\": true } : {})}\n      {...rest}\n    />\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") Textarea.displayName = \"Textarea\";\n"],"mappings":"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"}

package/dist/chunks/{timeseries-CbnSFD5q.js → timeseries-B-8OfeZm.js}

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t, r as n } from "./context-BELWW79w.js";
 import { dateFormatter as r, formatNumber as i, formatPercent as ee, formatTimeZone as te } from "../format.js";
-import { A as a, D as o, E as s, S as ne, _ as c, b as re, g as ie, i as ae, k as oe, n as se, p as ce, r as le, s as ue, t as l, v as de } from "./core-FtMDNELx.js";
+import { A as a, D as o, E as s, S as ne, _ as c, b as re, g as ie, i as ae, k as oe, n as se, p as ce, r as le, s as ue, t as l, v as de } from "./core-Bl9NrBLS.js";
 import { t as fe } from "./linear-scale-BWKeRqDX.js";
 import { forwardRef as u, useId as pe, useMemo as me, useState as he } from "react";
 import { Fragment as ge, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -336,4 +336,4 @@ process.env.NODE_ENV !== "production" && (S.displayName = "TimeseriesChart");
 //#endregion
 export { Te as n, S as r, Ee as t };
 
-//# sourceMappingURL=timeseries-CbnSFD5q.js.map
+//# sourceMappingURL=timeseries-B-8OfeZm.js.map