@logicplanes/kaeso-ui 0.4.2 → 0.4.4

package/dist/chunks/{button-Dzu7_csE.js.map → button-CzuxqawA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-Dzu7_csE.js","names":["_Fragment","cn","warnStylingClassName","warnMissingName","isExternalHref","useLinkComponent","Icon","KbdSequence","Tooltip","useDelayedLoading","Spinner","SwapText","Fragment$1","KAESO_BUTTON_VARIANTS","KAESO_BUTTON_DEFAULT_VARIANTS","LEADING_ICON_PADDING","TRAILING_ICON_PADDING","CIRCLE","BUTTON_ICON_SIZE","buttonClasses","size","shape","leading","variant","trailing","fullWidth","Button","rest","props","LinkComp","className","spinning","loading","busy","isCircle","iconSize","spinnerSize","leadingIcon","trailingIcon","shortcut","count","reserveLabels","domProps","k","softDisabled","disabledReason","disabled","inert","classes","content","handleClick","onClick","el","href","external","target","rel","type"],"sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactElement, type ReactNode, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLinkComponent, isExternalHref } from \"../../utils/link-provider.js\";\nimport { warnMissingName, warnStylingClassName } from \"../../utils/dev.js\";\nimport { Icon, type IconData, type IconSize } from \"../icon/icon.js\";\nimport { Spinner, useDelayedLoading } from \"../loader/loader.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { SwapText } from \"../swap-text/swap-text.js\";\n\nexport const KAESO_BUTTON_VARIANTS = {\n  variant: {\n    primary: { classes: \"material-primary\" },\n    secondary: { classes: \"material-secondary\" },\n    ghost: { classes: \"material-ghost\" },\n    quiet: {\n      classes: \"material-ghost text-fg-secondary hover:text-fg\",\n    },\n    soft: { classes: \"material-soft\" },\n    danger: { classes: \"material-danger\" },\n    \"danger-secondary\": { classes: \"material-danger-secondary\" },\n    link: {\n      classes: \"bg-transparent text-fg underline decoration-line-strong decoration-1 underline-offset-3 hover:decoration-current disabled:text-fg-disabled\",\n    },\n  },\n  size: {\n    xs: { classes: \"h-24 px-10 gap-4 text-caption font-medium ghost-end:-mr-10 ghost-start:-ml-10\" },\n    sm: { classes: \"h-32 px-12 gap-6 text-body font-medium ghost-end:-mr-12 ghost-start:-ml-12\" },\n    md: { classes: \"h-36 px-16 gap-6 text-body font-medium ghost-end:-mr-16 ghost-start:-ml-16\" },\n    lg: { classes: \"h-40 px-18 gap-8 text-body font-medium ghost-end:-mr-18 ghost-start:-ml-18\" },\n    xl: {\n      classes: \"h-48 px-22 gap-8 text-body-lg font-medium ghost-end:-mr-22 ghost-start:-ml-22\",\n    },\n  },\n  shape: {\n    pill: { classes: \"rounded-pill\" },\n    circle: { classes: \"rounded-pill p-0 justify-center ghost-end:mr-0 ghost-start:ml-0\" },\n  },\n} as const;\nexport const KAESO_BUTTON_DEFAULT_VARIANTS = { variant: \"secondary\", size: \"md\", shape: \"pill\" } as const;\n\nexport type ButtonVariant = keyof typeof KAESO_BUTTON_VARIANTS.variant;\nexport type ButtonSize = keyof typeof KAESO_BUTTON_VARIANTS.size;\nexport type ButtonShape = keyof typeof KAESO_BUTTON_VARIANTS.shape;\n\nconst LEADING_ICON_PADDING: Record<ButtonSize, string> = { xs: \"pl-8\", sm: \"pl-10\", md: \"pl-14\", lg: \"pl-16\", xl: \"pl-20\" };\nconst TRAILING_ICON_PADDING: Record<ButtonSize, string> = { xs: \"pr-8\", sm: \"pr-10\", md: \"pr-14\", lg: \"pr-16\", xl: \"pr-20\" };\nconst CIRCLE: Record<ButtonSize, string> = { xs: \"size-24\", sm: \"size-32\", md: \"size-36\", lg: \"size-40\", xl: \"size-48\" };\nexport const BUTTON_ICON_SIZE: Record<ButtonSize, IconSize> = { xs: \"xs\", sm: \"sm\", md: \"sm\", lg: \"md\", xl: \"lg\" };\n\nexport function buttonClasses({\n  variant = KAESO_BUTTON_DEFAULT_VARIANTS.variant,\n  size = KAESO_BUTTON_DEFAULT_VARIANTS.size,\n  shape = KAESO_BUTTON_DEFAULT_VARIANTS.shape,\n  leading = false,\n  trailing = false,\n  fullWidth = false,\n}: {\n  variant?: ButtonVariant | undefined;\n  size?: ButtonSize | undefined;\n  shape?: ButtonShape | undefined;\n  leading?: boolean | undefined;\n  trailing?: boolean | undefined;\n  fullWidth?: boolean | undefined;\n} = {}) {\n  return cn(\n    \"relative inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap no-underline\",\n    \"cursor-pointer transition-control focus-ring tap-target disabled:cursor-not-allowed\",\n    KAESO_BUTTON_VARIANTS.size[size].classes,\n    KAESO_BUTTON_VARIANTS.shape[shape].classes,\n    shape === \"circle\" && CIRCLE[size],\n    shape === \"pill\" && leading && variant !== \"link\" && LEADING_ICON_PADDING[size],\n    shape === \"pill\" && trailing && variant !== \"link\" && TRAILING_ICON_PADDING[size],\n    variant === \"link\" && \"-mx-4 px-4\",\n    KAESO_BUTTON_VARIANTS.variant[variant].classes,\n    fullWidth && \"w-full\",\n  );\n}\n\ninterface CommonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  variant?: ButtonVariant | undefined;\n  size?: ButtonSize | undefined;\n  loading?: boolean | undefined;\n  disabledReason?: string | undefined;\n  href?: string | undefined;\n  target?: string | undefined;\n  rel?: string | undefined;\n  fullWidth?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport interface PillButtonProps extends CommonProps {\n  shape?: \"pill\" | undefined;\n  children: ReactNode;\n  leadingIcon?: IconData | undefined;\n  trailingIcon?: IconData | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  count?: number | undefined;\n  reserveLabels?: ReactNode[] | undefined;\n}\n\nexport interface CircleButtonProps extends CommonProps {\n  shape: \"circle\";\n  icon: IconData;\n  \"aria-label\": string;\n  children?: never | undefined;\n}\n\nexport type ButtonProps = PillButtonProps | CircleButtonProps;\n\nexport const Button = /* @__PURE__ */ forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(function Button(props, ref) {\n  const {\n    variant = KAESO_BUTTON_DEFAULT_VARIANTS.variant,\n    size = KAESO_BUTTON_DEFAULT_VARIANTS.size,\n    loading = false,\n    disabled = false,\n    disabledReason,\n    href,\n    target,\n    rel,\n    fullWidth,\n    className,\n    type,\n    onClick,\n    ...rest\n  } = props;\n  const LinkComp = useLinkComponent();\n  warnStylingClassName(\"Button\", className);\n\n  const spinning = useDelayedLoading(loading);\n  const busy = loading || spinning;\n  const isCircle = props.shape === \"circle\";\n  const iconSize = BUTTON_ICON_SIZE[size];\n  const spinnerSize = iconSize === \"xs\" ? \"xs\" : iconSize === \"sm\" ? \"sm\" : \"md\";\n  const leadingIcon = !isCircle ? (props as PillButtonProps).leadingIcon : undefined;\n  const trailingIcon = !isCircle ? (props as PillButtonProps).trailingIcon : undefined;\n  const shortcut = !isCircle ? (props as PillButtonProps).shortcut : undefined;\n  const count = !isCircle ? (props as PillButtonProps).count : undefined;\n  const reserveLabels = !isCircle ? (props as PillButtonProps).reserveLabels : undefined;\n  if (isCircle) warnMissingName(\"Button\", !!(props as CircleButtonProps)[\"aria-label\"]);\n\n  const domProps = { ...rest } as Record<string, unknown>;\n  for (const k of [\"shape\", \"icon\", \"leadingIcon\", \"trailingIcon\", \"shortcut\", \"count\", \"children\", \"reserveLabels\"]) delete domProps[k];\n\n  const softDisabled = !!disabledReason && disabled;\n  const inert = busy || softDisabled;\n  const classes = cn(\n    buttonClasses({\n      variant,\n      size,\n      shape: isCircle ? \"circle\" : \"pill\",\n      leading: !!leadingIcon,\n      trailing: !!trailingIcon || !!shortcut || count !== undefined,\n      fullWidth: !!fullWidth,\n    }),\n    busy && \"cursor-progress\",\n    className,\n  );\n\n  const content = isCircle ? (\n    spinning ? (\n      <Spinner size={spinnerSize} />\n    ) : (\n      <Icon icon={(props as CircleButtonProps).icon} size={iconSize} />\n    )\n  ) : (\n    <>\n      {spinning && leadingIcon ? <Spinner size={spinnerSize} /> : leadingIcon ? <Icon icon={leadingIcon} size={iconSize} /> : null}\n      <span className={cn(\"inline-flex min-w-0 items-center\", spinning && !leadingIcon && \"opacity-0\")}>\n        {reserveLabels ? <SwapText reserve={reserveLabels}>{(props as PillButtonProps).children}</SwapText> : (props as PillButtonProps).children}\n      </span>\n      {count !== undefined && (\n        <span\n          className={cn(\n            \"inline-flex h-20 min-w-20 items-center justify-center rounded-pill px-6 text-caption font-medium tabular\",\n            variant === \"primary\" ? \"bg-on-ink/15 text-on-ink\" : variant === \"danger\" ? \"bg-on-danger/20 text-on-danger\" : \"bg-fill-2 text-fg-secondary\",\n          )}\n        >\n          {count}\n        </span>\n      )}\n      {shortcut && <KbdSequence keys={shortcut} tone={variant === \"primary\" || variant === \"danger\" ? \"onInk\" : \"default\"} />}\n      {trailingIcon && <Icon icon={trailingIcon} size={iconSize} />}\n      {spinning && !leadingIcon && <Spinner size={spinnerSize} className=\"absolute inset-0 m-auto\" />}\n    </>\n  );\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => {\n    if (inert) {\n      e.preventDefault();\n      return;\n    }\n    onClick?.(e as MouseEvent<HTMLButtonElement>);\n  };\n\n  let el: ReactNode;\n  if (href && !disabled) {\n    const external = isExternalHref(href);\n    el = (\n      <LinkComp\n        ref={ref as Ref<HTMLAnchorElement>}\n        href={href}\n        className={classes}\n        {...(target ? { target } : external ? { target: \"_blank\" } : {})}\n        {...(rel ? { rel } : external ? { rel: \"noopener noreferrer\" } : {})}\n        {...(domProps as object)}\n        {...(busy ? { \"aria-busy\": true, \"data-loading\": \"\" } : {})}\n        onClick={handleClick}\n      >\n        {content}\n      </LinkComp>\n    );\n  } else {\n    el = (\n      <button\n        ref={ref as Ref<HTMLButtonElement>}\n        type={type ?? \"button\"}\n        className={classes}\n        disabled={disabled && !softDisabled}\n        {...(domProps as object)}\n        {...(softDisabled ? { \"aria-disabled\": true } : {})}\n        {...(busy ? { \"aria-busy\": true, \"data-loading\": \"\" } : {})}\n        {...(softDisabled ? { \"data-disabled\": \"\" } : {})}\n        onClick={handleClick}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  if (disabledReason && disabled) {\n    return <Tooltip content={disabledReason}>{el as ReactElement}</Tooltip>;\n  }\n  return el;\n});\nif (process.env.NODE_ENV !== \"production\") Button.displayName = \"Button\";\n"],"mappings":"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"}
+{"version":3,"file":"button-CzuxqawA.js","names":["_Fragment","cn","warnStylingClassName","warnMissingName","isExternalHref","useLinkComponent","Icon","KbdSequence","Tooltip","useDelayedLoading","Spinner","SwapText","Fragment$1","KAESO_BUTTON_VARIANTS","KAESO_BUTTON_DEFAULT_VARIANTS","LEADING_ICON_PADDING","TRAILING_ICON_PADDING","CIRCLE","BUTTON_ICON_SIZE","buttonClasses","size","shape","leading","variant","trailing","fullWidth","Button","rest","props","LinkComp","className","spinning","loading","busy","isCircle","iconSize","spinnerSize","leadingIcon","trailingIcon","shortcut","count","reserveLabels","domProps","k","softDisabled","disabledReason","disabled","inert","classes","content","handleClick","onClick","el","href","external","target","rel","type"],"sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactElement, type ReactNode, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLinkComponent, isExternalHref } from \"../../utils/link-provider.js\";\nimport { warnMissingName, warnStylingClassName } from \"../../utils/dev.js\";\nimport { Icon, type IconData, type IconSize } from \"../icon/icon.js\";\nimport { Spinner, useDelayedLoading } from \"../loader/loader.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { SwapText } from \"../swap-text/swap-text.js\";\n\nexport const KAESO_BUTTON_VARIANTS = {\n  variant: {\n    primary: { classes: \"material-primary\" },\n    secondary: { classes: \"material-secondary\" },\n    ghost: { classes: \"material-ghost\" },\n    quiet: {\n      classes: \"material-ghost text-fg-secondary hover:text-fg\",\n    },\n    soft: { classes: \"material-soft\" },\n    danger: { classes: \"material-danger\" },\n    \"danger-secondary\": { classes: \"material-danger-secondary\" },\n    link: {\n      classes: \"bg-transparent text-fg underline decoration-line-strong decoration-1 underline-offset-3 hover:decoration-current disabled:text-fg-disabled\",\n    },\n  },\n  size: {\n    xs: { classes: \"h-24 px-10 gap-4 text-caption font-medium ghost-end:-mr-10 ghost-start:-ml-10\" },\n    sm: { classes: \"h-32 px-12 gap-6 text-body font-medium ghost-end:-mr-12 ghost-start:-ml-12\" },\n    md: { classes: \"h-36 px-16 gap-6 text-body font-medium ghost-end:-mr-16 ghost-start:-ml-16\" },\n    lg: { classes: \"h-40 px-18 gap-8 text-body font-medium ghost-end:-mr-18 ghost-start:-ml-18\" },\n    xl: {\n      classes: \"h-48 px-22 gap-8 text-body-lg font-medium ghost-end:-mr-22 ghost-start:-ml-22\",\n    },\n  },\n  shape: {\n    pill: { classes: \"rounded-pill\" },\n    circle: { classes: \"rounded-pill p-0 justify-center ghost-end:mr-0 ghost-start:ml-0\" },\n  },\n} as const;\nexport const KAESO_BUTTON_DEFAULT_VARIANTS = { variant: \"secondary\", size: \"md\", shape: \"pill\" } as const;\n\nexport type ButtonVariant = keyof typeof KAESO_BUTTON_VARIANTS.variant;\nexport type ButtonSize = keyof typeof KAESO_BUTTON_VARIANTS.size;\nexport type ButtonShape = keyof typeof KAESO_BUTTON_VARIANTS.shape;\n\nconst LEADING_ICON_PADDING: Record<ButtonSize, string> = { xs: \"pl-8\", sm: \"pl-10\", md: \"pl-14\", lg: \"pl-16\", xl: \"pl-20\" };\nconst TRAILING_ICON_PADDING: Record<ButtonSize, string> = { xs: \"pr-8\", sm: \"pr-10\", md: \"pr-14\", lg: \"pr-16\", xl: \"pr-20\" };\nconst CIRCLE: Record<ButtonSize, string> = { xs: \"size-24\", sm: \"size-32\", md: \"size-36\", lg: \"size-40\", xl: \"size-48\" };\nexport const BUTTON_ICON_SIZE: Record<ButtonSize, IconSize> = { xs: \"xs\", sm: \"sm\", md: \"sm\", lg: \"md\", xl: \"lg\" };\n\nexport function buttonClasses({\n  variant = KAESO_BUTTON_DEFAULT_VARIANTS.variant,\n  size = KAESO_BUTTON_DEFAULT_VARIANTS.size,\n  shape = KAESO_BUTTON_DEFAULT_VARIANTS.shape,\n  leading = false,\n  trailing = false,\n  fullWidth = false,\n}: {\n  variant?: ButtonVariant | undefined;\n  size?: ButtonSize | undefined;\n  shape?: ButtonShape | undefined;\n  leading?: boolean | undefined;\n  trailing?: boolean | undefined;\n  fullWidth?: boolean | undefined;\n} = {}) {\n  return cn(\n    \"relative inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap no-underline\",\n    \"cursor-pointer transition-control focus-ring tap-target disabled:cursor-not-allowed\",\n    KAESO_BUTTON_VARIANTS.size[size].classes,\n    KAESO_BUTTON_VARIANTS.shape[shape].classes,\n    shape === \"circle\" && CIRCLE[size],\n    shape === \"pill\" && leading && variant !== \"link\" && LEADING_ICON_PADDING[size],\n    shape === \"pill\" && trailing && variant !== \"link\" && TRAILING_ICON_PADDING[size],\n    variant === \"link\" && \"-mx-4 px-4\",\n    KAESO_BUTTON_VARIANTS.variant[variant].classes,\n    fullWidth && \"w-full\",\n  );\n}\n\ninterface CommonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  variant?: ButtonVariant | undefined;\n  size?: ButtonSize | undefined;\n  loading?: boolean | undefined;\n  disabledReason?: string | undefined;\n  href?: string | undefined;\n  target?: string | undefined;\n  rel?: string | undefined;\n  fullWidth?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport interface PillButtonProps extends CommonProps {\n  shape?: \"pill\" | undefined;\n  children: ReactNode;\n  leadingIcon?: IconData | undefined;\n  trailingIcon?: IconData | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  count?: number | undefined;\n  reserveLabels?: ReactNode[] | undefined;\n}\n\nexport interface CircleButtonProps extends CommonProps {\n  shape: \"circle\";\n  icon: IconData;\n  \"aria-label\": string;\n  children?: never | undefined;\n}\n\nexport type ButtonProps = PillButtonProps | CircleButtonProps;\n\nexport const Button = /* @__PURE__ */ forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(function Button(props, ref) {\n  const {\n    variant = KAESO_BUTTON_DEFAULT_VARIANTS.variant,\n    size = KAESO_BUTTON_DEFAULT_VARIANTS.size,\n    loading = false,\n    disabled = false,\n    disabledReason,\n    href,\n    target,\n    rel,\n    fullWidth,\n    className,\n    type,\n    onClick,\n    ...rest\n  } = props;\n  const LinkComp = useLinkComponent();\n  warnStylingClassName(\"Button\", className);\n\n  const spinning = useDelayedLoading(loading);\n  const busy = loading || spinning;\n  const isCircle = props.shape === \"circle\";\n  const iconSize = BUTTON_ICON_SIZE[size];\n  const spinnerSize = iconSize === \"xs\" ? \"xs\" : iconSize === \"sm\" ? \"sm\" : \"md\";\n  const leadingIcon = !isCircle ? (props as PillButtonProps).leadingIcon : undefined;\n  const trailingIcon = !isCircle ? (props as PillButtonProps).trailingIcon : undefined;\n  const shortcut = !isCircle ? (props as PillButtonProps).shortcut : undefined;\n  const count = !isCircle ? (props as PillButtonProps).count : undefined;\n  const reserveLabels = !isCircle ? (props as PillButtonProps).reserveLabels : undefined;\n  if (isCircle) warnMissingName(\"Button\", !!(props as CircleButtonProps)[\"aria-label\"]);\n\n  const domProps = { ...rest } as Record<string, unknown>;\n  for (const k of [\"shape\", \"icon\", \"leadingIcon\", \"trailingIcon\", \"shortcut\", \"count\", \"children\", \"reserveLabels\"]) delete domProps[k];\n\n  const softDisabled = !!disabledReason && disabled;\n  const inert = busy || softDisabled;\n  const classes = cn(\n    buttonClasses({\n      variant,\n      size,\n      shape: isCircle ? \"circle\" : \"pill\",\n      leading: !!leadingIcon,\n      trailing: !!trailingIcon || !!shortcut || count !== undefined,\n      fullWidth: !!fullWidth,\n    }),\n    busy && \"cursor-progress\",\n    className,\n  );\n\n  const content = isCircle ? (\n    spinning ? (\n      <Spinner size={spinnerSize} />\n    ) : (\n      <Icon icon={(props as CircleButtonProps).icon} size={iconSize} />\n    )\n  ) : (\n    <>\n      {spinning && leadingIcon ? <Spinner size={spinnerSize} /> : leadingIcon ? <Icon icon={leadingIcon} size={iconSize} /> : null}\n      <span className={cn(\"inline-flex min-w-0 items-center\", spinning && !leadingIcon && \"opacity-0\")}>\n        {reserveLabels ? <SwapText reserve={reserveLabels}>{(props as PillButtonProps).children}</SwapText> : (props as PillButtonProps).children}\n      </span>\n      {count !== undefined && (\n        <span\n          className={cn(\n            \"inline-flex h-20 min-w-20 items-center justify-center rounded-pill px-6 text-caption font-medium tabular\",\n            variant === \"primary\" ? \"bg-on-ink/15 text-on-ink\" : variant === \"danger\" ? \"bg-on-danger/20 text-on-danger\" : \"bg-fill-2 text-fg-secondary\",\n          )}\n        >\n          {count}\n        </span>\n      )}\n      {shortcut && <KbdSequence keys={shortcut} tone={variant === \"primary\" || variant === \"danger\" ? \"onInk\" : \"default\"} />}\n      {trailingIcon && <Icon icon={trailingIcon} size={iconSize} />}\n      {spinning && !leadingIcon && <Spinner size={spinnerSize} className=\"absolute inset-0 m-auto\" />}\n    </>\n  );\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => {\n    if (inert) {\n      e.preventDefault();\n      return;\n    }\n    onClick?.(e as MouseEvent<HTMLButtonElement>);\n  };\n\n  let el: ReactNode;\n  if (href && !disabled) {\n    const external = isExternalHref(href);\n    el = (\n      <LinkComp\n        ref={ref as Ref<HTMLAnchorElement>}\n        href={href}\n        className={classes}\n        {...(target ? { target } : external ? { target: \"_blank\" } : {})}\n        {...(rel ? { rel } : external ? { rel: \"noopener noreferrer\" } : {})}\n        {...(domProps as object)}\n        {...(busy ? { \"aria-busy\": true, \"data-loading\": \"\" } : {})}\n        onClick={handleClick}\n      >\n        {content}\n      </LinkComp>\n    );\n  } else {\n    el = (\n      <button\n        ref={ref as Ref<HTMLButtonElement>}\n        type={type ?? \"button\"}\n        className={classes}\n        disabled={disabled && !softDisabled}\n        {...(domProps as object)}\n        {...(softDisabled ? { \"aria-disabled\": true } : {})}\n        {...(busy ? { \"aria-busy\": true, \"data-loading\": \"\" } : {})}\n        {...(softDisabled ? { \"data-disabled\": \"\" } : {})}\n        onClick={handleClick}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  if (disabledReason && disabled) {\n    return <Tooltip content={disabledReason}>{el as ReactElement}</Tooltip>;\n  }\n  return el;\n});\nif (process.env.NODE_ENV !== \"production\") Button.displayName = \"Button\";\n"],"mappings":"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"}

package/dist/chunks/{calendar--YemJsv4.js → calendar-BWaf2MXc.js}

@@ -1,15 +1,15 @@
 "use client";
 import { i as e, r as t } from "./context-BELWW79w.js";
 import { t as n } from "./icon-D7ja-_Yk.js";
-import { useMemo as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { ArrowDown01Icon as a, ArrowLeft01Icon as o, ArrowRight01Icon as s } from "@hugeicons/core-free-icons";
-import { DayPicker as c } from "react-day-picker";
+import { createContext as r, forwardRef as i, use as a, useCallback as o, useMemo as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { ArrowDown01Icon as l, ArrowLeft01Icon as u, ArrowRight01Icon as d } from "@hugeicons/core-free-icons";
+import { DayPicker as f } from "react-day-picker";
 //#region src/components/calendar/calendar.tsx
-var l = { mode: {
+var p = { mode: {
 	single: { classes: "" },
 	range: { classes: "" }
-} }, u = { mode: "single" }, d = {
+} }, m = { mode: "single" }, h = {
 	root: "k-cal relative select-none",
 	months: "flex gap-24",
 	month: "flex flex-col gap-8",
@@ -37,13 +37,23 @@ var l = { mode: {
 	chevron: "",
 	footer: ""
 };
-function f({ orientation: e }) {
-	return /* @__PURE__ */ i(n, {
-		icon: e === "left" ? o : e === "right" ? s : a,
+function g({ orientation: e }) {
+	return /* @__PURE__ */ c(n, {
+		icon: e === "left" ? u : e === "right" ? d : l,
 		size: "sm"
 	});
 }
-function p(e, t) {
+var _ = /* @__PURE__ */ r(null);
+function v({ rootRef: e, ...t }) {
+	let n = a(_), r = o((t) => {
+		for (let r of [e, n]) typeof r == "function" ? r(t) : r && (r.current = t);
+	}, [e, n]);
+	return /* @__PURE__ */ c("div", {
+		...t,
+		ref: r
+	});
+}
+function y(e, t) {
 	let n = new Intl.DateTimeFormat(e, {
 		month: "long",
 		year: "numeric"
@@ -67,41 +77,47 @@ function p(e, t) {
 		}
 	};
 }
-function m({ mode: n = "single", selected: a, onSelect: o, month: s, defaultMonth: l, onMonthChange: u, numberOfMonths: m = 1, weekStartsOn: h = 1, disabled: g, className: _ }) {
-	let v = t(), y = e(), b = {
-		...r(() => {
-			let e = p(v, y);
-			return v === "en" ? { labels: e.labels } : e;
-		}, [v, y]),
-		classNames: m > 1 ? {
-			...d,
+var b = /* @__PURE__ */ i(function({ mode: n = "single", selected: r, onSelect: i, month: a, defaultMonth: o, onMonthChange: l, numberOfMonths: u = 1, weekStartsOn: d = 1, disabled: p, className: m }, b) {
+	let x = t(), S = e(), C = {
+		...s(() => {
+			let e = y(x, S);
+			return x === "en" ? { labels: e.labels } : e;
+		}, [x, S]),
+		classNames: u > 1 ? {
+			...h,
 			outside: "k-outside invisible"
-		} : d,
-		components: { Chevron: f },
-		weekStartsOn: h,
-		numberOfMonths: m,
+		} : h,
+		components: {
+			Chevron: g,
+			Root: v
+		},
+		weekStartsOn: d,
+		numberOfMonths: u,
 		showOutsideDays: !0,
 		fixedWeeks: !0,
-		...s ? { month: s } : {},
-		...l ? { defaultMonth: l } : {},
-		...u ? { onMonthChange: u } : {},
-		...g ? { disabled: g } : {},
-		..._ ? { className: _ } : {}
+		...a ? { month: a } : {},
+		...o ? { defaultMonth: o } : {},
+		...l ? { onMonthChange: l } : {},
+		...p ? { disabled: p } : {},
+		...m ? { className: m } : {}
 	};
-	return n === "range" ? /* @__PURE__ */ i(c, {
-		mode: "range",
-		selected: a,
-		onSelect: (e) => o?.(e),
-		...b
-	}) : /* @__PURE__ */ i(c, {
-		mode: "single",
-		selected: a,
-		onSelect: (e) => o?.(e),
-		...b
+	return /* @__PURE__ */ c(_, {
+		value: b,
+		children: n === "range" ? /* @__PURE__ */ c(f, {
+			mode: "range",
+			selected: r,
+			onSelect: (e) => i?.(e),
+			...C
+		}) : /* @__PURE__ */ c(f, {
+			mode: "single",
+			selected: r,
+			onSelect: (e) => i?.(e),
+			...C
+		})
 	});
-}
-process.env.NODE_ENV !== "production" && (m.displayName = "Calendar");
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "Calendar");
 //#endregion
-export { u as n, l as r, m as t };
+export { m as n, p as r, b as t };
 
-//# sourceMappingURL=calendar--YemJsv4.js.map
+//# sourceMappingURL=calendar-BWaf2MXc.js.map

package/dist/chunks/calendar-BWaf2MXc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-BWaf2MXc.js","names":["__icon_ArrowLeft01Icon","__icon_ArrowRight01Icon","__icon_ArrowDown01Icon","useUiText","useLocale","Icon","KAESO_CALENDAR_VARIANTS","KAESO_CALENDAR_DEFAULT_VARIANTS","CAL_CLASSES","Chevron","orientation","ArrowLeft01Icon","ArrowRight01Icon","ArrowDown01Icon","RootRef","Root","props","ref","use","setRefs","useCallback","rootRef","el","localized","monthYear","locale","weekdayShort","weekdayLong","full","month","weekday","label","date","modifiers","Calendar","t","common","useMemo","own","numberOfMonths","defaultMonth","onMonthChange","disabled","className","mode","DayPicker","onSelect","r","d"],"sources":["../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createContext, forwardRef, use, useCallback, useMemo, type Ref } from \"react\";\nimport { DayPicker, type DateRange, type Formatters, type Labels, type RootProps } from \"react-day-picker\";\nimport { Icon } from \"../icon/icon.js\";\nimport { ArrowLeft01Icon as __icon_ArrowLeft01Icon, ArrowRight01Icon as __icon_ArrowRight01Icon, ArrowDown01Icon as __icon_ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { useLocale, useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_CALENDAR_VARIANTS = {\n  mode: {\n    single: { classes: \"\" },\n    range: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_CALENDAR_DEFAULT_VARIANTS = { mode: \"single\" } as const;\n\nconst CAL_CLASSES = {\n  root: \"k-cal relative select-none\",\n  months: \"flex gap-24\",\n  month: \"flex flex-col gap-8\",\n  month_caption: \"flex h-32 items-center px-8 text-body font-semibold text-fg\",\n  caption_label: \"\",\n  nav: \"absolute top-0 right-0 flex items-center gap-2\",\n  button_previous:\n    \"inline-flex size-32 items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-1 hover:text-fg focus-ring disabled:opacity-40\",\n  button_next:\n    \"inline-flex size-32 items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-1 hover:text-fg focus-ring disabled:opacity-40\",\n  month_grid: \"border-collapse\",\n  weekdays: \"\",\n  weekday: \"h-32 w-36 text-caption font-medium text-fg-tertiary\",\n  weeks: \"\",\n  week: \"\",\n  day: \"k-day\",\n  day_button: \"\",\n  selected: \"k-selected\",\n  today: \"k-today\",\n  outside: \"k-outside\",\n  disabled: \"k-disabled\",\n  range_start: \"k-range-start\",\n  range_middle: \"k-range-middle\",\n  range_end: \"k-range-end\",\n  hidden: \"invisible\",\n  focused: \"\",\n  chevron: \"\",\n  footer: \"\",\n};\n\nfunction Chevron({ orientation }: { orientation?: \"left\" | \"right\" | \"up\" | \"down\" | undefined }) {\n  return <Icon icon={orientation === \"left\" ? __icon_ArrowLeft01Icon : orientation === \"right\" ? __icon_ArrowRight01Icon : __icon_ArrowDown01Icon} size=\"sm\" />;\n}\n\nconst RootRef = /* @__PURE__ */ createContext<Ref<HTMLDivElement> | null>(null);\n\nfunction Root({ rootRef, ...props }: RootProps) {\n  const ref = use(RootRef);\n  const setRefs = useCallback(\n    (el: HTMLDivElement | null) => {\n      for (const r of [rootRef, ref]) {\n        if (typeof r === \"function\") r(el);\n        else if (r) r.current = el;\n      }\n    },\n    [rootRef, ref],\n  );\n  return <div {...props} ref={setRefs} />;\n}\n\nfunction localized(locale: string, t: UiText): { formatters: Partial<Formatters>; labels: Partial<Labels>; lang: string } {\n  const monthYear = new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" });\n  const weekdayShort = new Intl.DateTimeFormat(locale, { weekday: \"short\" });\n  const weekdayLong = new Intl.DateTimeFormat(locale, { weekday: \"long\" });\n  const full = new Intl.DateTimeFormat(locale, { dateStyle: \"full\" });\n  return {\n    lang: locale,\n    formatters: {\n      formatCaption: (month) => monthYear.format(month),\n      formatWeekdayName: (weekday) => weekdayShort.format(weekday).replace(/\\.$/, \"\"),\n    },\n    labels: {\n      labelPrevious: () => t(\"calendar.previousMonth\", \"Go to the previous month\"),\n      labelNext: () => t(\"calendar.nextMonth\", \"Go to the next month\"),\n      labelNav: () => t(\"calendar.navigation\", \"Navigation bar\"),\n      labelGrid: (month) => monthYear.format(month),\n      labelWeekday: (weekday) => weekdayLong.format(weekday),\n      labelDayButton: (date, modifiers) => {\n        let label = full.format(date);\n        if (modifiers.today) label = t(\"calendar.today\", \"Today, {date}\", { date: label });\n        if (modifiers.selected) label = t(\"calendar.selected\", \"{date}, selected\", { date: label });\n        return label;\n      },\n    },\n  };\n}\n\nexport interface CalendarProps {\n  mode?: keyof typeof KAESO_CALENDAR_VARIANTS.mode | undefined;\n  selected?: Date | DateRange | undefined;\n  onSelect?: ((value: Date | DateRange | undefined) => void) | undefined;\n  month?: Date | undefined;\n  defaultMonth?: Date | undefined;\n  onMonthChange?: ((month: Date) => void) | undefined;\n  numberOfMonths?: number | undefined;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n  disabled?: ((date: Date) => boolean) | undefined;\n  className?: string | undefined;\n}\n\nexport const Calendar = /* @__PURE__ */ forwardRef<HTMLDivElement, CalendarProps>(function Calendar(\n  { mode = \"single\", selected, onSelect, month, defaultMonth, onMonthChange, numberOfMonths = 1, weekStartsOn = 1, disabled, className },\n  ref,\n) {\n  const locale = useLocale();\n  const t = useUiText();\n  const language = useMemo(() => {\n    const own = localized(locale, t);\n    return locale === \"en\" ? { labels: own.labels } : own;\n  }, [locale, t]);\n  const common = {\n    ...language,\n    classNames: numberOfMonths > 1 ? { ...CAL_CLASSES, outside: \"k-outside invisible\" } : CAL_CLASSES,\n    components: { Chevron, Root },\n    weekStartsOn,\n    numberOfMonths,\n    showOutsideDays: true,\n    fixedWeeks: true,\n    ...(month ? { month } : {}),\n    ...(defaultMonth ? { defaultMonth } : {}),\n    ...(onMonthChange ? { onMonthChange } : {}),\n    ...(disabled ? { disabled } : {}),\n    ...(className ? { className } : {}),\n  };\n  return (\n    <RootRef value={ref}>\n      {mode === \"range\" ? (\n        <DayPicker mode=\"range\" selected={selected as DateRange | undefined} onSelect={(r) => onSelect?.(r)} {...common} />\n      ) : (\n        <DayPicker mode=\"single\" selected={selected as Date | undefined} onSelect={(d) => onSelect?.(d)} {...common} />\n      )}\n    </RootRef>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Calendar.displayName = \"Calendar\";\n"],"mappings":"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"}

package/dist/chunks/{checkbox-CDfC6E-M.js → checkbox-CQjwCPkc.js}

@@ -8,10 +8,12 @@ import { Checkbox as s } from "@base-ui/react/checkbox";
 import { CheckboxGroup as c } from "@base-ui/react/checkbox-group";
 //#region src/components/checkbox/checkbox.tsx
 var l = /* @__PURE__ */ e({
-	Checkbox: () => h,
+	Checkbox: () => _,
 	CheckboxBox: () => f,
-	CheckboxGroup: () => g,
+	CheckboxGroup: () => v,
 	KAESO_CHECKBOX_DEFAULT_VARIANTS: () => d,
+	KAESO_CHECKBOX_GROUP_DEFAULT_VARIANTS: () => h,
+	KAESO_CHECKBOX_GROUP_VARIANTS: () => m,
 	KAESO_CHECKBOX_VARIANTS: () => u
 }), u = { size: { md: { classes: "size-18 rounded-checkbox" } } }, d = { size: "md" }, f = /* @__PURE__ */ r(function({ checked: e, defaultChecked: n, onCheckedChange: r, indeterminate: i, disabled: c, readOnly: l, required: d, invalid: f, name: p, value: m, id: h, className: g, parent: _, "aria-label": v, "aria-describedby": y, "aria-labelledby": b, "data-force": x }, S) {
 	return /* @__PURE__ */ a(s.Root, {
@@ -100,7 +102,7 @@ var p = /* @__PURE__ */ r(function({ label: e, description: r, id: s, className:
 	});
 });
 process.env.NODE_ENV !== "production" && (p.displayName = "Checkbox");
-var m = /* @__PURE__ */ r(function({ value: e, defaultValue: n, onValueChange: r, allValues: i, disabled: o, className: s, children: l, ...u }, d) {
+var m = {}, h = {}, g = /* @__PURE__ */ r(function({ value: e, defaultValue: n, onValueChange: r, allValues: i, disabled: o, className: s, children: l, ...u }, d) {
 	return /* @__PURE__ */ a(c, {
 		ref: d,
 		...e === void 0 ? {} : { value: e },
@@ -113,12 +115,12 @@ var m = /* @__PURE__ */ r(function({ value: e, defaultValue: n, onValueChange: r
 		children: l
 	});
 });
-process.env.NODE_ENV !== "production" && (m.displayName = "CheckboxGroup");
-var h = /* @__PURE__ */ Object.assign(p, {
+process.env.NODE_ENV !== "production" && (g.displayName = "CheckboxGroup");
+var _ = /* @__PURE__ */ Object.assign(p, {
 	Box: f,
-	Group: m
-}), g = m;
+	Group: g
+}), v = g;
 //#endregion
-export { u as a, d as i, f as n, l as o, g as r, h as t };
+export { h as a, l as c, d as i, f as n, m as o, v as r, u as s, _ as t };
 
-//# sourceMappingURL=checkbox-CDfC6E-M.js.map
+//# sourceMappingURL=checkbox-CQjwCPkc.js.map

package/dist/chunks/checkbox-CQjwCPkc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-CQjwCPkc.js","names":["BaseCheckbox","CheckboxGroup","BaseCheckboxGroup","Checkbox","__exportAll","labelled","checkbox_exports","Checkbox$1","CheckboxBox","CheckboxGroup$1","KAESO_CHECKBOX_DEFAULT_VARIANTS","KAESO_CHECKBOX_GROUP_DEFAULT_VARIANTS","KAESO_CHECKBOX_GROUP_VARIANTS","KAESO_CHECKBOX_VARIANTS","ariaLabel","describedBy","labelledBy","force","Checkbox","checked","defaultChecked","onCheckedChange","c","indeterminate","disabled","readOnly","required","name","value","id","parent","invalid","cn","className","Root","props","auto","useId","boxId","label","named","description","Group","CheckboxGroup","defaultValue","onValueChange","v","allValues"],"sources":["../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cn } from \"../../utils/cn.js\";\nimport { labelled } from \"../radio/labelled.js\";\n\nexport const KAESO_CHECKBOX_VARIANTS = {\n  size: {\n    md: { classes: \"size-18 rounded-checkbox\" },\n  },\n} as const;\nexport const KAESO_CHECKBOX_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface CheckboxProps {\n  checked?: boolean | undefined;\n  defaultChecked?: boolean | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  indeterminate?: boolean | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  required?: boolean | undefined;\n  invalid?: boolean | undefined;\n  name?: string | undefined;\n  value?: string | undefined;\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const CheckboxBox = /* @__PURE__ */ forwardRef<HTMLButtonElement, CheckboxProps & { parent?: boolean | undefined }>(function CheckboxBox(\n  {\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    indeterminate,\n    disabled,\n    readOnly,\n    required,\n    invalid,\n    name,\n    value,\n    id,\n    className,\n    parent,\n    \"aria-label\": ariaLabel,\n    \"aria-describedby\": describedBy,\n    \"aria-labelledby\": labelledBy,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  return (\n    <BaseCheckbox.Root\n      ref={ref}\n      {...(checked !== undefined ? { checked } : {})}\n      {...(defaultChecked !== undefined ? { defaultChecked } : {})}\n      {...(onCheckedChange ? { onCheckedChange: (c: boolean) => onCheckedChange(c) } : {})}\n      {...(indeterminate !== undefined ? { indeterminate } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(readOnly !== undefined ? { readOnly } : {})}\n      {...(required !== undefined ? { required } : {})}\n      {...(name ? { name } : {})}\n      {...(value ? { value } : {})}\n      {...(id ? { id } : {})}\n      {...(parent ? { parent } : {})}\n      {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n      {...(describedBy ? { \"aria-describedby\": describedBy } : {})}\n      {...(labelledBy ? { \"aria-labelledby\": labelledBy } : {})}\n      {...(invalid ? { \"aria-invalid\": true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"group/cb relative -m-3 inline-flex size-24 shrink-0 cursor-pointer items-center justify-center rounded-checkbox outline-none tap-target disabled:cursor-not-allowed\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex items-center justify-center bg-raised shadow-selector outline-2 outline-offset-2 outline-transparent transition-control\",\n          KAESO_CHECKBOX_VARIANTS.size.md.classes,\n          invalid ? \"group-focus-visible/cb:outline-focus\" : \"group-hover/cb:shadow-selector-hover group-focus-visible/cb:outline-focus\",\n          \"group-checked/cb:bg-ink group-checked/cb:shadow-none group-indeterminate/cb:bg-ink group-indeterminate/cb:shadow-none\",\n          \"group-invalid/cb:ring-invalid\",\n          \"group-disabled/cb:bg-fill-1 group-disabled/cb:shadow-none group-disabled/cb:group-checked/cb:bg-fill-3\",\n        )}\n      >\n        <BaseCheckbox.Indicator keepMounted className=\"flex items-center justify-center text-on-ink group-data-disabled/cb:text-fg-disabled\">\n          <svg viewBox=\"0 0 12 12\" className=\"size-12\" fill=\"none\" aria-hidden>\n            <path\n              d=\"M2.5 6.25 4.9 8.5 9.5 3.75\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.75\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              pathLength={1}\n              className=\"check-draw hidden group-data-checked/cb:block\"\n            />\n            <path d=\"M3 6h6\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" className=\"hidden group-data-indeterminate/cb:block\" />\n          </svg>\n        </BaseCheckbox.Indicator>\n      </span>\n    </BaseCheckbox.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") CheckboxBox.displayName = \"Checkbox.Box\";\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLButtonElement, CheckboxProps>(function Checkbox({ label, description, id, className, ...props }, ref) {\n  const auto = useId();\n  const boxId = id ?? `k-cb-${auto}`;\n  if (!label) return <CheckboxBox ref={ref} id={boxId} className={className} {...props} />;\n  const named = labelled(boxId, label, description, props);\n  return (\n    <label\n      htmlFor={boxId}\n      className={cn(\"group/row inline-flex min-h-32 cursor-pointer items-start gap-10 py-6 select-none\", props.disabled && \"cursor-not-allowed\", className)}\n    >\n      <span className=\"flex h-20 items-center\">\n        <CheckboxBox ref={ref} id={boxId} {...props} {...named.aria} />\n      </span>\n      <span className=\"flex flex-col\">\n        <span id={named.labelId} className={cn(\"text-body text-fg\", props.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    </label>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Checkbox\";\n\nexport const KAESO_CHECKBOX_GROUP_VARIANTS = {} as const;\nexport const KAESO_CHECKBOX_GROUP_DEFAULT_VARIANTS = {} as const;\n\nexport interface CheckboxGroupProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  allValues?: string[] | undefined;\n  disabled?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}\n\nconst Group = /* @__PURE__ */ forwardRef<HTMLDivElement, CheckboxGroupProps>(function CheckboxGroup(\n  { value, defaultValue, onValueChange, allValues, disabled, className, children, ...props },\n  ref,\n) {\n  return (\n    <BaseCheckboxGroup\n      ref={ref}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      {...(onValueChange ? { onValueChange: (v: string[]) => onValueChange(v) } : {})}\n      {...(allValues ? { allValues } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      className={cn(\"flex flex-col\", className)}\n      {...props}\n    >\n      {children}\n    </BaseCheckboxGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Group.displayName = \"CheckboxGroup\";\n\nexport const Checkbox = /* @__PURE__ */ Object.assign(Root, { Box: CheckboxBox, Group });\nexport const CheckboxGroup = Group;\n"],"mappings":"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"}

package/dist/chunks/{code-block-U5fCqwgC.js → code-block-BZIe_B9l.js}

@@ -2,7 +2,7 @@
 import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t } from "./context-BELWW79w.js";
 import { t as n } from "./observe-resize-DhxhmoyB.js";
-import { n as r } from "./copy-button-7-irieJw.js";
+import { n as r } from "./copy-button-FJvPJn72.js";
 import { forwardRef as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Tabs as d } from "@base-ui/react/tabs";
@@ -220,34 +220,38 @@ function E(e, t, r) {
 var D = { surface: {
 	well: { classes: "rounded-well bg-fill-1" },
 	plain: { classes: "bg-transparent" }
-} }, O = { surface: "well" }, k = /* @__PURE__ */ i(function({ code: n = "", lang: i = "ts", tabs: f, tab: p, onTabChange: m, title: h, lineNumbers: g, highlightLines: _ = [], collapseAfter: v = 24, surface: y = "well", copy: b = !0, wrap: x = !1, className: T }, O) {
-	let [k, A] = c(0), j = p === void 0 ? -1 : f?.findIndex((e) => e.label === p) ?? -1, M = j >= 0 ? j : k, N = (e) => {
-		A(e);
+} }, O = { surface: "well" };
+function k(e) {
+	return e.startsWith("+") && !e.startsWith("+++") ? "bg-diff-added" : e.startsWith("-") && !e.startsWith("---") ? "bg-diff-removed" : !1;
+}
+var A = /* @__PURE__ */ i(function({ code: n = "", lang: i = "ts", tabs: f, tab: p, onTabChange: m, title: h, lineNumbers: g, highlightLines: _ = [], collapseAfter: v = 24, surface: y = "well", copy: b = !0, wrap: x = !1, className: T }, O) {
+	let [A, j] = c(0), M = p === void 0 ? -1 : f?.findIndex((e) => e.label === p) ?? -1, N = M >= 0 ? M : A, P = (e) => {
+		j(e);
 		let t = f?.[e]?.label;
 		t !== void 0 && m?.(t);
-	}, P = t(), F = f?.[M] ?? {
+	}, F = t(), I = f?.[N] ?? {
 		label: "",
 		code: n,
 		lang: i
-	}, I = F.code.replace(/\n$/, ""), L = o(() => I.split("\n"), [I]), [R, z] = c(null), [B, V] = c(!1);
+	}, L = I.code.replace(/\n$/, ""), R = o(() => L.split("\n"), [L]), [z, B] = c(null), [V, H] = c(!1);
 	a(() => {
-		let e = !0, t = F.lang ?? "ts";
-		return S(I, t).then((n) => e && z({
-			text: I,
+		let e = !0, t = I.lang ?? "ts";
+		return S(L, t).then((n) => e && B({
+			text: L,
 			lang: t,
 			tokens: n
 		})).catch(() => void 0), () => {
 			e = !1;
 		};
-	}, [I, F.lang]);
-	let H = R && R.lang === (F.lang ?? "ts") && R.text === I ? R.tokens : null, U = v > 0 && L.length > v && !B, W = U ? v : L.length, G = s(null);
-	E(G, "code", !!f);
-	let K = e("relative overflow-x-auto py-16 scrollbar-quiet scroll-fade-x focus-ring-inset", U && "overflow-y-hidden", b && "coarse:mr-40"), q = /* @__PURE__ */ l("pre", {
+	}, [L, I.lang]);
+	let U = z && z.lang === (I.lang ?? "ts") && z.text === L ? z.tokens : null, W = v > 0 && R.length > v && !V, G = W ? v : R.length, K = s(null);
+	E(K, "code", !!f);
+	let q = e("relative overflow-x-auto py-16 scrollbar-quiet scroll-fade-x focus-ring-inset", W && "overflow-y-hidden", b && "coarse:mr-40"), J = /* @__PURE__ */ l("pre", {
 		className: "mono text-small text-fg",
 		children: /* @__PURE__ */ l("code", {
 			className: e("grid", !x && "min-w-max", x === "phone" && "sm:min-w-max"),
-			children: L.slice(0, W).map((t, n) => /* @__PURE__ */ u("span", {
-				className: e("flex px-16 leading-code", x === !0 && "whitespace-pre-wrap wrap-anywhere", x === "phone" && "max-sm:whitespace-pre-wrap max-sm:wrap-anywhere", _.includes(n + 1) && "bg-fill-2"),
+			children: R.slice(0, G).map((t, n) => /* @__PURE__ */ u("span", {
+				className: e("flex px-16 leading-code", x === !0 && "whitespace-pre-wrap wrap-anywhere", x === "phone" && "max-sm:whitespace-pre-wrap max-sm:wrap-anywhere", I.lang === "diff" && k(t), _.includes(n + 1) && "bg-fill-2"),
 				children: [
 					g && /* @__PURE__ */ l("span", {
 						className: "mr-16 inline-block w-24 shrink-0 text-right text-fg-tertiary select-none tabular",
@@ -259,7 +263,7 @@ var D = { surface: {
 					}),
 					/* @__PURE__ */ l("span", {
 						className: e("min-w-0", x === !0 && "pl-16 -indent-16", x === "phone" && "max-sm:pl-16 max-sm:-indent-16"),
-						children: H?.[n]?.length ? w(H[n], x ? C.exec(t)?.[0].length ?? 0 : 0).map((e, t) => /* @__PURE__ */ l("span", {
+						children: U?.[n]?.length ? w(U[n], x ? C.exec(t)?.[0].length ?? 0 : 0).map((e, t) => /* @__PURE__ */ l("span", {
 							className: e.className || void 0,
 							children: e.content
 						}, t)) : (x ? t.replace(C, "") : t) || " "
@@ -273,58 +277,58 @@ var D = { surface: {
 		className: e("group/code relative min-w-0", D.surface[y].classes, T),
 		children: [
 			/* @__PURE__ */ u(d.Root, {
-				value: M,
-				onValueChange: (e) => N(Number(e)),
+				value: N,
+				onValueChange: (e) => P(Number(e)),
 				children: [(h || f) && /* @__PURE__ */ u("div", {
 					className: "flex h-44 items-center gap-4 px-8 hairline-b",
 					children: [h && /* @__PURE__ */ l("span", {
 						className: "px-8 mono text-small text-fg-secondary",
 						children: h
 					}), f && /* @__PURE__ */ l(d.List, {
-						"aria-label": P("codeBlock.language", "Language"),
+						"aria-label": F("codeBlock.language", "Language"),
 						className: "flex items-center gap-2",
 						children: f.map((t, n) => /* @__PURE__ */ l(d.Tab, {
 							value: n,
-							className: e("inline-flex h-28 cursor-pointer items-center rounded-pill px-10 text-small font-medium transition-control focus-ring", n === M ? "bg-fill-2 text-fg" : "text-fg-secondary hover:bg-fill-2 hover:text-fg"),
+							className: e("inline-flex h-28 cursor-pointer items-center rounded-pill px-10 text-small font-medium transition-control focus-ring", n === N ? "bg-fill-2 text-fg" : "text-fg-secondary hover:bg-fill-2 hover:text-fg"),
 							children: t.label
 						}, t.label))
 					})]
 				}), f ? /* @__PURE__ */ l(d.Panel, {
-					ref: G,
-					value: M,
-					className: K,
-					children: q
+					ref: K,
+					value: N,
+					className: q,
+					children: J
 				}) : /* @__PURE__ */ l("div", {
-					ref: G,
+					ref: K,
 					tabIndex: 0,
 					role: "region",
-					"aria-label": typeof h == "string" ? P("codeBlock.titledCode", "{title} code", { title: h }) : P("codeBlock.code", "Code"),
-					className: K,
-					children: q
+					"aria-label": typeof h == "string" ? F("codeBlock.titledCode", "{title} code", { title: h }) : F("codeBlock.code", "Code"),
+					className: q,
+					children: J
 				})]
 			}),
-			v > 0 && L.length > v && /* @__PURE__ */ l("div", {
+			v > 0 && R.length > v && /* @__PURE__ */ l("div", {
 				className: "flex justify-center pb-12",
 				children: /* @__PURE__ */ l("button", {
 					type: "button",
-					onClick: () => V((e) => !e),
+					onClick: () => H((e) => !e),
 					className: "inline-flex h-28 cursor-pointer items-center rounded-pill px-12 text-small font-medium text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring",
-					children: B ? P("codeBlock.showLess", "Show less") : P("codeBlock.showAllLines", "Show all {count} lines", { count: String(L.length) })
+					children: V ? F("codeBlock.showLess", "Show less") : F("codeBlock.showAllLines", "Show all {count} lines", { count: String(R.length) })
 				})
 			}),
 			b && /* @__PURE__ */ l("div", {
 				className: e("absolute right-8 opacity-0 transition-control group-hover/code:opacity-100 coarse:opacity-100 focus-within:opacity-100", h || f ? "top-52" : "top-8"),
 				children: /* @__PURE__ */ l(r, {
-					value: I,
-					label: P("codeBlock.copy", "Copy code")
+					value: L,
+					label: F("codeBlock.copy", "Copy code")
 				})
 			})
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (k.displayName = "CodeBlock");
-var A = k;
+process.env.NODE_ENV !== "production" && (A.displayName = "CodeBlock");
+var j = A;
 //#endregion
-export { y as a, D as i, A as n, S as o, O as r, g as s, k as t };
+export { E as a, S as c, D as i, g as l, j as n, C as o, O as r, y as s, A as t };
 
-//# sourceMappingURL=code-block-U5fCqwgC.js.map
+//# sourceMappingURL=code-block-BZIe_B9l.js.map

package/dist/chunks/code-block-BZIe_B9l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-BZIe_B9l.js","names":["BaseTabs","cn","useUiText","observeResize","CopyButton","TONES","ITALIC","BOLD","codeTokenClass","style","fontStyle","tone","color","kaesoShikiTheme","instance","HIGHLIGHT_MAX_LINE","CODE_LANGS","getHighlighter","createHighlighterCore","createJavaScriptRegexEngine","error","LOADERS","highlight","lang","code","h","loader","line","token","INDENT","dropIndent","left","n","tokens","t","cut","setLength","px","el","name","useScrollFadeX","ref","update","start","inner","content","stop","key","KAESO_CODE_BLOCK_VARIANTS","KAESO_CODE_BLOCK_DEFAULT_VARIANTS","diffLineClass","CodeBlock","chosen","own","setOwn","useState","match","tabs","item","tab","choose","i","label","onTabChange","current","text","lines","useMemo","highlighted","setHighlighted","expanded","setExpanded","alive","tokenLines","collapsed","collapseAfter","visible","scroller","useRef","codeClass","copy","source","wrap","highlightLines","lineNumbers","j","surface","className","Tabs","v","title","CodeHighlighted"],"sources":["../../src/components/code-block/kaeso-theme.ts","../../src/components/code-block/highlighter.ts","../../src/components/code-block/indent.ts","../../src/hooks/use-scroll-fade.ts","../../src/components/code-block/code-block.tsx"],"sourcesContent":["const TONES = {\n  text: { color: \"var(--k-text)\", className: \"\" },\n  quiet: { color: \"var(--k-text-tertiary)\", className: \"text-fg-tertiary\" },\n  secondary: { color: \"var(--k-text-secondary)\", className: \"text-fg-secondary\" },\n  string: { color: \"var(--k-info-text)\", className: \"text-info-text\" },\n  constant: { color: \"var(--k-warning-text)\", className: \"text-warning-text\" },\n} as const;\n\nconst ITALIC = 1;\nconst BOLD = 2;\n\nexport function codeTokenClass(color: string | undefined, fontStyle: number | undefined): string {\n  const style = fontStyle ?? 0;\n  return [\n    Object.values(TONES).find((tone) => tone.color === color?.toLowerCase())?.className ?? \"\",\n    style & ITALIC ? \"italic\" : \"\",\n    style & BOLD ? \"font-semibold\" : \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nexport const kaesoShikiTheme = {\n  name: \"kaeso\",\n  type: \"light\" as const,\n  colors: { \"editor.background\": \"transparent\", \"editor.foreground\": TONES.text.color },\n  settings: [\n    { settings: { foreground: TONES.text.color, background: \"transparent\" } },\n    { scope: [\"comment\", \"punctuation.definition.comment\"], settings: { foreground: TONES.quiet.color, fontStyle: \"italic\" } },\n    {\n      scope: [\"string\", \"string.quoted\", \"string.template\", \"punctuation.definition.string\", \"markup.inline.raw\"],\n      settings: { foreground: TONES.string.color },\n    },\n    {\n      scope: [\"constant.numeric\", \"constant.language.boolean\", \"constant.language.null\", \"constant.language\"],\n      settings: { foreground: TONES.constant.color },\n    },\n    {\n      scope: [\"keyword\", \"storage\", \"storage.type\", \"storage.modifier\", \"keyword.control\", \"keyword.operator.new\", \"variable.language\"],\n      settings: { foreground: TONES.text.color, fontStyle: \"bold\" },\n    },\n    {\n      scope: [\"punctuation\", \"meta.brace\", \"punctuation.separator\", \"punctuation.terminator\", \"keyword.operator\", \"meta.tag punctuation\"],\n      settings: { foreground: TONES.quiet.color },\n    },\n    { scope: [\"entity.name.function\", \"support.function\", \"entity.name.tag\", \"support.class.component\"], settings: { foreground: TONES.text.color } },\n    {\n      scope: [\"support.type.property-name\", \"meta.object-literal.key\", \"entity.other.attribute-name\", \"variable.other.property\"],\n      settings: { foreground: TONES.text.color },\n    },\n    { scope: [\"entity.name.type\", \"support.type\", \"entity.other.inherited-class\"], settings: { foreground: TONES.secondary.color } },\n  ],\n};\n","import { codeTokenClass, kaesoShikiTheme } from \"./kaeso-theme.js\";\n\ntype Highlighter = {\n  codeToTokens: (\n    code: string,\n    o: { lang: string; theme: string; tokenizeMaxLineLength?: number | undefined },\n  ) => { tokens: { content: string; color?: string | undefined; fontStyle?: number | undefined }[][] };\n  getLoadedLanguages: () => string[];\n  loadLanguage: (...l: unknown[]) => Promise<void>;\n};\nlet instance: Promise<Highlighter> | null = null;\n\nexport const HIGHLIGHT_MAX_CHARS = 200_000;\n\nconst HIGHLIGHT_MAX_LINE = 2_000;\n\nexport const CODE_LANGS = [\"ts\", \"tsx\", \"js\", \"json\", \"bash\", \"python\", \"yaml\", \"diff\"] as const;\nexport type CodeLang = (typeof CODE_LANGS)[number] | \"text\";\n\nexport function getHighlighter(): Promise<Highlighter> {\n  instance ??= (async () => {\n    const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([import(\"shiki/core\"), import(\"shiki/engine/javascript\")]);\n    return (await createHighlighterCore({ themes: [kaesoShikiTheme as never], langs: [], engine: createJavaScriptRegexEngine() })) as unknown as Highlighter;\n  })().catch((error: unknown) => {\n    instance = null;\n    throw error;\n  });\n  return instance;\n}\n\nconst LOADERS: Record<Exclude<CodeLang, \"text\">, () => Promise<{ default: unknown }>> = {\n  ts: () => import(\"shiki/dist/langs/typescript.mjs\"),\n  tsx: () => import(\"shiki/dist/langs/tsx.mjs\"),\n  js: () => import(\"shiki/dist/langs/javascript.mjs\"),\n  json: () => import(\"shiki/dist/langs/json.mjs\"),\n  bash: () => import(\"shiki/dist/langs/bash.mjs\"),\n  python: () => import(\"shiki/dist/langs/python.mjs\"),\n  yaml: () => import(\"shiki/dist/langs/yaml.mjs\"),\n  diff: () => import(\"shiki/dist/langs/diff.mjs\"),\n};\n\nexport interface CodeToken {\n  content: string;\n  className: string;\n}\n\nexport async function highlight(code: string, lang: CodeLang): Promise<CodeToken[][] | null> {\n  if (lang === \"text\" || code.length > HIGHLIGHT_MAX_CHARS) return null;\n  const h = await getHighlighter();\n  if (!h.getLoadedLanguages().includes(lang)) {\n    const loader = LOADERS[lang];\n    if (!loader) return null;\n    await h.loadLanguage((await loader()).default);\n  }\n  return h\n    .codeToTokens(code, { lang, theme: \"kaeso\", tokenizeMaxLineLength: HIGHLIGHT_MAX_LINE })\n    .tokens.map((line) => line.map((token) => ({ content: token.content, className: codeTokenClass(token.color, token.fontStyle) })));\n}\n","import type { CodeToken } from \"./highlighter.js\";\n\nexport const INDENT = /^[ \\t]+/;\n\nexport function dropIndent(tokens: CodeToken[], n: number): CodeToken[] {\n  let left = n;\n  return tokens.flatMap((t) => {\n    if (left === 0) return [t];\n    const cut = Math.min(left, t.content.length);\n    left -= cut;\n    return cut === t.content.length ? [] : [{ ...t, content: t.content.slice(cut) }];\n  });\n}\n","import { useEffect, type RefObject } from \"react\";\nimport { observeResize } from \"../utils/observe-resize.js\";\n\nfunction setLength(el: HTMLElement, name: string, px: number) {\n  if (px > 0) el.style.setProperty(name, `${px}px`);\n  else el.style.removeProperty(name);\n}\n\nexport function useScrollFadeX(ref: RefObject<HTMLElement | null>, content: string, key?: unknown) {\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const update = () => {\n      const start = Math.abs(el.scrollLeft);\n      setLength(el, \"--scroll-area-overflow-x-start\", start);\n      setLength(el, \"--scroll-area-overflow-x-end\", el.scrollWidth - el.clientWidth - start);\n    };\n    update();\n    el.addEventListener(\"scroll\", update, { passive: true });\n    const inner = el.querySelector(content);\n    const stop = observeResize(inner ? [el, inner] : [el], update);\n    return () => {\n      el.removeEventListener(\"scroll\", update);\n      stop();\n    };\n  }, [ref, content, key]);\n}\n","import { forwardRef, useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport { cn } from \"../../utils/cn.js\";\nimport { CopyButton } from \"../copy-button/copy-button.js\";\nimport { highlight, type CodeLang, type CodeToken } from \"./highlighter.js\";\nimport { INDENT, dropIndent } from \"./indent.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useScrollFadeX } from \"../../hooks/use-scroll-fade.js\";\n\nexport const KAESO_CODE_BLOCK_VARIANTS = {\n  surface: {\n    well: { classes: \"rounded-well bg-fill-1\" },\n    plain: { classes: \"bg-transparent\" },\n  },\n} as const;\nexport const KAESO_CODE_BLOCK_DEFAULT_VARIANTS = { surface: \"well\" } as const;\n\nfunction diffLineClass(line: string): string | false {\n  if (line.startsWith(\"+\") && !line.startsWith(\"+++\")) return \"bg-diff-added\";\n  if (line.startsWith(\"-\") && !line.startsWith(\"---\")) return \"bg-diff-removed\";\n  return false;\n}\n\nexport interface CodeTab {\n  label: string;\n  code: string;\n  lang?: CodeLang | undefined;\n}\n\nexport interface CodeBlockProps {\n  code?: string | undefined;\n  lang?: CodeLang | undefined;\n  tabs?: CodeTab[] | undefined;\n  tab?: string | undefined;\n  onTabChange?: ((label: string) => void) | undefined;\n  title?: ReactNode | undefined;\n  lineNumbers?: boolean | undefined;\n  highlightLines?: number[] | undefined;\n  collapseAfter?: number | undefined;\n  surface?: keyof typeof KAESO_CODE_BLOCK_VARIANTS.surface | undefined;\n  copy?: boolean | undefined;\n  wrap?: boolean | \"phone\" | undefined;\n  className?: string | undefined;\n}\n\nexport const CodeBlock = /* @__PURE__ */ forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock(\n  {\n    code = \"\",\n    lang = \"ts\",\n    tabs,\n    tab: chosen,\n    onTabChange,\n    title,\n    lineNumbers,\n    highlightLines = [],\n    collapseAfter = 24,\n    surface = \"well\",\n    copy = true,\n    wrap = false,\n    className,\n  },\n  ref,\n) {\n  const [own, setOwn] = useState(0);\n  const match = chosen === undefined ? -1 : (tabs?.findIndex((item) => item.label === chosen) ?? -1);\n  const tab = match >= 0 ? match : own;\n  const choose = (i: number) => {\n    setOwn(i);\n    const label = tabs?.[i]?.label;\n    if (label !== undefined) onTabChange?.(label);\n  };\n  const t = useUiText();\n  const current = tabs?.[tab] ?? { label: \"\", code, lang };\n  const text = current.code.replace(/\\n$/, \"\");\n  const lines = useMemo(() => text.split(\"\\n\"), [text]);\n  const [highlighted, setHighlighted] = useState<{ text: string; lang: CodeLang; tokens: CodeToken[][] | null } | null>(null);\n  const [expanded, setExpanded] = useState(false);\n  useEffect(() => {\n    let alive = true;\n    const lang = current.lang ?? \"ts\";\n    highlight(text, lang)\n      .then((tokens) => alive && setHighlighted({ text, lang, tokens }))\n      .catch(() => undefined);\n    return () => {\n      alive = false;\n    };\n  }, [text, current.lang]);\n  const tokenLines = highlighted && highlighted.lang === (current.lang ?? \"ts\") && highlighted.text === text ? highlighted.tokens : null;\n  const collapsed = collapseAfter > 0 && lines.length > collapseAfter && !expanded;\n  const visible = collapsed ? collapseAfter : lines.length;\n  const scroller = useRef<HTMLDivElement | null>(null);\n  useScrollFadeX(scroller, \"code\", !!tabs);\n  const codeClass = cn(\n    \"relative overflow-x-auto py-16 scrollbar-quiet scroll-fade-x focus-ring-inset\",\n    collapsed && \"overflow-y-hidden\",\n    copy && \"coarse:mr-40\",\n  );\n  const source = (\n    <pre className=\"mono text-small text-fg\">\n      <code className={cn(\"grid\", !wrap && \"min-w-max\", wrap === \"phone\" && \"sm:min-w-max\")}>\n        {lines.slice(0, visible).map((line, i) => (\n          <span\n            key={i}\n            className={cn(\n              \"flex px-16 leading-code\",\n              wrap === true && \"whitespace-pre-wrap wrap-anywhere\",\n              wrap === \"phone\" && \"max-sm:whitespace-pre-wrap max-sm:wrap-anywhere\",\n              current.lang === \"diff\" && diffLineClass(line),\n              highlightLines.includes(i + 1) && \"bg-fill-2\",\n            )}\n          >\n            {lineNumbers && <span className=\"mr-16 inline-block w-24 shrink-0 text-right text-fg-tertiary select-none tabular\">{i + 1}</span>}\n            {wrap && INDENT.test(line) && <span className=\"shrink-0 whitespace-pre\">{INDENT.exec(line)?.[0]}</span>}\n            <span className={cn(\"min-w-0\", wrap === true && \"pl-16 -indent-16\", wrap === \"phone\" && \"max-sm:pl-16 max-sm:-indent-16\")}>\n              {tokenLines?.[i]?.length\n                ? dropIndent(tokenLines[i], wrap ? (INDENT.exec(line)?.[0].length ?? 0) : 0).map((token, j) => (\n                    <span key={j} className={token.className || undefined}>\n                      {token.content}\n                    </span>\n                  ))\n                : (wrap ? line.replace(INDENT, \"\") : line) || \" \"}\n            </span>\n          </span>\n        ))}\n      </code>\n    </pre>\n  );\n\n  return (\n    <div ref={ref} className={cn(\"group/code relative min-w-0\", KAESO_CODE_BLOCK_VARIANTS.surface[surface].classes, className)}>\n      <BaseTabs.Root value={tab} onValueChange={(v: unknown) => choose(Number(v))}>\n        {(title || tabs) && (\n          <div className=\"flex h-44 items-center gap-4 px-8 hairline-b\">\n            {title && <span className=\"px-8 mono text-small text-fg-secondary\">{title}</span>}\n            {tabs && (\n              <BaseTabs.List aria-label={t(\"codeBlock.language\", \"Language\")} className=\"flex items-center gap-2\">\n                {tabs.map((item, i) => (\n                  <BaseTabs.Tab\n                    key={item.label}\n                    value={i}\n                    className={cn(\n                      \"inline-flex h-28 cursor-pointer items-center rounded-pill px-10 text-small font-medium transition-control focus-ring\",\n                      i === tab ? \"bg-fill-2 text-fg\" : \"text-fg-secondary hover:bg-fill-2 hover:text-fg\",\n                    )}\n                  >\n                    {item.label}\n                  </BaseTabs.Tab>\n                ))}\n              </BaseTabs.List>\n            )}\n          </div>\n        )}\n        {tabs ? (\n          <BaseTabs.Panel ref={scroller} value={tab} className={codeClass}>\n            {source}\n          </BaseTabs.Panel>\n        ) : (\n          <div\n            ref={scroller}\n            tabIndex={0}\n            role=\"region\"\n            aria-label={typeof title === \"string\" ? t(\"codeBlock.titledCode\", \"{title} code\", { title }) : t(\"codeBlock.code\", \"Code\")}\n            className={codeClass}\n          >\n            {source}\n          </div>\n        )}\n      </BaseTabs.Root>\n      {collapseAfter > 0 && lines.length > collapseAfter && (\n        <div className=\"flex justify-center pb-12\">\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((e) => !e)}\n            className=\"inline-flex h-28 cursor-pointer items-center rounded-pill px-12 text-small font-medium text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring\"\n          >\n            {expanded ? t(\"codeBlock.showLess\", \"Show less\") : t(\"codeBlock.showAllLines\", \"Show all {count} lines\", { count: String(lines.length) })}\n          </button>\n        </div>\n      )}\n      {copy && (\n        <div\n          className={cn(\n            \"absolute right-8 opacity-0 transition-control group-hover/code:opacity-100 coarse:opacity-100 focus-within:opacity-100\",\n            title || tabs ? \"top-52\" : \"top-8\",\n          )}\n        >\n          <CopyButton value={text} label={t(\"codeBlock.copy\", \"Copy code\")} />\n        </div>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") CodeBlock.displayName = \"CodeBlock\";\n\nexport const CodeHighlighted = CodeBlock;\n"],"mappings":";;;;;;;;;AAAA,IAAMK,IAAQ;CACZ,MAAM;EAAE,OAAO;EAAiB,WAAW;CAAG;CAC9C,OAAO;EAAE,OAAO;EAA0B,WAAW;CAAmB;CACxE,WAAW;EAAE,OAAO;EAA2B,WAAW;CAAoB;CAC9E,QAAQ;EAAE,OAAO;EAAsB,WAAW;CAAiB;CACnE,UAAU;EAAE,OAAO;EAAyB,WAAW;CAAoB;AAC7E,GAEMC,IAAS,GACTC,IAAO;AAEb,SAAgBC,EAAe,GAA2B,GAAuC;CAC/F,IAAMC,IAAQC,KAAa;CAC3B,OAAO;EACL,OAAO,OAAOL,CAAK,CAAC,CAAC,MAAM,MAASM,EAAK,UAAUC,GAAO,YAAY,CAAC,CAAC,EAAE,aAAa;EACvFH,IAAQH,IAAS,WAAW;EAC5BG,IAAQF,IAAO,kBAAkB;CACnC,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;AACb;AAEA,IAAaM,IAAkB;CAC7B,MAAM;CACN,MAAM;CACN,QAAQ;EAAE,qBAAqB;EAAe,qBAAqBR,EAAM,KAAK;CAAM;CACpF,UAAU;EACR,EAAE,UAAU;GAAE,YAAYA,EAAM,KAAK;GAAO,YAAY;EAAc,EAAE;EACxE;GAAE,OAAO,CAAC,WAAW,gCAAgC;GAAG,UAAU;IAAE,YAAYA,EAAM,MAAM;IAAO,WAAW;GAAS;EAAE;EACzH;GACE,OAAO;IAAC;IAAU;IAAiB;IAAmB;IAAiC;GAAmB;GAC1G,UAAU,EAAE,YAAYA,EAAM,OAAO,MAAM;EAC7C;EACA;GACE,OAAO;IAAC;IAAoB;IAA6B;IAA0B;GAAmB;GACtG,UAAU,EAAE,YAAYA,EAAM,SAAS,MAAM;EAC/C;EACA;GACE,OAAO;IAAC;IAAW;IAAW;IAAgB;IAAoB;IAAmB;IAAwB;GAAmB;GAChI,UAAU;IAAE,YAAYA,EAAM,KAAK;IAAO,WAAW;GAAO;EAC9D;EACA;GACE,OAAO;IAAC;IAAe;IAAc;IAAyB;IAA0B;IAAoB;GAAsB;GAClI,UAAU,EAAE,YAAYA,EAAM,MAAM,MAAM;EAC5C;EACA;GAAE,OAAO;IAAC;IAAwB;IAAoB;IAAmB;GAAyB;GAAG,UAAU,EAAE,YAAYA,EAAM,KAAK,MAAM;EAAE;EAChJ;GACE,OAAO;IAAC;IAA8B;IAA2B;IAA+B;GAAyB;GACzH,UAAU,EAAE,YAAYA,EAAM,KAAK,MAAM;EAC3C;EACA;GAAE,OAAO;IAAC;IAAoB;IAAgB;GAA8B;GAAG,UAAU,EAAE,YAAYA,EAAM,UAAU,MAAM;EAAE;CACjI;AACF,GC1CIS,IAAwC,MAItCC,IAAqB,KAEdC,IAAa;CAAC;CAAM;CAAO;CAAM;CAAQ;CAAQ;CAAU;CAAQ;AAAM;AAGtF,SAAgBC,IAAuC;CAQrD,OAPA,OAAc,YAAY;EACxB,IAAM,CAAC,EAAE,4BAAyB,EAAE,oCAAiC,MAAM,QAAQ,IAAI,CAAC,OAAO,eAAe,OAAO,0BAA0B,CAAC;EAChJ,OAAQ,MAAMC,EAAsB;GAAE,QAAQ,CAACL,CAAwB;GAAG,OAAO,CAAC;GAAG,QAAQM,EAA4B;EAAE,CAAC;CAC9H,EAAA,CAAG,CAAC,CAAC,OAAO,MAAmB;EAE7B,MADA,IAAW,MACLC;CACR,CAAC,GACMN;AACT;AAEA,IAAMO,IAAkF;CACtF,UAAU,OAAO;CACjB,WAAW,OAAO;CAClB,UAAU,OAAO;CACjB,YAAY,OAAO;CACnB,YAAY,OAAO;CACnB,cAAc,OAAO;CACrB,YAAY,OAAO;CACnB,YAAY,OAAO;AACrB;AAOA,eAAsBC,EAAU,GAAc,GAA+C;CAC3F,IAAIC,MAAS,UAAUC,EAAK,SAAA,KAA8B,OAAO;CACjE,IAAMC,IAAI,MAAMR,EAAe;CAC/B,IAAI,CAACQ,EAAE,mBAAmB,CAAC,CAAC,SAASF,CAAI,GAAG;EAC1C,IAAMG,IAASL,EAAQE;EACvB,IAAI,CAACG,GAAQ,OAAO;EACpB,MAAMD,EAAE,cAAc,MAAMC,EAAO,EAAA,CAAG,OAAO;CAC/C;CACA,OAAOD,EACJ,aAAaD,GAAM;EAAE;EAAM,OAAO;EAAS,uBAAuBT;CAAmB,CAAC,CAAC,CACvF,OAAO,KAAK,MAASY,EAAK,KAAK,OAAW;EAAE,SAASC,EAAM;EAAS,WAAWpB,EAAeoB,EAAM,OAAOA,EAAM,SAAS;CAAE,EAAE,CAAC;AACpI;;;ACvDA,IAAaC,IAAS;AAEtB,SAAgBC,EAAW,GAAqB,GAAwB;CACtE,IAAIC,IAAOC;CACX,OAAOC,EAAO,SAAS,MAAM;EAC3B,IAAIF,MAAS,GAAG,OAAO,CAACG,CAAC;EACzB,IAAMC,IAAM,KAAK,IAAIJ,GAAMG,EAAE,QAAQ,MAAM;EAE3C,OADA,KAAQC,GACDA,MAAQD,EAAE,QAAQ,SAAS,CAAC,IAAI,CAAC;GAAE,GAAGA;GAAG,SAASA,EAAE,QAAQ,MAAMC,CAAG;EAAE,CAAC;CACjF,CAAC;AACH;;;ACTA,SAASC,EAAU,GAAiB,GAAc,GAAY;CAC5D,AAAIC,IAAK,IAAGC,EAAG,MAAM,YAAYC,GAAM,GAAGF,EAAG,GAAG,IAC3CC,EAAG,MAAM,eAAeC,CAAI;AACnC;AAEA,SAAgBC,EAAe,GAAoC,GAAiB,GAAe;CACjG,QAAgB;EACd,IAAMF,IAAKG,EAAI;EACf,IAAI,CAACH,GAAI;EACT,IAAMI,UAAe;GACnB,IAAMC,IAAQ,KAAK,IAAIL,EAAG,UAAU;GAEpC,AADAF,EAAUE,GAAI,kCAAkCK,CAAK,GACrDP,EAAUE,GAAI,gCAAgCA,EAAG,cAAcA,EAAG,cAAcK,CAAK;EACvF;EAEA,AADAD,EAAO,GACPJ,EAAG,iBAAiB,UAAUI,GAAQ,EAAE,SAAS,GAAK,CAAC;EACvD,IAAME,IAAQN,EAAG,cAAcO,CAAO,GAChCC,IAAO3C,EAAcyC,IAAQ,CAACN,GAAIM,CAAK,IAAI,CAACN,CAAE,GAAGI,CAAM;EAC7D,aAAa;GAEX,AADAJ,EAAG,oBAAoB,UAAUI,CAAM,GACvCI,EAAK;EACP;CACF,GAAG;EAACL;EAAKI;EAASE;CAAG,CAAC;AACxB;;;ACjBA,IAAaC,IAA4B,EACvC,SAAS;CACP,MAAM,EAAE,SAAS,yBAAyB;CAC1C,OAAO,EAAE,SAAS,iBAAiB;AACrC,EACF,GACaC,IAAoC,EAAE,SAAS,OAAO;AAEnE,SAASC,EAAc,GAA8B;CAGnD,OAFIvB,EAAK,WAAW,GAAG,KAAK,CAACA,EAAK,WAAW,KAAK,IAAU,kBACxDA,EAAK,WAAW,GAAG,KAAK,CAACA,EAAK,WAAW,KAAK,IAAU,oBACrD;AACT;AAwBA,IAAawB,IAA4B,kBAA2C,SAClF,EACE,UAAO,IACP,UAAO,MACP,SACA,KAAKC,GACL,gBACA,UACA,gBACA,oBAAiB,CAAC,GAClB,mBAAgB,IAChB,aAAU,QACV,UAAO,IACP,UAAO,IACP,gBAEF,GACA;CACA,IAAM,CAACC,GAAKC,KAAUC,EAAS,CAAC,GAC1BC,IAAQJ,MAAW,KAAA,IAAY,KAAMK,GAAM,WAAW,MAASC,EAAK,UAAUN,CAAM,KAAK,IACzFO,IAAMH,KAAS,IAAIA,IAAQH,GAC3BO,KAAU,MAAc;EAC5B,EAAOC,CAAC;EACR,IAAMC,IAAQL,IAAOI,EAAE,EAAE;EACzB,AAAIC,MAAU,KAAA,KAAWC,IAAcD,CAAK;CAC9C,GACM5B,IAAIhC,EAAU,GACd8D,IAAUP,IAAOE,MAAQ;EAAE,OAAO;EAAI;EAAM;CAAK,GACjDM,IAAOD,EAAQ,KAAK,QAAQ,OAAO,EAAE,GACrCE,IAAQC,QAAcF,EAAK,MAAM,IAAI,GAAG,CAACA,CAAI,CAAC,GAC9C,CAACG,GAAaC,KAAkBd,EAAgF,IAAI,GACpH,CAACe,GAAUC,KAAehB,EAAS,EAAK;CAC9C,QAAgB;EACd,IAAIiB,IAAQ,IACNjD,IAAOyC,EAAQ,QAAQ;EAI7B,OAHA1C,EAAU2C,GAAM1C,CAAI,CAAC,CAClB,MAAM,MAAWiD,KAASH,EAAe;GAAE;GAAM;GAAM;EAAO,CAAC,CAAC,CAAC,CACjE,YAAY,KAAA,CAAS,SACX;GACX,IAAQ;EACV;CACF,GAAG,CAACJ,GAAMD,EAAQ,IAAI,CAAC;CACvB,IAAMS,IAAaL,KAAeA,EAAY,UAAUJ,EAAQ,QAAQ,SAASI,EAAY,SAASH,IAAOG,EAAY,SAAS,MAC5HM,IAAYC,IAAgB,KAAKT,EAAM,SAASS,KAAiB,CAACL,GAClEM,IAAUF,IAAYC,IAAgBT,EAAM,QAC5CW,IAAWC,EAA8B,IAAI;CACnD,EAAeD,GAAU,QAAQ,CAAC,CAACpB,CAAI;CACvC,IAAMsB,IAAY9E,EAChB,iFACAyE,KAAa,qBACbM,KAAQ,cACV,GACMC,IACJ,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,QAAD;GAAM,WAAWhF,EAAG,QAAQ,CAACiF,KAAQ,aAAaA,MAAS,WAAW,cAAc;GACjF,UAAAhB,EAAM,MAAM,GAAGU,CAAO,CAAC,CAAC,KAAK,GAAM,MAClC,kBAAC,QAAD;IAEE,WAAW3E,EACT,2BACAiF,MAAS,MAAQ,qCACjBA,MAAS,WAAW,mDACpBlB,EAAQ,SAAS,UAAUd,EAAcvB,CAAI,GAC7CwD,EAAe,SAAStB,IAAI,CAAC,KAAK,WACpC;IARF,UAAA;KAUGuB,KAAe,kBAAC,QAAD;MAAM,WAAU;MAAoF,UAAAvB,IAAI;KAAQ,CAAA;KAC/HqB,KAAQrD,EAAO,KAAKF,CAAI,KAAK,kBAAC,QAAD;MAAM,WAAU;MAA2B,UAAAE,EAAO,KAAKF,CAAI,CAAC,GAAG;KAAS,CAAA;KACtG,kBAAC,QAAD;MAAM,WAAW1B,EAAG,WAAWiF,MAAS,MAAQ,oBAAoBA,MAAS,WAAW,gCAAgC;MACrH,UAAAT,IAAaZ,EAAE,EAAE,SACd/B,EAAW2C,EAAWZ,IAAIqB,IAAQrD,EAAO,KAAKF,CAAI,CAAC,GAAG,EAAE,CAAC,UAAU,IAAK,CAAC,CAAC,CAAC,KAAK,GAAO,MACrF,kBAAC,QAAD;OAAc,WAAWC,EAAM,aAAa,KAAA;OACzC,UAAAA,EAAM;MACH,GAFKyD,CAEL,CACP,KACAH,IAAOvD,EAAK,QAAQE,GAAQ,EAAE,IAAIF,MAAS;KAC5C,CAAA;IACF;GApBC,GAAAkC,CAoBD,CACP;EACG,CAAA;CACH,CAAA;CAGP,OACE,kBAAC,OAAD;EAAU;EAAK,WAAW5D,EAAG,+BAA+B+C,EAA0B,QAAQsC,EAAQ,CAAC,SAASC,CAAS;EAAzH,UAAA;GACE,kBAACvF,EAAS,MAAV;IAAe,OAAO2D;IAAK,gBAAgB,MAAeC,EAAO,OAAO6B,CAAC,CAAC;IAA1E,UAAA,EACIC,KAASjC,MACT,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACGiC,KAAS,kBAAC,QAAD;MAAM,WAAU;MAA0C,UAAAA;KAAY,CAAA,GAC/EjC,KACC,kBAACzD,EAAS,MAAV;MAAe,cAAYkC,EAAE,sBAAsB,UAAU;MAAG,WAAU;MACvE,UAAAuB,EAAK,KAAK,GAAM,MACf,kBAACzD,EAAS,KAAV;OAEE,OAAO6D;OACP,WAAW5D,EACT,wHACA4D,MAAMF,IAAM,sBAAsB,iDACpC;OAEC,UAAAD,EAAK;MACM,GARPA,EAAK,KAQE,CACf;KACY,CAAA,CAEd;IAEN,CAAA,GAAAD,IACC,kBAACzD,EAAS,OAAV;KAAgB,KAAK6E;KAAU,OAAOlB;KAAK,WAAWoB;KACnD,UAAAE;IACa,CAAA,IAEhB,kBAAC,OAAD;KACE,KAAKJ;KACL,UAAU;KACV,MAAK;KACL,cAAY,OAAOa,KAAU,WAAWxD,EAAE,wBAAwB,gBAAgB,EAAE,SAAM,CAAC,IAAIA,EAAE,kBAAkB,MAAM;KACzH,WAAW6C;KAEV,UAAAE;IACE,CAAA,CAEM;;GACdN,IAAgB,KAAKT,EAAM,SAASS,KACnC,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,UAAD;KACE,MAAK;KACL,eAAeJ,GAAa,MAAM,CAAC,CAAC;KACpC,WAAU;KAET,UAAAD,IAAWpC,EAAE,sBAAsB,WAAW,IAAIA,EAAE,0BAA0B,0BAA0B,EAAE,OAAO,OAAOgC,EAAM,MAAM,EAAE,CAAC;IAClI,CAAA;GACL,CAAA;GAENc,KACC,kBAAC,OAAD;IACE,WAAW/E,EACT,0HACAyF,KAASjC,IAAO,WAAW,OAC7B;IAEA,UAAA,kBAACrD,GAAD;KAAY,OAAO6D;KAAM,OAAO/B,EAAE,kBAAkB,WAAW;IAAI,CAAA;GAChE,CAAA;EAEJ;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAayD,IAAkBxC"}