@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/meter-DWhyzFGQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-DWhyzFGQ.js","names":["cn","KAESO_METER_VARIANTS","KAESO_METER_DEFAULT_VARIANTS","meterColor","value","thresholds","Meter","ariaLabel","pct","now","className","label","valueLabel","leading","trailing","tone","t","caption","KAESO_PROGRESS_VARIANTS","KAESO_PROGRESS_DEFAULT_VARIANTS","Progress","indeterminate"],"sources":["../../src/components/meter/meter.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_METER_VARIANTS = {\n  tone: {\n    auto: { classes: \"\" },\n    neutral: { classes: \"bg-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_METER_DEFAULT_VARIANTS = { tone: \"auto\" } as const;\n\nexport interface MeterProps {\n  value: number;\n  label?: ReactNode | undefined;\n  valueLabel?: ReactNode | undefined;\n  caption?: ReactNode | undefined;\n  thresholds?: number[] | undefined;\n  tone?: keyof typeof KAESO_METER_VARIANTS.tone | undefined;\n  leading?: ReactNode | undefined;\n  trailing?: ReactNode | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nexport function meterColor(value: number, thresholds: number[] = []) {\n  if (value >= 1) return \"bg-danger\";\n  const first = thresholds.length ? Math.min(...thresholds) : 0.8;\n  return value >= first ? \"bg-warning\" : \"bg-viz-1\";\n}\n\nexport const Meter = /* @__PURE__ */ forwardRef<HTMLDivElement, MeterProps>(function Meter(\n  { value, label, valueLabel, caption, thresholds = [], tone = \"auto\", leading, trailing, className, \"aria-label\": ariaLabel },\n  ref,\n) {\n  const pct = Math.max(0, Math.min(1, value));\n  const now = Math.round(value * 100);\n  return (\n    <div ref={ref} className={cn(\"flex flex-col gap-8\", className)}>\n      {(label || valueLabel) && (\n        <div className=\"flex items-baseline justify-between gap-12\">\n          <span className=\"flex min-w-0 items-center gap-8 text-body font-medium text-fg\">\n            {leading}\n            <span className=\"truncate\">{label}</span>\n            {trailing}\n          </span>\n          {valueLabel && <span className=\"shrink-0 text-body text-fg-secondary tabular\">{valueLabel}</span>}\n        </div>\n      )}\n      <div\n        role=\"meter\"\n        aria-valuemin={0}\n        aria-valuemax={Math.max(100, now)}\n        aria-valuenow={now}\n        aria-label={ariaLabel ?? (typeof label === \"string\" ? label : undefined)}\n        {...(typeof valueLabel === \"string\" ? { \"aria-valuetext\": valueLabel } : {})}\n        className=\"relative h-6 overflow-hidden rounded-pill bg-fill-3\"\n      >\n        <div\n          className={cn(\"h-full rounded-pill width-motion\", tone === \"auto\" ? meterColor(value, thresholds) : KAESO_METER_VARIANTS.tone.neutral.classes)}\n          style={{ width: `${pct * 100}%` }}\n        />\n        {thresholds.map((t) => (\n          <span key={t} aria-hidden className=\"absolute top-0 h-full w-2 bg-panel\" style={{ left: `${t * 100}%` }} />\n        ))}\n      </div>\n      {caption && <span className=\"text-caption font-medium text-fg-tertiary\">{caption}</span>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Meter.displayName = \"Meter\";\n\nexport const KAESO_PROGRESS_VARIANTS = {\n  kind: {\n    determinate: { classes: \"h-6 rounded-pill bg-fill-3\" },\n    indeterminate: { classes: \"h-2 bg-transparent\" },\n  },\n} as const;\nexport const KAESO_PROGRESS_DEFAULT_VARIANTS = { kind: \"determinate\" } as const;\n\nexport interface ProgressProps {\n  value?: number | undefined;\n  \"aria-label\": string;\n  className?: string | undefined;\n}\n\nexport const Progress = /* @__PURE__ */ forwardRef<HTMLDivElement, ProgressProps>(function Progress({ value, className, \"aria-label\": ariaLabel }, ref) {\n  const indeterminate = value === undefined;\n  return (\n    <div\n      ref={ref}\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      {...(!indeterminate ? { \"aria-valuenow\": Math.round(value * 100) } : {})}\n      className={cn(\"relative w-full overflow-hidden\", KAESO_PROGRESS_VARIANTS.kind[indeterminate ? \"indeterminate\" : \"determinate\"].classes, className)}\n    >\n      {indeterminate ? (\n        <span className=\"absolute inset-y-0 left-0 w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary\" />\n      ) : (\n        <span className=\"block h-full rounded-pill bg-ink width-motion\" style={{ width: `${Math.max(0, Math.min(1, value)) * 100}%` }} />\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Progress.displayName = \"Progress\";\n"],"mappings":";;;;;AAGA,IAAaC,IAAuB,EAClC,MAAM;CACJ,MAAM,EAAE,SAAS,GAAG;CACpB,SAAS,EAAE,SAAS,kBAAkB;AACxC,EACF,GACaC,IAA+B,EAAE,MAAM,OAAO;AAe3D,SAAgBC,EAAW,GAAe,IAAuB,CAAC,GAAG;CAGnE,OAFIC,KAAS,IAAU,cAEhBA,MADOC,EAAW,SAAS,KAAK,IAAI,GAAGA,CAAU,IAAI,MACpC,eAAe;AACzC;AAEA,IAAaC,IAAwB,kBAAuC,SAC1E,EAAE,UAAO,UAAO,eAAY,YAAS,gBAAa,CAAC,GAAG,UAAO,QAAQ,YAAS,aAAU,cAAW,cAAcC,KACjH,GACA;CACA,IAAMC,IAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGJ,CAAK,CAAC,GACpCK,IAAM,KAAK,MAAML,IAAQ,GAAG;CAClC,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWJ,EAAG,uBAAuBU,CAAS;EAA7D,UAAA;IACIC,KAASC,MACT,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACGC;MACD,kBAAC,QAAD;OAAM,WAAU;OAAY,UAAAF;MAAY,CAAA;MACvCG;KACG;IACL,CAAA,GAAAF,KAAc,kBAAC,QAAD;KAAM,WAAU;KAAgD,UAAAA;IAAiB,CAAA,CAC7F;;GAEP,kBAAC,OAAD;IACE,MAAK;IACL,iBAAe;IACf,iBAAe,KAAK,IAAI,KAAKH,CAAG;IAChC,iBAAeA;IACf,cAAYF,MAAc,OAAOI,KAAU,WAAWA,IAAQ,KAAA;IAC9D,GAAK,OAAOC,KAAe,WAAW,EAAE,kBAAkBA,EAAW,IAAI,CAAC;IAC1E,WAAU;IAPZ,UAAA,CASE,kBAAC,OAAD;KACE,WAAWZ,EAAG,oCAAoCe,MAAS,SAASZ,EAAWC,GAAOC,CAAU,IAAIJ,EAAqB,KAAK,QAAQ,OAAO;KAC7I,OAAO,EAAE,OAAO,GAAGO,IAAM,IAAI,GAAG;IACjC,CAAA,GACAH,EAAW,KAAK,MACf,kBAAC,QAAD;KAAc,eAAA;KAAY,WAAU;KAAqC,OAAO,EAAE,MAAM,GAAGW,IAAI,IAAI,GAAG;IAAI,GAA/FA,CAA+F,CAC3G,CACE;;GACJC,KAAW,kBAAC,QAAD;IAAM,WAAU;IAA6C,UAAAA;GAAc,CAAA;EACpF;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,IAAaC,IAA0B,EACrC,MAAM;CACJ,aAAa,EAAE,SAAS,6BAA6B;CACrD,eAAe,EAAE,SAAS,qBAAqB;AACjD,EACF,GACaC,IAAkC,EAAE,MAAM,cAAc,GAQxDC,IAA2B,kBAA0C,SAAkB,EAAE,UAAO,cAAW,cAAcb,KAAa,GAAK;CACtJ,IAAMc,IAAgBjB,MAAU,KAAA;CAChC,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAYG;EACZ,iBAAe;EACf,iBAAe;EACf,GAAMc,IAA+D,CAAC,IAAhD,EAAE,iBAAiB,KAAK,MAAMjB,IAAQ,GAAG,EAAE;EACjE,WAAWJ,EAAG,mCAAmCkB,EAAwB,KAAKG,IAAgB,kBAAkB,cAAc,CAAC,SAASX,CAAS;EAEhJ,UAAAW,IACC,kBAAC,QAAD,EAAM,WAAU,oFAAqF,CAAA,IAErG,kBAAC,QAAD;GAAM,WAAU;GAAgD,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGjB,CAAK,CAAC,IAAI,IAAI,GAAG;EAAI,CAAA;CAE/H,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}

package/dist/chunks/page-header-BIRswR73.js

@@ -0,0 +1,41 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { t } from "./icon-CeNQtobn.js";
+import { c as n } from "./app-frame-BBIMch8X.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/page-header/page-header.tsx
+var o = { size: { md: { classes: "min-h-52 flex-wrap gap-x-12 gap-y-8 px-24 py-10 sm:h-52 sm:flex-nowrap sm:py-0" } } }, s = { size: "md" }, c = /* @__PURE__ */ r(function({ title: r, icon: s, tabs: c, actions: l, start: u, className: d }, f) {
+	let p = n().embedded ? "h2" : "h1";
+	return /* @__PURE__ */ a("header", {
+		ref: f,
+		className: e("flex shrink-0 items-center", o.size.md.classes, d),
+		children: [
+			u,
+			r && /* @__PURE__ */ a(p, {
+				className: "flex min-w-0 items-center gap-8 text-body-lg font-semibold text-fg",
+				children: [s && /* @__PURE__ */ i(t, {
+					icon: s,
+					size: "sm",
+					className: "text-fg-secondary"
+				}), /* @__PURE__ */ i("span", {
+					className: "truncate",
+					children: r
+				})]
+			}),
+			c && /* @__PURE__ */ i("div", {
+				className: "order-last -ml-12 min-w-0 basis-full sm:order-none sm:ml-8 sm:basis-auto",
+				children: c
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "ml-auto flex shrink-0 items-center gap-8",
+				children: l
+			})
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "PageHeader");
+//#endregion
+export { o as n, c as r, s as t };
+
+//# sourceMappingURL=page-header-BIRswR73.js.map

package/dist/chunks/page-header-BIRswR73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-BIRswR73.js","names":["cn","useAppFrame","KAESO_PAGE_HEADER_VARIANTS","KAESO_PAGE_HEADER_DEFAULT_VARIANTS","PageHeader","Heading","className","start","title","icon","Icon","tabs","actions"],"sources":["../../src/components/page-header/page-header.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { useAppFrame } from \"../app-frame/app-frame.js\";\n\nexport const KAESO_PAGE_HEADER_VARIANTS = {\n  size: {\n    md: {\n      classes: \"min-h-52 flex-wrap gap-x-12 gap-y-8 px-24 py-10 sm:h-52 sm:flex-nowrap sm:py-0\",\n    },\n  },\n} as const;\nexport const KAESO_PAGE_HEADER_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface PageHeaderProps {\n  title?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  tabs?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  start?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const PageHeader = /* @__PURE__ */ forwardRef<HTMLElement, PageHeaderProps>(function PageHeader({ title, icon, tabs, actions, start, className }, ref) {\n  const Heading = useAppFrame().embedded ? \"h2\" : \"h1\";\n  return (\n    <header ref={ref} className={cn(\"flex shrink-0 items-center\", KAESO_PAGE_HEADER_VARIANTS.size.md.classes, className)}>\n      {start}\n      {title && (\n        <Heading className=\"flex min-w-0 items-center gap-8 text-body-lg font-semibold text-fg\">\n          {icon && <Icon icon={icon} size=\"sm\" className=\"text-fg-secondary\" />}\n          <span className=\"truncate\">{title}</span>\n        </Heading>\n      )}\n      {tabs && <div className=\"order-last -ml-12 min-w-0 basis-full sm:order-none sm:ml-8 sm:basis-auto\">{tabs}</div>}\n      <div className=\"ml-auto flex shrink-0 items-center gap-8\">{actions}</div>\n    </header>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") PageHeader.displayName = \"PageHeader\";\n"],"mappings":";;;;;;;AAKA,IAAaE,IAA6B,EACxC,MAAM,EACJ,IAAI,EACF,SAAS,iFACX,EACF,EACF,GACaC,IAAqC,EAAE,MAAM,KAAK,GAWlDC,IAA6B,kBAAyC,SAAoB,EAAE,UAAO,SAAM,SAAM,YAAS,UAAO,gBAAa,GAAK;CAC5J,IAAMC,IAAUJ,EAAY,CAAC,CAAC,WAAW,OAAO;CAChD,OACE,kBAAC,UAAD;EAAa;EAAK,WAAWD,EAAG,8BAA8BE,EAA2B,KAAK,GAAG,SAASI,CAAS;EAAnH,UAAA;GACGC;GACAC,KACC,kBAACH,GAAD;IAAS,WAAU;IAAnB,UAAA,CACGI,KAAQ,kBAACC,GAAD;KAAY;KAAM,MAAK;KAAK,WAAU;IAAqB,CAAA,GACpE,kBAAC,QAAD;KAAM,WAAU;KAAY,UAAAF;IAAY,CAAA,CACjC;;GAEVG,KAAQ,kBAAC,OAAD;IAAK,WAAU;IAA4E,UAAAA;GAAU,CAAA;GAC9G,kBAAC,OAAD;IAAK,WAAU;IAA4C,UAAAC;GAAa,CAAA;EAClE;;AAEZ,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/chunks/pagination-DYdLm18-.js

@@ -0,0 +1,85 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { i as t } from "./context-BELWW79w.js";
+import { n } from "./button-BHKAE6ui.js";
+import { t as r } from "./icon-button-Bw67oKtx.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ArrowLeft01Icon as s, ArrowRight01Icon as c } from "@hugeicons/core-free-icons";
+//#region src/components/pagination/pagination.tsx
+var l = { variant: {
+	"load-more": { classes: "" },
+	cursor: { classes: "" },
+	pages: { classes: "" }
+} }, u = { variant: "load-more" }, d = /* @__PURE__ */ i(function({ variant: i = "load-more", hasMore: l, hasPrevious: u, loading: d, onLoadMore: f, onNext: p, onPrevious: m, page: h = 1, pageCount: g = 1, onPageChange: _, className: v }, y) {
+	let b = t(), x = b("pagination.label", "Pagination"), S = b("pagination.previous", "Previous page"), C = b("pagination.next", "Next page"), w = b("pagination.loadMore", "Load more");
+	if (i === "load-more") return l ? /* @__PURE__ */ a("nav", {
+		ref: y,
+		"aria-label": x,
+		className: e("flex items-center justify-center gap-12 py-12", v),
+		children: /* @__PURE__ */ a(n, {
+			variant: "ghost",
+			size: "sm",
+			loading: d,
+			onClick: f,
+			reserveLabels: [w],
+			children: w
+		})
+	}) : null;
+	if (i === "cursor") return /* @__PURE__ */ o("nav", {
+		ref: y,
+		"aria-label": x,
+		className: e("flex items-center gap-8", v),
+		children: [/* @__PURE__ */ a(r, {
+			icon: s,
+			"aria-label": S,
+			variant: "secondary",
+			disabled: !u,
+			onClick: m
+		}), /* @__PURE__ */ a(r, {
+			icon: c,
+			"aria-label": C,
+			variant: "secondary",
+			disabled: !l,
+			onClick: p
+		})]
+	});
+	let T = Array.from({ length: g }, (e, t) => t + 1).filter((e) => e === 1 || e === g || Math.abs(e - h) <= 1);
+	return /* @__PURE__ */ o("nav", {
+		ref: y,
+		"aria-label": x,
+		className: e("flex items-center gap-4", v),
+		children: [
+			/* @__PURE__ */ a(r, {
+				icon: s,
+				"aria-label": S,
+				disabled: h <= 1,
+				onClick: () => _?.(h - 1)
+			}),
+			T.map((t, n) => /* @__PURE__ */ o("span", {
+				className: "flex items-center gap-4",
+				children: [n > 0 && t - (T[n - 1] ?? t) > 1 && /* @__PURE__ */ a("span", {
+					className: "w-24 text-center text-fg-tertiary",
+					children: "…"
+				}), /* @__PURE__ */ a("button", {
+					type: "button",
+					"aria-current": t === h ? "page" : void 0,
+					onClick: () => _?.(t),
+					className: e("inline-flex h-32 min-w-32 cursor-pointer items-center justify-center rounded-pill px-8 text-body font-medium tabular transition-control focus-ring", t === h ? "bg-fill-2 text-fg" : "text-fg-secondary hover:bg-fill-1 hover:text-fg"),
+					children: t
+				})]
+			}, t)),
+			/* @__PURE__ */ a(r, {
+				icon: c,
+				"aria-label": C,
+				disabled: h >= g,
+				onClick: () => _?.(h + 1)
+			})
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "Pagination");
+//#endregion
+export { l as n, d as r, u as t };
+
+//# sourceMappingURL=pagination-DYdLm18-.js.map

package/dist/chunks/pagination-DYdLm18-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-DYdLm18-.js","names":["__icon_ArrowLeft01Icon","__icon_ArrowRight01Icon","cn","useUiText","IconButton","KAESO_PAGINATION_VARIANTS","KAESO_PAGINATION_DEFAULT_VARIANTS","Pagination","t","label","previous","next","loadMore","variant","hasMore","className","Button","onLoadMore","ArrowLeft01Icon","hasPrevious","onPrevious","ArrowRight01Icon","onNext","pages","pageCount","i","p","page","onPageChange"],"sources":["../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { ArrowLeft01Icon as __icon_ArrowLeft01Icon, ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Button } from \"../button/button.js\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_PAGINATION_VARIANTS = {\n  variant: {\n    \"load-more\": { classes: \"\" },\n    cursor: { classes: \"\" },\n    pages: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_PAGINATION_DEFAULT_VARIANTS = { variant: \"load-more\" } as const;\n\nexport interface PaginationProps {\n  variant?: keyof typeof KAESO_PAGINATION_VARIANTS.variant | undefined;\n  hasMore?: boolean | undefined;\n  hasPrevious?: boolean | undefined;\n  loading?: boolean | undefined;\n  onLoadMore?: (() => void) | undefined;\n  onNext?: (() => void) | undefined;\n  onPrevious?: (() => void) | undefined;\n  page?: number | undefined;\n  pageCount?: number | undefined;\n  onPageChange?: ((page: number) => void) | undefined;\n  className?: string | undefined;\n}\n\nexport const Pagination = /* @__PURE__ */ forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  { variant = \"load-more\", hasMore, hasPrevious, loading, onLoadMore, onNext, onPrevious, page = 1, pageCount = 1, onPageChange, className },\n  ref,\n) {\n  const t = useUiText();\n  const label = t(\"pagination.label\", \"Pagination\");\n  const previous = t(\"pagination.previous\", \"Previous page\");\n  const next = t(\"pagination.next\", \"Next page\");\n  const loadMore = t(\"pagination.loadMore\", \"Load more\");\n\n  if (variant === \"load-more\") {\n    if (!hasMore) return null;\n    return (\n      <nav ref={ref} aria-label={label} className={cn(\"flex items-center justify-center gap-12 py-12\", className)}>\n        <Button variant=\"ghost\" size=\"sm\" loading={loading} onClick={onLoadMore} reserveLabels={[loadMore]}>\n          {loadMore}\n        </Button>\n      </nav>\n    );\n  }\n  if (variant === \"cursor\") {\n    return (\n      <nav ref={ref} aria-label={label} className={cn(\"flex items-center gap-8\", className)}>\n        <IconButton icon={__icon_ArrowLeft01Icon} aria-label={previous} variant=\"secondary\" disabled={!hasPrevious} onClick={onPrevious} />\n        <IconButton icon={__icon_ArrowRight01Icon} aria-label={next} variant=\"secondary\" disabled={!hasMore} onClick={onNext} />\n      </nav>\n    );\n  }\n  const pages = Array.from({ length: pageCount }, (_, i) => i + 1).filter((p) => p === 1 || p === pageCount || Math.abs(p - page) <= 1);\n  return (\n    <nav ref={ref} aria-label={label} className={cn(\"flex items-center gap-4\", className)}>\n      <IconButton icon={__icon_ArrowLeft01Icon} aria-label={previous} disabled={page <= 1} onClick={() => onPageChange?.(page - 1)} />\n      {pages.map((p, i) => (\n        <span key={p} className=\"flex items-center gap-4\">\n          {i > 0 && p - (pages[i - 1] ?? p) > 1 && <span className=\"w-24 text-center text-fg-tertiary\">…</span>}\n          <button\n            type=\"button\"\n            aria-current={p === page ? \"page\" : undefined}\n            onClick={() => onPageChange?.(p)}\n            className={cn(\n              \"inline-flex h-32 min-w-32 cursor-pointer items-center justify-center rounded-pill px-8 text-body font-medium tabular transition-control focus-ring\",\n              p === page ? \"bg-fill-2 text-fg\" : \"text-fg-secondary hover:bg-fill-1 hover:text-fg\",\n            )}\n          >\n            {p}\n          </button>\n        </span>\n      ))}\n      <IconButton icon={__icon_ArrowRight01Icon} aria-label={next} disabled={page >= pageCount} onClick={() => onPageChange?.(page + 1)} />\n    </nav>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Pagination.displayName = \"Pagination\";\n"],"mappings":";;;;;;;;;AAOA,IAAaK,IAA4B,EACvC,SAAS;CACP,aAAa,EAAE,SAAS,GAAG;CAC3B,QAAQ,EAAE,SAAS,GAAG;CACtB,OAAO,EAAE,SAAS,GAAG;AACvB,EACF,GACaC,IAAoC,EAAE,SAAS,YAAY,GAgB3DC,IAA6B,kBAAyC,SACjF,EAAE,aAAU,aAAa,YAAS,gBAAa,YAAS,eAAY,WAAQ,eAAY,UAAO,GAAG,eAAY,GAAG,iBAAc,gBAC/H,GACA;CACA,IAAMC,IAAIL,EAAU,GACdM,IAAQD,EAAE,oBAAoB,YAAY,GAC1CE,IAAWF,EAAE,uBAAuB,eAAe,GACnDG,IAAOH,EAAE,mBAAmB,WAAW,GACvCI,IAAWJ,EAAE,uBAAuB,WAAW;CAErD,IAAIK,MAAY,aAEd,OADKC,IAEH,kBAAC,OAAD;EAAU;EAAK,cAAYL;EAAO,WAAWP,EAAG,iDAAiDa,CAAS;EACxG,UAAA,kBAACC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAc;GAAS,SAASC;GAAY,eAAe,CAACL,CAAQ;GAC9F,UAAAA;EACK,CAAA;CACL,CAAA,IANc;CASvB,IAAIC,MAAY,UACd,OACE,kBAAC,OAAD;EAAU;EAAK,cAAYJ;EAAO,WAAWP,EAAG,2BAA2Ba,CAAS;EAApF,UAAA,CACE,kBAACX,GAAD;GAAY,MAAMJ;GAAwB,cAAYU;GAAU,SAAQ;GAAY,UAAU,CAACS;GAAa,SAASC;EAAa,CAAA,GAClI,kBAAChB,GAAD;GAAY,MAAMH;GAAyB,cAAYU;GAAM,SAAQ;GAAY,UAAU,CAACG;GAAS,SAASQ;EAAS,CAAA,CACpH;;CAGT,IAAMC,IAAQ,MAAM,KAAK,EAAE,QAAQC,EAAU,IAAI,GAAG,MAAMC,IAAI,CAAC,CAAC,CAAC,QAAQ,MAAMC,MAAM,KAAKA,MAAMF,KAAa,KAAK,IAAIE,IAAIC,CAAI,KAAK,CAAC;CACpI,OACE,kBAAC,OAAD;EAAU;EAAK,cAAYlB;EAAO,WAAWP,EAAG,2BAA2Ba,CAAS;EAApF,UAAA;GACE,kBAACX,GAAD;IAAY,MAAMJ;IAAwB,cAAYU;IAAU,UAAUiB,KAAQ;IAAG,eAAeC,IAAeD,IAAO,CAAC;GAAI,CAAA;GAC9HJ,EAAM,KAAK,GAAG,MACb,kBAAC,QAAD;IAAc,WAAU;IAAxB,UAAA,CACGE,IAAI,KAAKC,KAAKH,EAAME,IAAI,MAAMC,KAAK,KAAK,kBAAC,QAAD;KAAM,WAAU;KAAoC,UAAA;IAAO,CAAA,GACpG,kBAAC,UAAD;KACE,MAAK;KACL,gBAAcA,MAAMC,IAAO,SAAS,KAAA;KACpC,eAAeC,IAAeF,CAAC;KAC/B,WAAWxB,EACT,sJACAwB,MAAMC,IAAO,sBAAsB,iDACrC;KAEC,UAAAD;IACK,CAAA,CACJ;GAbK,GAAAA,CAaL,CACP;GACD,kBAACtB,GAAD;IAAY,MAAMH;IAAyB,cAAYU;IAAM,UAAUgB,KAAQH;IAAW,eAAeI,IAAeD,IAAO,CAAC;GAAI,CAAA;EACjI;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/chunks/popover-BE7VO-a4.js

@@ -0,0 +1,50 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { n as t, r as n } from "./portal-context-BBbzDKmY.js";
+import { t as r } from "./inset-BLMdxX4I.js";
+import { n as i, r as a, t as o } from "./popover-root-D3q89WNF.js";
+import { forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Popover as u } from "@base-ui/react/popover";
+//#region src/components/popover/popover.tsx
+var d = { padding: {
+	form: { classes: "p-12" },
+	list: { classes: "p-6" },
+	none: { classes: "p-0" }
+} }, f = { padding: "form" }, p = "z-50 rounded-popover bg-raised text-body text-fg shadow-raised outline-none popup-motion max-h-(--available-height) overflow-auto scrollbar-quiet", m = /* @__PURE__ */ s(function({ children: i, side: a = "bottom", align: o = "start", sideOffset: s = 6, padding: f = "form", title: m, className: h, "aria-label": g }, _) {
+	return /* @__PURE__ */ c(u.Portal, {
+		container: n(),
+		children: /* @__PURE__ */ c(u.Positioner, {
+			positionMethod: "fixed",
+			collisionBoundary: t(),
+			side: a,
+			align: o,
+			sideOffset: s,
+			collisionPadding: 8,
+			className: "z-50 outline-none",
+			children: /* @__PURE__ */ l(u.Popup, {
+				ref: _,
+				...g ? { "aria-label": g } : {},
+				className: e(p, d.padding[f].classes, h),
+				children: [m && /* @__PURE__ */ c(u.Title, {
+					className: "mb-8 text-body font-semibold text-fg",
+					children: m
+				}), /* @__PURE__ */ c(r, {
+					inset: !1,
+					children: i
+				})]
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "Popover.Content");
+var h = /* @__PURE__ */ Object.assign(i, {
+	Trigger: a,
+	Content: m,
+	Close: o
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "Popover");
+//#endregion
+export { h as i, d as n, p as r, f as t };
+
+//# sourceMappingURL=popover-BE7VO-a4.js.map

package/dist/chunks/popover-BE7VO-a4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-BE7VO-a4.js","names":["BasePopover","Popover","cn","pageBoundary","usePortalContainer","InsetContent","PopoverRoot","PopoverTrigger","PopoverClose","KAESO_POPOVER_VARIANTS","KAESO_POPOVER_DEFAULT_VARIANTS","POPOVER_POPUP","Content","ariaLabel","Popover","padding","className","title","Popover$1"],"sources":["../../src/components/popover/popover.tsx"],"sourcesContent":["import { InsetContent } from \"../../utils/inset.js\";\nimport { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { cn } from \"../../utils/cn.js\";\nimport { PopoverClose, PopoverRoot, PopoverTrigger } from \"./popover-root.js\";\n\nexport type { PopoverProps } from \"./popover-root.js\";\n\nexport const KAESO_POPOVER_VARIANTS = {\n  padding: {\n    form: { classes: \"p-12\" },\n    list: { classes: \"p-6\" },\n    none: { classes: \"p-0\" },\n  },\n} as const;\nexport const KAESO_POPOVER_DEFAULT_VARIANTS = { padding: \"form\" } as const;\n\ntype Side = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype Align = \"start\" | \"center\" | \"end\";\n\nexport const POPOVER_POPUP =\n  \"z-50 rounded-popover bg-raised text-body text-fg shadow-raised outline-none popup-motion max-h-(--available-height) overflow-auto scrollbar-quiet\";\n\nexport interface PopoverContentProps {\n  children: ReactNode;\n  side?: Side | undefined;\n  align?: Align | undefined;\n  sideOffset?: number | undefined;\n  padding?: keyof typeof KAESO_POPOVER_VARIANTS.padding | undefined;\n  title?: ReactNode | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nconst Content = /* @__PURE__ */ forwardRef<HTMLDivElement, PopoverContentProps>(function PopoverContent(\n  { children, side = \"bottom\", align = \"start\", sideOffset = 6, padding = \"form\", title, className, \"aria-label\": ariaLabel },\n  ref,\n) {\n  return (\n    <BasePopover.Portal container={usePortalContainer()}>\n      <BasePopover.Positioner\n        positionMethod=\"fixed\"\n        collisionBoundary={pageBoundary()}\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={8}\n        className=\"z-50 outline-none\"\n      >\n        <BasePopover.Popup\n          ref={ref}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          className={cn(POPOVER_POPUP, KAESO_POPOVER_VARIANTS.padding[padding].classes, className)}\n        >\n          {title && <BasePopover.Title className=\"mb-8 text-body font-semibold text-fg\">{title}</BasePopover.Title>}\n          <InsetContent inset={false}>{children}</InsetContent>\n        </BasePopover.Popup>\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Content.displayName = \"Popover.Content\";\n\nexport const Popover = /* @__PURE__ */ Object.assign(PopoverRoot, { Trigger: PopoverTrigger, Content, Close: PopoverClose });\nif (process.env.NODE_ENV !== \"production\") Popover.displayName = \"Popover\";\n"],"mappings":";;;;;;;;;AASA,IAAaS,IAAyB,EACpC,SAAS;CACP,MAAM,EAAE,SAAS,OAAO;CACxB,MAAM,EAAE,SAAS,MAAM;CACvB,MAAM,EAAE,SAAS,MAAM;AACzB,EACF,GACaC,IAAiC,EAAE,SAAS,OAAO,GAKnDC,IACX,qJAaIC,IAA0B,kBAAgD,SAC9E,EAAE,aAAU,UAAO,UAAU,WAAQ,SAAS,gBAAa,GAAG,aAAU,QAAQ,UAAO,cAAW,cAAcC,KAChH,GACA;CACA,OACE,kBAACb,EAAY,QAAb;EAAoB,WAAWI,EAAmB;EAChD,UAAA,kBAACJ,EAAY,YAAb;GACE,gBAAe;GACf,mBAAmBG,EAAa;GAC1B;GACC;GACK;GACZ,kBAAkB;GAClB,WAAU;GAEV,UAAA,kBAACH,EAAY,OAAb;IACO;IACL,GAAKa,IAAY,EAAE,cAAcA,EAAU,IAAI,CAAC;IAChD,WAAWX,EAAGS,GAAeF,EAAuB,QAAQM,EAAQ,CAAC,SAASC,CAAS;IAHzF,UAAA,CAKGC,KAAS,kBAACjB,EAAY,OAAb;KAAmB,WAAU;KAAwC,UAAAiB;IAAyB,CAAA,GACxG,kBAACZ,GAAD;KAAc,OAAO;KAAQ;IAAuB,CAAA,CACnC;;EACG,CAAA;CACN,CAAA;AAExB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAQ,cAAc;AAEjE,IAAaJ,IAA0B,uBAAO,OAAOK,GAAa;CAAE,SAASC;CAAgB;CAAS,OAAOC;AAAa,CAAC;AAC3H,QAAA,IAAA,aAA6B,iBAAc,EAAQ,cAAc"}

package/dist/chunks/popover-root-D3q89WNF.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Popover as t } from "@base-ui/react/popover";
+//#region src/components/popover/popover-root.tsx
+function n({ open: n, defaultOpen: r, onOpenChange: i, trapFocus: a, children: o }) {
+	return /* @__PURE__ */ e(t.Root, {
+		...n === void 0 ? {} : { open: n },
+		...r === void 0 ? {} : { defaultOpen: r },
+		...i ? { onOpenChange: (e) => i(e) } : {},
+		modal: a ? "trap-focus" : !1,
+		children: o
+	});
+}
+process.env.NODE_ENV !== "production" && (n.displayName = "Popover");
+function r({ children: n }) {
+	return /* @__PURE__ */ e(t.Trigger, { render: n });
+}
+process.env.NODE_ENV !== "production" && (r.displayName = "Popover.Trigger");
+function i({ children: n }) {
+	return /* @__PURE__ */ e(t.Close, { render: n });
+}
+process.env.NODE_ENV !== "production" && (i.displayName = "Popover.Close");
+//#endregion
+export { n, r, i as t };
+
+//# sourceMappingURL=popover-root-D3q89WNF.js.map

package/dist/chunks/popover-root-D3q89WNF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-root-D3q89WNF.js","names":["BasePopover","PopoverRoot","Popover","open","defaultOpen","onOpenChange","o","trapFocus","PopoverTrigger","children","PopoverClose"],"sources":["../../src/components/popover/popover-root.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from \"react\";\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\n\nexport interface PopoverProps {\n  children: ReactNode;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  trapFocus?: boolean | undefined;\n}\n\nexport function PopoverRoot({ open, defaultOpen, onOpenChange, trapFocus, children }: PopoverProps) {\n  return (\n    <BasePopover.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      modal={trapFocus ? \"trap-focus\" : false}\n    >\n      {children}\n    </BasePopover.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") PopoverRoot.displayName = \"Popover\";\n\nexport function PopoverTrigger({ children }: { children: ReactElement }) {\n  return <BasePopover.Trigger render={children} />;\n}\nif (process.env.NODE_ENV !== \"production\") PopoverTrigger.displayName = \"Popover.Trigger\";\n\nexport function PopoverClose({ children }: { children: ReactElement }) {\n  return <BasePopover.Close render={children} />;\n}\nif (process.env.NODE_ENV !== \"production\") PopoverClose.displayName = \"Popover.Close\";\n"],"mappings":";;;;AAWA,SAAgBC,EAAY,EAAE,SAAM,gBAAa,iBAAc,cAAW,eAA0B;CAClG,OACE,kBAACD,EAAY,MAAb;EACE,GAAKG,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EACjC,GAAKC,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;EAC/C,GAAKC,IAAe,EAAE,eAAe,MAAeA,EAAaC,CAAC,EAAE,IAAI,CAAC;EACzE,OAAOC,IAAY,eAAe;EAEjC;CACe,CAAA;AAEtB;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAErE,SAAgBC,EAAe,EAAE,eAAwC;CACvE,OAAO,kBAACR,EAAY,SAAb,EAAqB,QAAQS,EAAW,CAAA;AACjD;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAe,cAAc;AAExE,SAAgBC,EAAa,EAAE,eAAwC;CACrE,OAAO,kBAACV,EAAY,OAAb,EAAmB,QAAQS,EAAW,CAAA;AAC/C;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}

package/dist/chunks/portal-context-BBbzDKmY.js

@@ -0,0 +1,33 @@
+"use client";
+import { createContext as e, use as t, useCallback as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/utils/portal-context.tsx
+var o = /* @__PURE__ */ e(null);
+function s({ children: e, className: t }) {
+	let [s] = r(() => {
+		if (typeof document > "u") return null;
+		let e = document.createElement("div");
+		return e.setAttribute("data-portal-container", ""), e;
+	}), c = n((e) => {
+		e && s && s.parentNode !== e && e.appendChild(s);
+	}, [s]);
+	return /* @__PURE__ */ a(o.Provider, {
+		value: s,
+		children: [e, /* @__PURE__ */ i("div", {
+			ref: c,
+			className: t ?? "absolute top-0 left-0 size-0",
+			"data-portal-host": ""
+		})]
+	});
+}
+process.env.NODE_ENV !== "production" && (s.displayName = "PortalContainer");
+function c() {
+	return t(o) ?? void 0;
+}
+function l() {
+	return typeof document > "u" ? "clipping-ancestors" : document.documentElement;
+}
+//#endregion
+export { l as n, c as r, s as t };
+
+//# sourceMappingURL=portal-context-BBbzDKmY.js.map

package/dist/chunks/portal-context-BBbzDKmY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-context-BBbzDKmY.js","names":["PortalCtx","PortalContainer","el","useState","node","attach","useCallback","host","children","className","usePortalContainer","use","pageBoundary"],"sources":["../../src/utils/portal-context.tsx"],"sourcesContent":["import { createContext, use, useCallback, useState, type ReactNode } from \"react\";\n\nconst PortalCtx = /* @__PURE__ */ createContext<HTMLElement | null>(null);\n\nexport function PortalContainer({ children, className }: { children: ReactNode; className?: string }) {\n  const [el] = useState<HTMLDivElement | null>(() => {\n    if (typeof document === \"undefined\") return null;\n    const node = document.createElement(\"div\");\n    node.setAttribute(\"data-portal-container\", \"\");\n    return node;\n  });\n  const attach = useCallback(\n    (host: HTMLDivElement | null) => {\n      if (host && el && el.parentNode !== host) host.appendChild(el);\n    },\n    [el],\n  );\n  return (\n    <PortalCtx.Provider value={el}>\n      {children}\n      <div ref={attach} className={className ?? \"absolute top-0 left-0 size-0\"} data-portal-host=\"\" />\n    </PortalCtx.Provider>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") PortalContainer.displayName = \"PortalContainer\";\n\nexport function usePortalContainer(): HTMLElement | undefined {\n  return use(PortalCtx) ?? undefined;\n}\n\nexport function pageBoundary(): Element | \"clipping-ancestors\" {\n  return typeof document === \"undefined\" ? \"clipping-ancestors\" : document.documentElement;\n}\n"],"mappings":";;;;AAEA,IAAMA,IAA4B,kBAAkC,IAAI;AAExE,SAAgBC,EAAgB,EAAE,aAAU,gBAA0D;CACpG,IAAM,CAACC,KAAMC,QAAsC;EACjD,IAAI,OAAO,WAAa,KAAa,OAAO;EAC5C,IAAMC,IAAO,SAAS,cAAc,KAAK;EAEzC,OADAA,EAAK,aAAa,yBAAyB,EAAE,GACtCA;CACT,CAAC,GACKC,IAASC,GACZ,MAAgC;EAC/B,AAAIC,KAAQL,KAAMA,EAAG,eAAeK,KAAMA,EAAK,YAAYL,CAAE;CAC/D,GACA,CAACA,CAAE,CACL;CACA,OACE,kBAACF,EAAU,UAAX;EAAoB,OAAOE;EAA3B,UAAA,CACGM,GACD,kBAAC,OAAD;GAAK,KAAKH;GAAQ,WAAWI,KAAa;GAAgC,oBAAiB;EAAI,CAAA,CAC7E;;AAExB;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc;AAEzE,SAAgBC,IAA8C;CAC5D,OAAOC,EAAIX,CAAS,KAAK,KAAA;AAC3B;AAEA,SAAgBY,IAA+C;CAC7D,OAAO,OAAO,WAAa,MAAc,uBAAuB,SAAS;AAC3E"}

package/dist/chunks/radio-CUxbLCvD.js

@@ -0,0 +1,110 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { t } from "./labelled-D5udSPUI.js";
+import { createContext as n, forwardRef as r, useContext as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Radio as c } from "@base-ui/react/radio";
+import { RadioGroup as l } from "@base-ui/react/radio-group";
+//#region src/components/radio/radio.tsx
+var u = { variant: {
+	default: { classes: "flex flex-col" },
+	cards: { classes: "flex flex-col overflow-hidden rounded-group bg-raised shadow-xs" }
+} }, d = { variant: "default" }, f = /* @__PURE__ */ n({ variant: "default" }), p = /* @__PURE__ */ r(function({ value: t, defaultValue: n, onValueChange: r, disabled: i, name: a, variant: s = "default", orientation: c = "vertical", className: d, children: p, ...m }, h) {
+	return /* @__PURE__ */ o(f.Provider, {
+		value: { variant: s },
+		children: /* @__PURE__ */ o(l, {
+			ref: h,
+			...t === void 0 ? {} : { value: t },
+			...n === void 0 ? {} : { defaultValue: n },
+			...r ? { onValueChange: (e) => r(String(e)) } : {},
+			...i === void 0 ? {} : { disabled: i },
+			...a ? { name: a } : {},
+			className: e(u.variant[s].classes, c === "horizontal" && s === "default" && "flex-row flex-wrap gap-x-24", d),
+			...m,
+			children: p
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "RadioGroup");
+var m = /* @__PURE__ */ r(function({ value: t, disabled: n, id: r, className: i, "aria-label": a, "aria-labelledby": s, "aria-describedby": l, "data-force": u }, d) {
+	return /* @__PURE__ */ o(c.Root, {
+		ref: d,
+		value: t,
+		...n === void 0 ? {} : { disabled: n },
+		...r ? { id: r } : {},
+		...a ? { "aria-label": a } : {},
+		...s ? { "aria-labelledby": s } : {},
+		...l ? { "aria-describedby": l } : {},
+		...u ? { "data-force": u } : {},
+		className: e("relative inline-flex size-18 shrink-0 cursor-pointer items-center justify-center rounded-pill bg-raised shadow-selector radio-donut focus-ring tap-target", "not-checked:hover:shadow-selector-hover disabled:cursor-not-allowed disabled:bg-fill-1 disabled:shadow-none", i)
+	});
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "Radio.Circle");
+var h = /* @__PURE__ */ r(function({ label: n, description: r, id: c, className: l, ...u }, d) {
+	let { variant: p } = i(f), h = a(), g = c ?? `k-radio-${h}`, _ = t(g, n, r, u);
+	return p === "cards" ? /* @__PURE__ */ s("label", {
+		htmlFor: g,
+		className: e("flex min-h-56 cursor-pointer items-center gap-16 px-20 py-12 transition-control hover:bg-fill-1 not-first:hairline-t has-[:disabled]:cursor-not-allowed", l),
+		children: [/* @__PURE__ */ s("span", {
+			className: "flex min-w-0 flex-1 flex-col gap-2",
+			children: [/* @__PURE__ */ o("span", {
+				id: _.labelId,
+				className: e("text-body-lg font-medium text-fg", u.disabled && "text-fg-disabled"),
+				children: n
+			}), r && /* @__PURE__ */ o("span", {
+				id: _.descriptionId,
+				className: "text-small text-fg-secondary",
+				children: r
+			})]
+		}), /* @__PURE__ */ o(m, {
+			ref: d,
+			id: g,
+			...u,
+			..._.aria
+		})]
+	}) : n ? /* @__PURE__ */ s("label", {
+		htmlFor: g,
+		className: e("inline-flex min-h-32 cursor-pointer items-start gap-10 py-6 select-none", u.disabled && "cursor-not-allowed", l),
+		children: [/* @__PURE__ */ o("span", {
+			className: "flex h-20 items-center",
+			children: /* @__PURE__ */ o(m, {
+				ref: d,
+				id: g,
+				...u,
+				..._.aria
+			})
+		}), /* @__PURE__ */ s("span", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ o("span", {
+				id: _.labelId,
+				className: e("text-body text-fg", u.disabled && "text-fg-disabled"),
+				children: n
+			}), r && /* @__PURE__ */ o("span", {
+				id: _.descriptionId,
+				className: "text-small text-fg-secondary",
+				children: r
+			})]
+		})]
+	}) : /* @__PURE__ */ o(m, {
+		ref: d,
+		id: g,
+		className: l,
+		...u
+	});
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "Radio");
+var g = /* @__PURE__ */ Object.assign(h, {
+	Group: p,
+	Circle: m
+}), _ = p;
+function v(e) {
+	return /* @__PURE__ */ o(p, {
+		variant: "cards",
+		...e
+	});
+}
+process.env.NODE_ENV !== "production" && (v.displayName = "RadioCards");
+//#endregion
+export { m as a, v as i, u as n, _ as o, g as r, d as t };
+
+//# sourceMappingURL=radio-CUxbLCvD.js.map

package/dist/chunks/radio-CUxbLCvD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-CUxbLCvD.js","names":["RadioGroup","BaseRadioGroup","BaseRadio","Radio","cn","KAESO_RADIO_VARIANTS","KAESO_RADIO_DEFAULT_VARIANTS","Ctx","Group","props","RadioGroup","value","defaultValue","onValueChange","v","disabled","name","variant","orientation","className","RadioCircle","ariaLabel","labelledBy","describedBy","force","Radio","id","Root","useContext","auto","useId","rid","named","labelled","label","description","Radio$1","RadioGroup$1","RadioCards"],"sources":["../../src/components/radio/radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, type ReactNode } from \"react\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { cn } from \"../../utils/cn.js\";\nimport { labelled } from \"./labelled.js\";\n\nexport const KAESO_RADIO_VARIANTS = {\n  variant: {\n    default: { classes: \"flex flex-col\" },\n    cards: {\n      classes: \"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\",\n    },\n  },\n} as const;\nexport const KAESO_RADIO_DEFAULT_VARIANTS = { variant: \"default\" } as const;\n\nconst Ctx = /* @__PURE__ */ createContext<{ variant: keyof typeof KAESO_RADIO_VARIANTS.variant }>({ variant: \"default\" });\n\nexport interface RadioGroupProps {\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  variant?: keyof typeof KAESO_RADIO_VARIANTS.variant | undefined;\n  orientation?: \"vertical\" | \"horizontal\" | 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, RadioGroupProps>(function RadioGroup(\n  { value, defaultValue, onValueChange, disabled, name, variant = \"default\", orientation = \"vertical\", className, children, ...props },\n  ref,\n) {\n  return (\n    <Ctx.Provider value={{ variant }}>\n      <BaseRadioGroup\n        ref={ref}\n        {...(value !== undefined ? { value } : {})}\n        {...(defaultValue !== undefined ? { defaultValue } : {})}\n        {...(onValueChange ? { onValueChange: (v: unknown) => onValueChange(String(v)) } : {})}\n        {...(disabled !== undefined ? { disabled } : {})}\n        {...(name ? { name } : {})}\n        className={cn(\n          KAESO_RADIO_VARIANTS.variant[variant].classes,\n          orientation === \"horizontal\" && variant === \"default\" && \"flex-row flex-wrap gap-x-24\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </BaseRadioGroup>\n    </Ctx.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Group.displayName = \"RadioGroup\";\n\nexport interface RadioProps {\n  value: string;\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const RadioCircle = /* @__PURE__ */ forwardRef<HTMLButtonElement, RadioProps>(function RadioCircle(\n  { value, disabled, id, className, \"aria-label\": ariaLabel, \"aria-labelledby\": labelledBy, \"aria-describedby\": describedBy, \"data-force\": force },\n  ref,\n) {\n  return (\n    <BaseRadio.Root\n      ref={ref}\n      value={value}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(id ? { id } : {})}\n      {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n      {...(labelledBy ? { \"aria-labelledby\": labelledBy } : {})}\n      {...(describedBy ? { \"aria-describedby\": describedBy } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"relative inline-flex size-18 shrink-0 cursor-pointer items-center justify-center rounded-pill bg-raised shadow-selector radio-donut focus-ring tap-target\",\n        \"not-checked:hover:shadow-selector-hover disabled:cursor-not-allowed disabled:bg-fill-1 disabled:shadow-none\",\n        className,\n      )}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RadioCircle.displayName = \"Radio.Circle\";\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLButtonElement, RadioProps>(function Radio({ label, description, id, className, ...props }, ref) {\n  const { variant } = useContext(Ctx);\n  const auto = useId();\n  const rid = id ?? `k-radio-${auto}`;\n  const named = labelled(rid, label, description, props);\n  if (variant === \"cards\") {\n    return (\n      <label\n        htmlFor={rid}\n        className={cn(\n          \"flex min-h-56 cursor-pointer items-center gap-16 px-20 py-12 transition-control hover:bg-fill-1 not-first:hairline-t has-[:disabled]:cursor-not-allowed\",\n          className,\n        )}\n      >\n        <span className=\"flex min-w-0 flex-1 flex-col gap-2\">\n          <span id={named.labelId} className={cn(\"text-body-lg font-medium 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        <RadioCircle ref={ref} id={rid} {...props} {...named.aria} />\n      </label>\n    );\n  }\n  if (!label) return <RadioCircle ref={ref} id={rid} className={className} {...props} />;\n  return (\n    <label\n      htmlFor={rid}\n      className={cn(\"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        <RadioCircle ref={ref} id={rid} {...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 = \"Radio\";\n\nexport const Radio = /* @__PURE__ */ Object.assign(Root, { Group, Circle: RadioCircle });\nexport const RadioGroup = Group;\nexport function RadioCards(props: Omit<RadioGroupProps, \"variant\">) {\n  return <Group variant=\"cards\" {...props} />;\n}\nif (process.env.NODE_ENV !== \"production\") RadioCards.displayName = \"RadioCards\";\n"],"mappings":"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"}

package/dist/chunks/range-popup-AbRzgHtY.js

@@ -0,0 +1,111 @@
+"use client";
+import { i as e } from "./styles-Btvg2DCf.js";
+import { t } from "./cn-CidVUKMm.js";
+import { i as n } from "./context-BELWW79w.js";
+import { n as r } from "./button-BHKAE6ui.js";
+import { i } from "./popover-BE7VO-a4.js";
+import { t as a } from "./calendar-B5SSTE56.js";
+import { t as o } from "./iso-field-CznqNVrH.js";
+import { useState as s, useSyncExternalStore as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/date-picker/range-popup.tsx
+var d = "(max-width: 767px)";
+function f(e) {
+	if (typeof window > "u" || !window.matchMedia) return () => {};
+	let t = window.matchMedia(d);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+var p = () => typeof window < "u" && !!window.matchMedia?.(d).matches, m = () => !c(f, p, () => !1), h = (e) => new Date(e.getFullYear(), e.getMonth(), 1), g = (e, t) => new Date(e.getFullYear(), e.getMonth() + t, 1), _ = (e, t) => e?.toDateString() === t?.toDateString();
+function v({ range: c, preset: d, presets: f, onPick: p, onClose: v, weekStartsOn: y, disabledDays: b }) {
+	let x = m(), S = n(), C = x ? 2 : 1, [w, T] = s(c ?? void 0), [E, D] = s(d === null), [O, k] = s(() => h(c?.to ?? c?.from ?? /* @__PURE__ */ new Date())), A = g(O, 1 - C), j = (e) => e >= A && h(e) <= O, M = E ? null : d, N = (e) => {
+		T(e), D(!0);
+	}, P = (e, t) => {
+		if (b?.(t)) return !1;
+		let n = e === "from" ? w?.to : w?.from;
+		return N(e === "from" ? {
+			from: t,
+			to: n && n < t ? t : n
+		} : {
+			from: n && n > t ? t : n,
+			to: t
+		}), j(t) || k(e === "to" || C === 1 ? h(t) : g(h(t), C - 1)), !0;
+	}, F = _(w?.from, c?.from) && _(w?.to ?? w?.from, c?.to), I = t(e, "cursor-pointer hover:bg-fill-1 focus-ring-inset aria-selected:bg-fill-2", x && "coarse:min-h-40");
+	return /* @__PURE__ */ l(i.Content, {
+		padding: "none",
+		"aria-label": S("datePicker.chooseRange", "Choose a date range"),
+		className: t(!x && "w-360 max-w-(--available-width)"),
+		children: /* @__PURE__ */ u("div", {
+			className: t("flex", !x && "flex-col"),
+			children: [/* @__PURE__ */ u("div", {
+				className: t("shrink-0 gap-2 p-6", x ? "flex min-w-160 flex-col hairline-r" : "grid grid-cols-2 hairline-b"),
+				role: "listbox",
+				"aria-label": S("datePicker.presets", "Presets"),
+				children: [f.map((e) => {
+					let t = e.id ?? e.label;
+					return /* @__PURE__ */ l("button", {
+						type: "button",
+						role: "option",
+						"aria-selected": M === t,
+						className: I,
+						onClick: () => p(e.range(), t),
+						children: e.label
+					}, t);
+				}), /* @__PURE__ */ l("button", {
+					type: "button",
+					role: "option",
+					"aria-selected": M === null,
+					className: I,
+					onClick: () => D(!0),
+					children: S("datePicker.custom", "Custom")
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: t("flex flex-col p-12", !x && "items-center"),
+				children: [/* @__PURE__ */ l(a, {
+					mode: "range",
+					numberOfMonths: C,
+					selected: w,
+					month: A,
+					onMonthChange: (e) => k(g(e, C - 1)),
+					onSelect: (e) => N(e),
+					weekStartsOn: y,
+					disabled: b
+				}), /* @__PURE__ */ u("div", {
+					className: "mt-12 flex items-center gap-8 self-stretch",
+					children: [
+						/* @__PURE__ */ l(o, {
+							label: S("datePicker.startDate", "Start date"),
+							value: w?.from,
+							onCommit: (e) => P("from", e)
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-fg-tertiary",
+							"aria-hidden": !0,
+							children: "–"
+						}),
+						/* @__PURE__ */ l(o, {
+							label: S("datePicker.endDate", "End date"),
+							value: w?.to,
+							onCommit: (e) => P("to", e)
+						}),
+						/* @__PURE__ */ l(r, {
+							size: "sm",
+							variant: "primary",
+							disabled: !w?.from,
+							onClick: () => {
+								w?.from && (F && !E ? v() : p({
+									from: w.from,
+									to: w.to ?? w.from
+								}, null));
+							},
+							children: S("datePicker.apply", "Apply")
+						})
+					]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { v as RangePopup };
+
+//# sourceMappingURL=range-popup-AbRzgHtY.js.map

package/dist/chunks/range-popup-AbRzgHtY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-popup-AbRzgHtY.js","names":["MENU_ITEM","useUiText","Button","Calendar","IsoField","NARROW","subscribeNarrow","q","onChange","isNarrow","useWide","useSyncExternalStore","monthOf","d","addMonths","n","sameDay","a","b","RangePopup","wide","t","months","draft","setDraft","useState","range","custom","setCustom","preset","last","setLast","first","shows","selected","edit","next","typed","disabledDays","other","which","unchanged","item","cn","Popover","presets","id","p","onPick","m","r","onClose"],"sources":["../../src/components/date-picker/range-popup.tsx"],"sourcesContent":["import { useState, useSyncExternalStore } from \"react\";\nimport type { DateRange } from \"react-day-picker\";\nimport { Calendar, type CalendarProps } from \"../calendar/calendar.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Popover } from \"../popover/popover.js\";\nimport { Button } from \"../button/button.js\";\nimport { MENU_ITEM } from \"../menu/styles.js\";\nimport { IsoField } from \"./iso-field.js\";\nimport type { DateRangePreset } from \"./date-picker.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport interface RangePopupProps {\n  range: DateRange | null;\n  preset: string | null;\n  presets: DateRangePreset[];\n  onPick: (range: DateRange, preset: string | null) => void;\n  onClose: () => void;\n  weekStartsOn: CalendarProps[\"weekStartsOn\"];\n  disabledDays: ((date: Date) => boolean) | undefined;\n}\n\nconst NARROW = \"(max-width: 767px)\";\nfunction subscribeNarrow(onChange: () => void) {\n  if (typeof window === \"undefined\" || !window.matchMedia) return () => {};\n  const q = window.matchMedia(NARROW);\n  q.addEventListener(\"change\", onChange);\n  return () => q.removeEventListener(\"change\", onChange);\n}\nconst isNarrow = () => typeof window !== \"undefined\" && !!window.matchMedia?.(NARROW).matches;\nconst useWide = () => !useSyncExternalStore(subscribeNarrow, isNarrow, () => false);\n\nconst monthOf = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\nconst addMonths = (d: Date, n: number) => new Date(d.getFullYear(), d.getMonth() + n, 1);\nconst sameDay = (a: Date | undefined, b: Date | undefined) => a?.toDateString() === b?.toDateString();\n\nexport function RangePopup({ range, preset, presets, onPick, onClose, weekStartsOn, disabledDays }: RangePopupProps) {\n  const wide = useWide();\n  const t = useUiText();\n  const months = wide ? 2 : 1;\n  const [draft, setDraft] = useState<DateRange | undefined>(range ?? undefined);\n  const [custom, setCustom] = useState(preset === null);\n  const [last, setLast] = useState(() => monthOf(range?.to ?? range?.from ?? new Date()));\n  const first = addMonths(last, 1 - months);\n  const shows = (d: Date) => d >= first && monthOf(d) <= last;\n  const selected = custom ? null : preset;\n  const edit = (next: DateRange | undefined) => {\n    setDraft(next);\n    setCustom(true);\n  };\n  const typed = (which: \"from\" | \"to\", d: Date) => {\n    if (disabledDays?.(d)) return false;\n    const other = which === \"from\" ? draft?.to : draft?.from;\n    const next = which === \"from\" ? { from: d, to: other && other < d ? d : other } : { from: other && other > d ? d : other, to: d };\n    edit(next);\n    if (!shows(d)) setLast(which === \"to\" || months === 1 ? monthOf(d) : addMonths(monthOf(d), months - 1));\n    return true;\n  };\n  const unchanged = sameDay(draft?.from, range?.from) && sameDay(draft?.to ?? draft?.from, range?.to);\n  const item = cn(MENU_ITEM, \"cursor-pointer hover:bg-fill-1 focus-ring-inset aria-selected:bg-fill-2\", wide && \"coarse:min-h-40\");\n\n  return (\n    <Popover.Content padding=\"none\" aria-label={t(\"datePicker.chooseRange\", \"Choose a date range\")} className={cn(!wide && \"w-360 max-w-(--available-width)\")}>\n      <div className={cn(\"flex\", !wide && \"flex-col\")}>\n        <div\n          className={cn(\"shrink-0 gap-2 p-6\", wide ? \"flex min-w-160 flex-col hairline-r\" : \"grid grid-cols-2 hairline-b\")}\n          role=\"listbox\"\n          aria-label={t(\"datePicker.presets\", \"Presets\")}\n        >\n          {presets.map((p) => {\n            const id = p.id ?? p.label;\n            return (\n              <button key={id} type=\"button\" role=\"option\" aria-selected={selected === id} className={item} onClick={() => onPick(p.range(), id)}>\n                {p.label}\n              </button>\n            );\n          })}\n          <button type=\"button\" role=\"option\" aria-selected={selected === null} className={item} onClick={() => setCustom(true)}>\n            {t(\"datePicker.custom\", \"Custom\")}\n          </button>\n        </div>\n        <div className={cn(\"flex flex-col p-12\", !wide && \"items-center\")}>\n          <Calendar\n            mode=\"range\"\n            numberOfMonths={months}\n            selected={draft}\n            month={first}\n            onMonthChange={(m) => setLast(addMonths(m, months - 1))}\n            onSelect={(r) => edit(r as DateRange | undefined)}\n            weekStartsOn={weekStartsOn}\n            disabled={disabledDays}\n          />\n          <div className=\"mt-12 flex items-center gap-8 self-stretch\">\n            <IsoField label={t(\"datePicker.startDate\", \"Start date\")} value={draft?.from} onCommit={(d) => typed(\"from\", d)} />\n            <span className=\"text-fg-tertiary\" aria-hidden>\n              –\n            </span>\n            <IsoField label={t(\"datePicker.endDate\", \"End date\")} value={draft?.to} onCommit={(d) => typed(\"to\", d)} />\n            <Button\n              size=\"sm\"\n              variant=\"primary\"\n              disabled={!draft?.from}\n              onClick={() => {\n                if (!draft?.from) return;\n                if (unchanged && !custom) onClose();\n                else onPick({ from: draft.from, to: draft.to ?? draft.from }, null);\n              }}\n            >\n              {t(\"datePicker.apply\", \"Apply\")}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </Popover.Content>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/restore-focus-Cap1Q-R3.js

@@ -0,0 +1,19 @@
+"use client";
+import { useRef as e } from "react";
+//#region src/utils/restore-focus.ts
+function t() {
+	if (typeof document > "u") return null;
+	let e = document.activeElement;
+	return e instanceof HTMLElement && e !== document.body ? e : null;
+}
+function n(n, r = () => !0) {
+	let i = e(null), a = e(!1);
+	return n && !a.current && (i.current = t()), n !== void 0 && (a.current = n), {
+		initialFocus: () => r(),
+		finalFocus: () => n !== void 0 && i.current?.isConnected ? i.current : !0
+	};
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=restore-focus-Cap1Q-R3.js.map

package/dist/chunks/restore-focus-Cap1Q-R3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"restore-focus-Cap1Q-R3.js","names":["focused","a","useRestoreFocus","opener","useRef","wasOpen","open","first"],"sources":["../../src/utils/restore-focus.ts"],"sourcesContent":["import { useRef } from \"react\";\n\nfunction focused(): HTMLElement | null {\n  if (typeof document === \"undefined\") return null;\n  const a = document.activeElement;\n  return a instanceof HTMLElement && a !== document.body ? a : null;\n}\n\nexport function useRestoreFocus(open: boolean | undefined, first: () => HTMLElement | boolean = () => true) {\n  const opener = useRef<HTMLElement | null>(null);\n  const wasOpen = useRef(false);\n  if (open && !wasOpen.current) opener.current = focused();\n  if (open !== undefined) wasOpen.current = open;\n  return {\n    initialFocus: () => first(),\n    finalFocus: () => (open !== undefined && opener.current?.isConnected ? opener.current : true),\n  };\n}\n"],"mappings":";;;AAEA,SAASA,IAA8B;CACrC,IAAI,OAAO,WAAa,KAAa,OAAO;CAC5C,IAAMC,IAAI,SAAS;CACnB,OAAOA,aAAa,eAAeA,MAAM,SAAS,OAAOA,IAAI;AAC/D;AAEA,SAAgBC,EAAgB,GAA2B,UAA2C,IAAM;CAC1G,IAAMC,IAASC,EAA2B,IAAI,GACxCC,IAAUD,EAAO,EAAK;CAG5B,OAFIE,KAAQ,CAACD,EAAQ,YAAS,EAAO,UAAUL,EAAQ,IACnDM,MAAS,KAAA,MAAW,EAAQ,UAAUA,IACnC;EACL,oBAAoBC,EAAM;EAC1B,kBAAmBD,MAAS,KAAA,KAAaH,EAAO,SAAS,cAAcA,EAAO,UAAU;CAC1F;AACF"}