@logicplanes/kaeso-ui 0.4.2 → 0.4.3

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":";;;;;;;;;;;;;;;;;A,IAMaa,IAA0B,EACrC,MAAM,EACJ,IAAI,EAAE,SAAS,2BAA2B,EAC5C,EACF,GACaH,IAAkC,EAAE,MAAM,KAAK,GAuB/CF,IAA8B,kBAAgF,SACzH,EACE,YACA,mBACA,oBACA,kBACA,aACA,aACA,aACA,YACA,SACA,UACA,OACA,cACA,WACA,cAAcM,GACd,oBAAoBC,GACpB,mBAAmBC,GACnB,cAAcC,KAEhB,GACA;CACA,OACE,kBAACjB,EAAa,MAAd;EACO;EACL,GAAKmB,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,GAAKC,MAAkB,KAAA,IAAgC,CAAC,IAArB,EAAE,iBAAc;EACnD,GAAKC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACzC,GAAKC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACzC,GAAKC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACzC,GAAKC,IAAO,EAAE,QAAK,IAAI,CAAC;EACxB,GAAKC,IAAQ,EAAE,SAAM,IAAI,CAAC;EAC1B,GAAKC,IAAK,EAAE,MAAG,IAAI,CAAC;EACpB,GAAKC,IAAS,EAAE,UAAO,IAAI,CAAC;EAC5B,GAAKhB,IAAY,EAAE,cAAcA,EAAU,IAAI,CAAC;EAChD,GAAKC,IAAc,EAAE,oBAAoBA,EAAY,IAAI,CAAC;EAC1D,GAAKC,IAAa,EAAE,mBAAmBA,EAAW,IAAI,CAAC;EACvD,GAAKe,IAAU,EAAE,gBAAgB,GAAK,IAAI,CAAC;EAC3C,GAAKd,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,WAAWe,EACT,uKACAC,CACF;EAEA,UAAA,kBAAC,QAAD;GACE,eAAA;GACA,WAAWD,EACT,gIACAnB,EAAwB,KAAK,GAAG,SAChCkB,IAAU,yCAAyC,6EACnD,yHACA,iCACA,wGACF;GAEA,UAAA,kBAAC/B,EAAa,WAAd;IAAwB,aAAA;IAAY,WAAU;IAC5C,UAAA,kBAAC,OAAD;KAAK,SAAQ;KAAY,WAAU;KAAU,MAAK;KAAO,eAAA;KAAzD,UAAA,CACE,kBAAC,QAAD;MACE,GAAE;MACF,QAAO;MACP,aAAY;MACZ,eAAc;MACd,gBAAe;MACf,YAAY;MACZ,WAAU;KACX,CAAA,GACD,kBAAC,QAAD;MAAM,GAAE;MAAS,QAAO;MAAe,aAAY;MAAO,eAAc;MAAQ,WAAU;KAA4C,CAAA,CACnI;;GACiB,CAAA;EACpB,CAAA;CACW,CAAA;AAEvB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAErE,IAAMkC,IAAuB,kBAA6C,SAAkB,EAAE,UAAO,gBAAa,OAAI,cAAW,GAAGC,KAAS,GAAK;CAChJ,IAAMC,IAAOC,EAAM,GACbC,IAAQT,KAAM,QAAQO;CAC5B,IAAI,CAACG,GAAO,OAAO,kBAAC/B,GAAD;EAAkB;EAAK,IAAI8B;EAAkB;EAAW,GAAIH;CAAQ,CAAA;CACvF,IAAMK,IAAQnC,EAASiC,GAAOC,GAAOE,GAAaN,CAAK;CACvD,OACE,kBAAC,SAAD;EACE,SAASG;EACT,WAAWN,EAAG,qFAAqFG,EAAM,YAAY,sBAAsBF,CAAS;EAFtJ,UAAA,CAIE,kBAAC,QAAD;GAAM,WAAU;GACd,UAAA,kBAACzB,GAAD;IAAkB;IAAK,IAAI8B;IAAO,GAAIH;IAAO,GAAIK,EAAM;GAAO,CAAA;EAC1D,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IAAM,IAAIA,EAAM;IAAS,WAAWR,EAAG,qBAAqBG,EAAM,YAAY,kBAAkB;IAC7F,UAAAI;GACG,CAAA,GACLE,KACC,kBAAC,QAAD;IAAM,IAAID,EAAM;IAAe,WAAU;IACtC,UAAAC;GACG,CAAA,CAEJ;EACD,CAAA,CAAA;;AAEX,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,IAAa7B,IAAgC,CAAC,GACjCD,IAAwC,CAAC,GAchD+B,IAAwB,kBAA+C,SAC3E,EAAE,UAAO,iBAAc,kBAAe,cAAW,aAAU,cAAW,aAAU,GAAGP,KACnF,GACA;CACA,OACE,kBAACjC,GAAD;EACO;EACL,GAAK0B,MAAU,KAAA,IAAwB,CAAC,IAAb,EAAE,SAAM;EACnC,GAAKgB,MAAiB,KAAA,IAA+B,CAAC,IAApB,EAAE,gBAAa;EACjD,GAAKC,IAAgB,EAAE,gBAAgB,MAAgBA,EAAcC,CAAC,EAAE,IAAI,CAAC;EAC7E,GAAKC,IAAY,EAAE,aAAU,IAAI,CAAC;EAClC,GAAKvB,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACzC,WAAWQ,EAAG,iBAAiBC,CAAS;EACxC,GAAIE;EAEH;CACgB,CAAA;AAEvB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,IAAahC,IAA2B,uBAAO,OAAO+B,GAAM;CAAE,KAAK1B;CAAa;AAAM,CAAC,GAC1EP,IAAgByC"}

package/dist/chunks/{code-block-U5fCqwgC.js → code-block-D5A-CGXG.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";
@@ -327,4 +327,4 @@ var A = k;
 //#endregion
 export { y as a, D as i, A as n, S as o, O as r, g as s, k as t };
 
-//# sourceMappingURL=code-block-U5fCqwgC.js.map
+//# sourceMappingURL=code-block-D5A-CGXG.js.map

package/dist/chunks/{code-block-U5fCqwgC.js.map → code-block-D5A-CGXG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"code-block-U5fCqwgC.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","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\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              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":"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"}
+{"version":3,"file":"code-block-D5A-CGXG.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","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\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              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":"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"}