@logicplanes/kaeso-ui 0.1.0 → 0.2.1

package/dist/chunks/{pagination-DYdLm18-.js.map → pagination-CCMxQ5pH.js.map}

@@ -1 +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"}
+{"version":3,"file":"pagination-CCMxQ5pH.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/{range-popup-AbRzgHtY.js → range-popup-DGOnGGag.js}

@@ -2,10 +2,10 @@
 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 { n as r } from "./button-DQvoOxVQ.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 { t as a } from "./calendar-CN3YJi2k.js";
+import { t as o } from "./iso-field-1qmg7TP8.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
@@ -108,4 +108,4 @@ function v({ range: c, preset: d, presets: f, onPick: p, onClose: v, weekStartsO
 //#endregion
 export { v as RangePopup };
 
-//# sourceMappingURL=range-popup-AbRzgHtY.js.map
+//# sourceMappingURL=range-popup-DGOnGGag.js.map

package/dist/chunks/{range-popup-AbRzgHtY.js.map → range-popup-DGOnGGag.js.map}

@@ -1 +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":";;;;;;;;;;;AAqBA,IAAMK,IAAS;AACf,SAASC,EAAgB,GAAsB;CAC7C,IAAI,OAAO,SAAW,OAAe,CAAC,OAAO,YAAY,aAAa,CAAC;CACvE,IAAMC,IAAI,OAAO,WAAWF,CAAM;CAElC,OADAE,EAAE,iBAAiB,UAAUC,CAAQ,SACxBD,EAAE,oBAAoB,UAAUC,CAAQ;AACvD;AACA,IAAMC,UAAiB,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,aAAaJ,CAAM,CAAC,CAAC,SAChFK,UAAgB,CAACC,EAAqBL,GAAiBG,SAAgB,EAAK,GAE5EG,KAAW,MAAY,IAAI,KAAKC,EAAE,YAAY,GAAGA,EAAE,SAAS,GAAG,CAAC,GAChEC,KAAa,GAAS,MAAc,IAAI,KAAKD,EAAE,YAAY,GAAGA,EAAE,SAAS,IAAIE,GAAG,CAAC,GACjFC,KAAW,GAAqB,MAAwBC,GAAG,aAAa,MAAMC,GAAG,aAAa;AAEpG,SAAgBC,EAAW,EAAE,UAAO,WAAQ,YAAS,WAAQ,YAAS,iBAAc,mBAAiC;CACnH,IAAMC,IAAOV,EAAQ,GACfW,IAAIpB,EAAU,GACdqB,IAASF,IAAO,IAAI,GACpB,CAACG,GAAOC,KAAYC,EAAgCC,KAAS,KAAA,CAAS,GACtE,CAACC,GAAQC,KAAaH,EAASI,MAAW,IAAI,GAC9C,CAACC,GAAMC,KAAWN,QAAeb,EAAQc,GAAO,MAAMA,GAAO,wBAAQ,IAAI,KAAK,CAAC,CAAC,GAChFM,IAAQlB,EAAUgB,GAAM,IAAIR,CAAM,GAClCW,KAAS,MAAYpB,KAAKmB,KAASpB,EAAQC,CAAC,KAAKiB,GACjDI,IAAWP,IAAS,OAAOE,GAC3BM,KAAQ,MAAgC;EAE5C,AADAX,EAASY,CAAI,GACbR,EAAU,EAAI;CAChB,GACMS,KAAS,GAAsB,MAAY;EAC/C,IAAIC,IAAezB,CAAC,GAAG,OAAO;EAC9B,IAAM0B,IAAQC,MAAU,SAASjB,GAAO,KAAKA,GAAO;EAIpD,OAFAY,EADaK,MAAU,SAAS;GAAE,MAAM3B;GAAG,IAAI0B,KAASA,IAAQ1B,IAAIA,IAAI0B;EAAM,IAAI;GAAE,MAAMA,KAASA,IAAQ1B,IAAIA,IAAI0B;GAAO,IAAI1B;EAAE,CACvH,GACJoB,EAAMpB,CAAC,KAAGkB,EAAQS,MAAU,QAAQlB,MAAW,IAAIV,EAAQC,CAAC,IAAIC,EAAUF,EAAQC,CAAC,GAAGS,IAAS,CAAC,CAAC,GAC/F;CACT,GACMmB,IAAYzB,EAAQO,GAAO,MAAMG,GAAO,IAAI,KAAKV,EAAQO,GAAO,MAAMA,GAAO,MAAMG,GAAO,EAAE,GAC5FgB,IAAOC,EAAG3C,GAAW,2EAA2EoB,KAAQ,iBAAiB;CAE/H,OACE,kBAACwB,EAAQ,SAAT;EAAiB,SAAQ;EAAO,cAAYvB,EAAE,0BAA0B,qBAAqB;EAAG,WAAWsB,EAAG,CAACvB,KAAQ,iCAAiC;EACtJ,UAAA,kBAAC,OAAD;GAAK,WAAWuB,EAAG,QAAQ,CAACvB,KAAQ,UAAU;GAA9C,UAAA,CACE,kBAAC,OAAD;IACE,WAAWuB,EAAG,sBAAsBvB,IAAO,uCAAuC,6BAA6B;IAC/G,MAAK;IACL,cAAYC,EAAE,sBAAsB,SAAS;IAH/C,UAAA,CAKGwB,EAAQ,KAAK,MAAM;KAClB,IAAMC,IAAKC,EAAE,MAAMA,EAAE;KACrB,OACE,kBAAC,UAAD;MAAiB,MAAK;MAAS,MAAK;MAAS,iBAAeb,MAAaY;MAAI,WAAWJ;MAAM,eAAeM,EAAOD,EAAE,MAAM,GAAGD,CAAE;MAC9H,UAAAC,EAAE;KACG,GAFKD,CAEL;IAEZ,CAAC,GACD,kBAAC,UAAD;KAAQ,MAAK;KAAS,MAAK;KAAS,iBAAeZ,MAAa;KAAM,WAAWQ;KAAM,eAAed,EAAU,EAAI;KACjH,UAAAP,EAAE,qBAAqB,QAAQ;IAC1B,CAAA,CACL;GACL,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAWsB,EAAG,sBAAsB,CAACvB,KAAQ,cAAc;IAAhE,UAAA,CACE,kBAACjB,GAAD;KACE,MAAK;KACL,gBAAgBmB;KAChB,UAAUC;KACV,OAAOS;KACP,gBAAgB,MAAMD,EAAQjB,EAAUmC,GAAG3B,IAAS,CAAC,CAAC;KACtD,WAAW,MAAMa,EAAKe,CAA0B;KAClC;KACd,UAAUZ;IACX,CAAA,GACD,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,kBAAClC,GAAD;OAAU,OAAOiB,EAAE,wBAAwB,YAAY;OAAG,OAAOE,GAAO;OAAM,WAAW,MAAMc,EAAM,QAAQxB,CAAC;MAAI,CAAA;MAClH,kBAAC,QAAD;OAAM,WAAU;OAAmB,eAAA;OAAY,UAAA;MAEzC,CAAA;MACN,kBAACT,GAAD;OAAU,OAAOiB,EAAE,sBAAsB,UAAU;OAAG,OAAOE,GAAO;OAAI,WAAW,MAAMc,EAAM,MAAMxB,CAAC;MAAI,CAAA;MAC1G,kBAACX,GAAD;OACE,MAAK;OACL,SAAQ;OACR,UAAU,CAACqB,GAAO;OAClB,eAAe;QACb,AAAKA,GAAO,SACRkB,KAAa,CAACd,IAAQwB,EAAQ,IAC7BH,EAAO;SAAE,MAAMzB,EAAM;SAAM,IAAIA,EAAM,MAAMA,EAAM;QAAK,GAAG,IAAI;OACpE;OAEC,UAAAF,EAAE,oBAAoB,OAAO;MACxB,CAAA;KACL;IACF,CAAA,CAAA;GACF,CAAA,CAAA;;CACU,CAAA;AAErB"}
+{"version":3,"file":"range-popup-DGOnGGag.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/resize-motion-CMaidkwe.js

@@ -0,0 +1,101 @@
+"use client";
+import { createContext as e, use as t, useEffect as n, useId as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+//#region src/utils/restore-focus.ts
+function s() {
+	if (typeof document > "u") return null;
+	let e = document.activeElement;
+	return e instanceof HTMLElement && e !== document.body ? e : null;
+}
+function c(e, t = () => !0) {
+	let n = a(null), r = a(!1);
+	return e && !r.current && (n.current = s()), e !== void 0 && (r.current = e), {
+		initialFocus: () => t(),
+		finalFocus: () => e !== void 0 && n.current?.isConnected ? n.current : !0
+	};
+}
+//#endregion
+//#region src/utils/dialog-scope.ts
+var l = /* @__PURE__ */ e(null);
+function u(e) {
+	let i = t(l), a = r();
+	return n(() => {
+		e && i?.showing(a);
+	}, [
+		i,
+		a,
+		e
+	]), n(() => () => i?.hidden(a), [i, a]), (e) => {
+		e || i?.hidden(a);
+	};
+}
+function d(e) {
+	let [t, n] = o({
+		open: e,
+		session: 0
+	});
+	return t.open !== e && n({
+		open: e,
+		session: e ? t.session + 1 : t.session
+	}), t.session;
+}
+//#endregion
+//#region src/utils/resize-motion.ts
+var f = (e) => parseFloat(e) || 0, p = (e) => f(e) * (/\ds\s*$/.test(e) ? 1e3 : 1), m = (e) => {
+	let t = getComputedStyle(e);
+	return {
+		w: f(t.width),
+		h: f(t.height)
+	};
+}, h = (e, t) => Math.abs(e.h - t.h) < .5 && Math.abs(e.w - t.w) < .5, g = () => `${window.innerWidth}x${window.innerHeight}`, _ = () => !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, v = (e) => [...document.querySelectorAll("[data-side][data-align]")].some((t) => !e.contains(t) && t.getClientRects().length > 0 && t.querySelector("[role=listbox], [role=menu]")), y = (e) => e.hasAttribute("data-dialog-body");
+function b(e) {
+	let t = [...e.children], n = t.length === 1 ? t[0] : void 0;
+	return n && !y(n) ? b(n) : t.flatMap((e) => y(e) ? [...e.children] : [e]);
+}
+function x(e, t) {
+	let n = a(t), r = a(null);
+	i(() => {
+		n.current = t, r.current?.();
+	}), i(() => {
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = null, i = g(), a = null, o = null, s = /* @__PURE__ */ new Set(), c = () => {
+			a?.cancel(), a = null, e.removeAttribute("data-resizing");
+			for (let t of e.querySelectorAll("[data-resize-clip]")) t.removeAttribute("data-resize-clip");
+		}, l = (t, r, i, s, l) => {
+			for (let t of e.querySelectorAll("[data-dialog-body]")) t.scrollHeight <= t.clientHeight && t.setAttribute("data-resize-clip", "");
+			e.setAttribute("data-resizing", "");
+			let u = e.animate([{
+				width: `${t.w}px`,
+				height: `${t.h}px`
+			}, {
+				width: `${r.w}px`,
+				height: `${r.h}px`
+			}], {
+				duration: i,
+				easing: s
+			});
+			u.currentTime = l, a = u, o = t, u.onfinish = () => {
+				a === u && (c(), n.current?.());
+			};
+		}, u = () => {
+			let r = a, s = Number(r?.currentTime ?? 0), u = r ? m(e) : t;
+			c();
+			let d = m(e), f = getComputedStyle(e), y = p(f.getPropertyValue("--k-duration-dialog")), b = f.getPropertyValue("--k-ease-standard").trim() || "ease-out";
+			if (r && o && t && h(d, t)) return l(o, d, y, b, s);
+			t = d;
+			let x = i !== (i = g());
+			!u || h(u, d) || x || !y || _() || v(e) || typeof e.animate != "function" || e.matches("[data-ending-style], [data-closed]") ? n.current?.() : l(u, d, y, b, 0);
+		}, d = new ResizeObserver(u);
+		return r.current = () => {
+			let n = new Set(b(e)), r = !1;
+			for (let e of s) n.has(e) || (d.unobserve(e), s.delete(e), r = !0);
+			for (let e of n) s.has(e) || (d.observe(e), s.add(e));
+			(r || !a && t && !h(m(e), t)) && u();
+		}, r.current(), () => {
+			r.current = null, d.disconnect(), c();
+		};
+	}, [e]);
+}
+//#endregion
+export { c as a, u as i, l as n, d as r, x as t };
+
+//# sourceMappingURL=resize-motion-CMaidkwe.js.map

package/dist/chunks/resize-motion-CMaidkwe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-motion-CMaidkwe.js","names":["focused","a","useRestoreFocus","opener","useRef","wasOpen","open","first","DialogScopeContext","useScopedDialog","scope","use","id","useId","useEffect","settled","useOpenSession","seen","setSeen","useState","px","v","ms","sizeOf","s","box","near","b","viewport","reducedMotion","anchoredList","p","isBody","el","resizeSources","kids","only","c","useResizeMotion","onSettle","sync","useLayoutEffect","size","view","motion","origin","watched","stop","body","play","run","from","to","at","change","running","style","duration","easing","resized","observer","now","gone"],"sources":["../../src/utils/restore-focus.ts","../../src/utils/dialog-scope.ts","../../src/utils/resize-motion.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","import { createContext, use, useEffect, useId, useState } from \"react\";\n\nexport interface DialogScopeTracker {\n  showing: (id: string) => void;\n  hidden: (id: string) => void;\n}\n\nexport const DialogScopeContext = /* @__PURE__ */ createContext<DialogScopeTracker | null>(null);\n\nexport function useScopedDialog(open: boolean | undefined): (open: boolean) => void {\n  const scope = use(DialogScopeContext);\n  const id = useId();\n  useEffect(() => {\n    if (open) scope?.showing(id);\n  }, [scope, id, open]);\n  useEffect(() => () => scope?.hidden(id), [scope, id]);\n  return (settled: boolean) => {\n    if (!settled) scope?.hidden(id);\n  };\n}\n\nexport function useOpenSession(open: boolean): number {\n  const [seen, setSeen] = useState({ open, session: 0 });\n  if (seen.open !== open) setSeen({ open, session: open ? seen.session + 1 : seen.session });\n  return seen.session;\n}\n","import { useLayoutEffect, useRef } from \"react\";\n\ninterface Size {\n  w: number;\n  h: number;\n}\n\nconst px = (v: string) => parseFloat(v) || 0;\nconst ms = (v: string) => px(v) * (/\\ds\\s*$/.test(v) ? 1000 : 1);\nconst sizeOf = (box: HTMLElement): Size => {\n  const s = getComputedStyle(box);\n  return { w: px(s.width), h: px(s.height) };\n};\nconst near = (a: Size, b: Size) => Math.abs(a.h - b.h) < 0.5 && Math.abs(a.w - b.w) < 0.5;\nconst viewport = () => `${window.innerWidth}x${window.innerHeight}`;\nconst reducedMotion = () => !!window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches;\nconst anchoredList = (box: HTMLElement) =>\n  [...document.querySelectorAll(\"[data-side][data-align]\")].some(\n    (p) => !box.contains(p) && p.getClientRects().length > 0 && p.querySelector(\"[role=listbox], [role=menu]\"),\n  );\nconst isBody = (el: Element) => el.hasAttribute(\"data-dialog-body\");\n\nexport function resizeSources(box: Element): Element[] {\n  const kids = [...box.children];\n  const only = kids.length === 1 ? kids[0] : undefined;\n  if (only && !isBody(only)) return resizeSources(only);\n  return kids.flatMap((c) => (isBody(c) ? [...c.children] : [c]));\n}\n\nexport function useResizeMotion(box: HTMLElement | null, onSettle?: (() => void) | undefined) {\n  const settled = useRef(onSettle);\n  const sync = useRef<(() => void) | null>(null);\n  useLayoutEffect(() => {\n    settled.current = onSettle;\n    sync.current?.();\n  });\n  useLayoutEffect(() => {\n    if (!box || typeof ResizeObserver === \"undefined\") return;\n    let size: Size | null = null;\n    let view = viewport();\n    let motion: Animation | null = null;\n    let origin: Size | null = null;\n    const watched = new Set<Element>();\n    const stop = () => {\n      motion?.cancel();\n      motion = null;\n      box.removeAttribute(\"data-resizing\");\n      for (const body of box.querySelectorAll(\"[data-resize-clip]\")) body.removeAttribute(\"data-resize-clip\");\n    };\n    const play = (from: Size, to: Size, duration: number, easing: string, at: number) => {\n      for (const body of box.querySelectorAll<HTMLElement>(\"[data-dialog-body]\"))\n        if (body.scrollHeight <= body.clientHeight) body.setAttribute(\"data-resize-clip\", \"\");\n      box.setAttribute(\"data-resizing\", \"\");\n      const run = box.animate(\n        [\n          { width: `${from.w}px`, height: `${from.h}px` },\n          { width: `${to.w}px`, height: `${to.h}px` },\n        ],\n        { duration, easing },\n      );\n      run.currentTime = at;\n      motion = run;\n      origin = from;\n      run.onfinish = () => {\n        if (motion !== run) return;\n        stop();\n        settled.current?.();\n      };\n    };\n    const change = () => {\n      const running = motion;\n      const at = Number(running?.currentTime ?? 0);\n      const from = running ? sizeOf(box) : size;\n      stop();\n      const to = sizeOf(box);\n      const style = getComputedStyle(box);\n      const duration = ms(style.getPropertyValue(\"--k-duration-dialog\"));\n      const easing = style.getPropertyValue(\"--k-ease-standard\").trim() || \"ease-out\";\n      if (running && origin && size && near(to, size)) return play(origin, to, duration, easing, at);\n      size = to;\n      const resized = view !== (view = viewport());\n      if (\n        !from ||\n        near(from, to) ||\n        resized ||\n        !duration ||\n        reducedMotion() ||\n        anchoredList(box) ||\n        typeof box.animate !== \"function\" ||\n        box.matches(\"[data-ending-style], [data-closed]\")\n      ) {\n        settled.current?.();\n        return;\n      }\n      play(from, to, duration, easing, 0);\n    };\n    const observer = new ResizeObserver(change);\n    sync.current = () => {\n      const now = new Set(resizeSources(box));\n      let gone = false;\n      for (const el of watched) {\n        if (now.has(el)) continue;\n        observer.unobserve(el);\n        watched.delete(el);\n        gone = true;\n      }\n      for (const el of now) {\n        if (watched.has(el)) continue;\n        observer.observe(el);\n        watched.add(el);\n      }\n      if (gone || (!motion && size && !near(sizeOf(box), size))) change();\n    };\n    sync.current();\n    return () => {\n      sync.current = null;\n      observer.disconnect();\n      stop();\n    };\n  }, [box]);\n}\n"],"mappings":"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"}

package/dist/chunks/{rights-CXo7zEf6.js → rights-BbiJ0AJB.js}

@@ -2,10 +2,10 @@
 import { t as e } from "./cn-CidVUKMm.js";
 import { i as t } from "./context-BELWW79w.js";
 import { t as n } from "./icon-CeNQtobn.js";
-import { r } from "./tooltip-CDu00nzg.js";
-import { i } from "./input-Biakz6GB.js";
+import { r } from "./tooltip-DEbCCsru.js";
+import { i } from "./input-CNTfI6YE.js";
 import { n as a } from "./checkbox-BgRdbfCE.js";
-import { r as o } from "./combobox-D8pQk22r.js";
+import { r as o } from "./combobox-D30Wt11R.js";
 import { t as s } from "./empty-DIbBpytW.js";
 import { t as c } from "./badge-Dkyhs0_j.js";
 import { forwardRef as l, useEffect as u, useId as d, useMemo as f, useRef as p, useState as m } from "react";
@@ -276,4 +276,4 @@ function D({ right: i, readOnly: s, query: l, hasOrigin: u, originText: f, names
 //#endregion
 export { b as a, x as i, S as n, E as r, C as t };
 
-//# sourceMappingURL=rights-CXo7zEf6.js.map
+//# sourceMappingURL=rights-BbiJ0AJB.js.map

package/dist/chunks/{rights-CXo7zEf6.js.map → rights-BbiJ0AJB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rights-CXo7zEf6.js","names":["__icon_Alert02Icon","__icon_Tick02Icon","__icon_MinusSignIcon","cn","useUiText","Icon","CheckboxBox","Highlight","Empty","Badge","rightsCascade","byCode","rights","r","dependents","req","out","seen","code","queue","next","linked","granted","c","groupCascade","state","all","group","current","n","g","KAESO_RIGHTS_MATRIX_VARIANTS","KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS","originTexts","t","matches","texts","q","RightsMatrix","ariaLabel","query","setQuery","useState","announcement","setAnnouncement","flashed","setFlashed","flashTimer","useRef","root","baseId","useId","useMemo","groups","names","universal","required","hasOrigins","originText","originLabels","shown","apply","changes","onRightsChange","onChange","first","rest","also","el","ref","target","boxes","i","className","searchable","SearchInput","headingId","gi","grantedCount","changeable","allOn","someOn","readOnly","RightRow","descId","nameId","name","needs","text","Tooltip","Alert02Icon","hasOrigin","s","Tick02Icon","MinusSignIcon","row","onToggle"],"sources":["../../src/components/kaeso/rights-logic.ts","../../src/components/kaeso/rights.tsx"],"sourcesContent":["export interface RightChange {\n  code: string;\n  granted: boolean;\n}\n\ninterface Node {\n  code: string;\n  granted: boolean;\n  requires?: string[] | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport function rightsCascade(rights: readonly Node[], code: string, granted: boolean): RightChange[] {\n  const byCode = new Map(rights.map((r) => [r.code, r]));\n  const dependents = new Map<string, string[]>();\n  for (const r of rights) for (const req of r.requires ?? []) dependents.set(req, [...(dependents.get(req) ?? []), r.code]);\n  const out: RightChange[] = [{ code, granted }];\n  const seen = new Set([code]);\n  const queue = [code];\n  while (queue.length) {\n    const next = queue.shift() as string;\n    const linked = granted ? (byCode.get(next)?.requires ?? []) : (dependents.get(next) ?? []);\n    for (const c of linked) {\n      if (seen.has(c)) continue;\n      seen.add(c);\n      const r = byCode.get(c);\n      if (!r || r.disabled) continue;\n      queue.push(c);\n      if (r.granted !== granted) out.push({ code: c, granted });\n    }\n  }\n  return out;\n}\n\nexport function groupCascade(all: readonly Node[], group: readonly Node[], granted: boolean): RightChange[] {\n  const state = new Map(all.map((r) => [r.code, r.granted]));\n  const out = new Map<string, boolean>();\n  for (const r of group) {\n    if (r.disabled || state.get(r.code) === granted) continue;\n    const current = all.map((n) => ({ ...n, granted: out.get(n.code) ?? n.granted }));\n    for (const c of rightsCascade(current, r.code, granted)) {\n      out.set(c.code, c.granted);\n      state.set(c.code, c.granted);\n    }\n  }\n  return [...out].map(([code, g]) => ({ code, granted: g }));\n}\n","import { forwardRef, useEffect, useId, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Alert02Icon as __icon_Alert02Icon, Tick02Icon as __icon_Tick02Icon, MinusSignIcon as __icon_MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { CheckboxBox } from \"../checkbox/checkbox.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { SearchInput } from \"../input/input.js\";\nimport { Empty } from \"../empty/empty.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Highlight } from \"../combobox/combobox.js\";\nimport { groupCascade, rightsCascade, type RightChange } from \"./rights-logic.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_RIGHTS_MATRIX_VARIANTS = {\n  origin: {\n    preset: { classes: \"text-fg-tertiary\" },\n    added: { classes: \"text-success-text\" },\n    removed: { classes: \"text-danger-text\" },\n    none: { classes: \"\" },\n  },\n  mode: {\n    edit: { classes: \"\" },\n    readOnly: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS = { origin: \"none\", mode: \"edit\" } as const;\n\ntype Origin = keyof typeof KAESO_RIGHTS_MATRIX_VARIANTS.origin;\n\nexport interface RightSource {\n  label: string;\n  detail?: string | undefined;\n}\n\nexport interface Right {\n  code: string;\n  label?: string | undefined;\n  description: string;\n  granted: boolean;\n  origin?: Origin | undefined;\n  sensitive?: boolean | undefined;\n  requires?: string[] | undefined;\n  sources?: RightSource[] | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n}\n\nexport interface RightsGroup {\n  label: string;\n  description?: string | undefined;\n  rights: Right[];\n}\n\nexport interface RightsMatrixProps {\n  groups: RightsGroup[];\n  onChange?: ((code: string, granted: boolean) => void) | undefined;\n  onRightsChange?: ((changes: RightChange[]) => void) | undefined;\n  readOnly?: boolean | undefined;\n  searchable?: boolean | undefined;\n  originLabels?: Partial<Record<Origin, string>> | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nfunction originTexts(t: UiText): Record<Origin, string> {\n  return { preset: t(\"rightsMatrix.fromRole\", \"From role\"), added: t(\"rightsMatrix.added\", \"Added\"), removed: t(\"rightsMatrix.removed\", \"Removed\"), none: \"\" };\n}\n\nconst matches = (q: string, ...texts: (string | undefined)[]) => texts.some((t) => t?.toLowerCase().includes(q));\n\nexport const RightsMatrix = /* @__PURE__ */ forwardRef<HTMLDivElement, RightsMatrixProps>(function RightsMatrix(\n  { groups, onChange, onRightsChange, readOnly, searchable, originLabels, \"aria-label\": ariaLabel, className },\n  ref,\n) {\n  const t = useUiText();\n  const [query, setQuery] = useState(\"\");\n  const [announcement, setAnnouncement] = useState(\"\");\n  const [flashed, setFlashed] = useState<ReadonlySet<string>>(() => new Set());\n  const flashTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(flashTimer.current), []);\n  const root = useRef<HTMLDivElement | null>(null);\n  const baseId = useId();\n  const all = useMemo(() => groups.flatMap((g) => g.rights), [groups]);\n  const names = useMemo(() => new Map(all.map((r) => [r.code, r.label ?? r.code])), [all]);\n  const universal = useMemo(() => {\n    if (all.length < 3) return new Set<string>();\n    const required = new Set(all.flatMap((r) => r.requires ?? []));\n    return new Set([...required].filter((c) => all.every((r) => r.code === c || r.requires?.includes(c))));\n  }, [all]);\n  const hasOrigins = all.some((r) => r.origin !== undefined);\n  const originText = { ...originTexts(t), ...originLabels };\n  const q = query.trim().toLowerCase();\n  const shown = groups\n    .map((g) => (!q || matches(q, g.label) ? g : { ...g, rights: g.rights.filter((r) => matches(q, r.label, r.code, r.description)) }))\n    .filter((g) => g.rights.length > 0);\n\n  const apply = (changes: RightChange[]) => {\n    if (!changes.length) return;\n    if (onRightsChange) onRightsChange(changes);\n    else if (onChange) for (const c of changes) onChange(c.code, c.granted);\n    const [first, ...rest] = changes;\n    const also = rest.map((c) => names.get(c.code) ?? c.code);\n    setAnnouncement(\n      also.length && first\n        ? first.granted\n          ? t(\"rightsMatrix.alsoGranted\", \"Also granted {rights}\", { rights: also.join(t(\"rightsMatrix.listSeparator\", \", \")) })\n          : t(\"rightsMatrix.alsoRemoved\", \"Also removed {rights}\", { rights: also.join(t(\"rightsMatrix.listSeparator\", \", \")) })\n        : \"\",\n    );\n    clearTimeout(flashTimer.current);\n    setFlashed(new Set(rest.map((c) => c.code)));\n    if (rest.length) flashTimer.current = setTimeout(() => setFlashed(new Set()), 1200);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.getAttribute(\"role\") !== \"checkbox\" || !root.current) return;\n    const boxes = [...root.current.querySelectorAll<HTMLElement>('[role=\"checkbox\"]')];\n    const i = boxes.indexOf(target);\n    const next =\n      e.key === \"ArrowDown\"\n        ? boxes[i + 1]\n        : e.key === \"ArrowUp\"\n          ? boxes[i - 1]\n          : e.key === \"Home\"\n            ? boxes[0]\n            : e.key === \"End\"\n              ? boxes[boxes.length - 1]\n              : undefined;\n    if (!next) return;\n    e.preventDefault();\n    next.focus();\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        root.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      role=\"group\"\n      aria-label={ariaLabel ?? t(\"rightsMatrix.rights\", \"Rights\")}\n      onKeyDown={onKeyDown}\n      className={cn(\"@container flex min-w-0 flex-col gap-24\", className)}\n    >\n      {searchable && (\n        <SearchInput\n          className=\"w-full\"\n          aria-label={t(\"rightsMatrix.searchRights\", \"Search rights\")}\n          placeholder={t(\"rightsMatrix.searchRights\", \"Search rights\")}\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          onClear={() => setQuery(\"\")}\n        />\n      )}\n      {shown.length === 0 && (\n        <Empty\n          size=\"compact\"\n          title={t(\"rightsMatrix.noMatch\", \"No rights match\")}\n          description={t(\"rightsMatrix.noMatchHint\", \"Try a right's name, its code, or a word from its description.\")}\n        />\n      )}\n      {shown.map((g, gi) => {\n        const headingId = `${baseId}-g${gi}`;\n        const grantedCount = g.rights.filter((r) => r.granted).length;\n        const changeable = g.rights.filter((r) => !r.disabled);\n        const allOn = changeable.length > 0 && changeable.every((r) => r.granted);\n        const someOn = changeable.some((r) => r.granted);\n        return (\n          <section key={g.label} aria-labelledby={headingId} className=\"flex min-w-0 flex-col\">\n            <div className=\"flex items-start gap-12 pb-4\">\n              {!readOnly && (\n                <span className=\"flex h-20 items-center\">\n                  <CheckboxBox\n                    aria-label={\n                      q\n                        ? t(\"rightsMatrix.everyRightShownIn\", \"Every right shown in {group}\", { group: g.label })\n                        : t(\"rightsMatrix.everyRightIn\", \"Every right in {group}\", { group: g.label })\n                    }\n                    checked={allOn}\n                    indeterminate={someOn && !allOn}\n                    disabled={changeable.length === 0}\n                    onCheckedChange={() => apply(groupCascade(all, g.rights, !allOn))}\n                  />\n                </span>\n              )}\n              <span className=\"flex min-w-0 flex-1 flex-col\">\n                <span className=\"flex items-baseline justify-between gap-12\">\n                  <span id={headingId} className=\"min-w-0 wrap-break-word text-body font-semibold text-fg\">\n                    {g.label}\n                  </span>\n                  <span className=\"shrink-0 text-small text-fg-tertiary tabular\">\n                    {t(\"rightsMatrix.grantedOfTotal\", \"{granted} of {total}\", { granted: grantedCount, total: g.rights.length })}\n                  </span>\n                </span>\n                {g.description && <span className=\"text-small text-fg-secondary text-pretty\">{g.description}</span>}\n              </span>\n            </div>\n            {g.rights.map((r) => (\n              <RightRow\n                key={r.code}\n                right={r}\n                readOnly={!!readOnly}\n                query={q}\n                hasOrigin={hasOrigins}\n                originText={originText}\n                names={names}\n                universal={universal}\n                flashed={flashed.has(r.code)}\n                onToggle={(granted) => apply(rightsCascade(all, r.code, granted))}\n              />\n            ))}\n          </section>\n        );\n      })}\n      <span aria-live=\"polite\" className=\"sr-only\">\n        {announcement}\n      </span>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RightsMatrix.displayName = \"RightsMatrix\";\n\nfunction RightRow({\n  right: r,\n  readOnly,\n  query,\n  hasOrigin,\n  originText,\n  names,\n  universal,\n  flashed,\n  onToggle,\n}: {\n  right: Right;\n  readOnly: boolean;\n  query: string;\n  hasOrigin: boolean;\n  originText: Record<Origin, string>;\n  names: Map<string, string>;\n  universal: ReadonlySet<string>;\n  flashed: boolean;\n  onToggle: (granted: boolean) => void;\n}) {\n  const t = useUiText();\n  const descId = useId();\n  const nameId = useId();\n  const name = r.label ?? r.code;\n  const needs = readOnly ? [] : (r.requires ?? []).filter((c) => !universal.has(c)).map((c) => names.get(c) ?? c);\n  const text: ReactNode = (\n    <span className=\"flex min-w-0 flex-1 flex-col gap-2\">\n      <span className=\"flex min-w-0 items-start gap-8\">\n        <span\n          id={nameId}\n          className={cn(\n            \"min-w-0 wrap-break-word\",\n            r.label ? \"text-body font-medium\" : \"mono text-small\",\n            readOnly && !r.granted ? \"text-fg-tertiary\" : \"text-fg\",\n          )}\n        >\n          <Highlight text={name} query={query} />\n        </span>\n        {r.label && (\n          <span className=\"hidden h-20 min-w-0 items-center @auth:flex\">\n            <span className=\"min-w-0 truncate mono text-caption text-fg-tertiary\">{r.code}</span>\n          </span>\n        )}\n        {r.sensitive && (\n          <span className={cn(\"flex shrink-0 items-center\", r.label ? \"h-20\" : \"h-18\")}>\n            <Tooltip content={t(\"rightsMatrix.sensitiveHint\", \"Sensitive: exposes data or is hard to undo\")}>\n              <span tabIndex={0} className=\"inline-flex shrink-0 rounded-pill text-warning-text focus-ring\">\n                <Icon icon={__icon_Alert02Icon} size=\"sm\" label={t(\"rightsMatrix.sensitive\", \"Sensitive\")} />\n              </span>\n            </Tooltip>\n          </span>\n        )}\n        {hasOrigin && !readOnly && (\n          <span\n            className={cn(\n              \"ml-auto flex w-80 shrink-0 items-center justify-end text-right text-small\",\n              r.label ? \"h-20\" : \"h-18\",\n              KAESO_RIGHTS_MATRIX_VARIANTS.origin[r.origin ?? \"none\"].classes,\n            )}\n          >\n            {originText[r.origin ?? \"none\"]}\n          </span>\n        )}\n      </span>\n      <span id={descId} className={cn(\"text-small text-pretty\", readOnly && !r.granted ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>\n        {r.description}\n      </span>\n      {needs.length > 0 && (\n        <span className=\"text-caption text-fg-tertiary\">\n          {t(\"rightsMatrix.needs\", \"Needs {rights}\", { rights: needs.join(t(\"rightsMatrix.listSeparator\", \", \")) })}\n        </span>\n      )}\n      {readOnly && r.granted && !!r.sources?.length && (\n        <span className=\"flex flex-wrap gap-4 pt-4\">\n          {r.sources.map((s) =>\n            s.detail ? (\n              <Tooltip key={s.label} content={s.detail}>\n                <Badge tabIndex={0} className=\"focus-ring\">\n                  {s.label}\n                </Badge>\n              </Tooltip>\n            ) : (\n              <Badge key={s.label}>{s.label}</Badge>\n            ),\n          )}\n        </span>\n      )}\n    </span>\n  );\n\n  if (readOnly) {\n    return (\n      <div className=\"-mx-8 flex min-h-52 items-start gap-12 px-8 py-8\">\n        <span className=\"flex h-20 w-18 shrink-0 items-center justify-center\">\n          <Icon\n            icon={r.granted ? __icon_Tick02Icon : __icon_MinusSignIcon}\n            size=\"sm\"\n            className={r.granted ? \"text-fg\" : \"text-fg-disabled\"}\n            label={r.granted ? t(\"rightsMatrix.granted\", \"Granted\") : t(\"rightsMatrix.notGranted\", \"Not granted\")}\n          />\n        </span>\n        {text}\n      </div>\n    );\n  }\n\n  const row = (\n    <label\n      className={cn(\n        \"-mx-8 flex min-h-52 cursor-pointer items-start gap-12 rounded-item px-8 py-8 transition-control hover:bg-fill-1\",\n        flashed && \"bg-fill-2 hover:bg-fill-2\",\n        r.disabled && \"cursor-not-allowed\",\n      )}\n    >\n      <span className=\"flex h-20 items-center\">\n        <CheckboxBox checked={r.granted} disabled={r.disabled} onCheckedChange={onToggle} aria-labelledby={nameId} aria-describedby={descId} />\n      </span>\n      {text}\n    </label>\n  );\n  return r.disabled && r.disabledReason ? <Tooltip content={r.disabledReason}>{row}</Tooltip> : row;\n}\n"],"mappings":"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"}
+{"version":3,"file":"rights-BbiJ0AJB.js","names":["__icon_Alert02Icon","__icon_Tick02Icon","__icon_MinusSignIcon","cn","useUiText","Icon","CheckboxBox","Highlight","Empty","Badge","rightsCascade","byCode","rights","r","dependents","req","out","seen","code","queue","next","linked","granted","c","groupCascade","state","all","group","current","n","g","KAESO_RIGHTS_MATRIX_VARIANTS","KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS","originTexts","t","matches","texts","q","RightsMatrix","ariaLabel","query","setQuery","useState","announcement","setAnnouncement","flashed","setFlashed","flashTimer","useRef","root","baseId","useId","useMemo","groups","names","universal","required","hasOrigins","originText","originLabels","shown","apply","changes","onRightsChange","onChange","first","rest","also","el","ref","target","boxes","i","className","searchable","SearchInput","headingId","gi","grantedCount","changeable","allOn","someOn","readOnly","RightRow","descId","nameId","name","needs","text","Tooltip","Alert02Icon","hasOrigin","s","Tick02Icon","MinusSignIcon","row","onToggle"],"sources":["../../src/components/kaeso/rights-logic.ts","../../src/components/kaeso/rights.tsx"],"sourcesContent":["export interface RightChange {\n  code: string;\n  granted: boolean;\n}\n\ninterface Node {\n  code: string;\n  granted: boolean;\n  requires?: string[] | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport function rightsCascade(rights: readonly Node[], code: string, granted: boolean): RightChange[] {\n  const byCode = new Map(rights.map((r) => [r.code, r]));\n  const dependents = new Map<string, string[]>();\n  for (const r of rights) for (const req of r.requires ?? []) dependents.set(req, [...(dependents.get(req) ?? []), r.code]);\n  const out: RightChange[] = [{ code, granted }];\n  const seen = new Set([code]);\n  const queue = [code];\n  while (queue.length) {\n    const next = queue.shift() as string;\n    const linked = granted ? (byCode.get(next)?.requires ?? []) : (dependents.get(next) ?? []);\n    for (const c of linked) {\n      if (seen.has(c)) continue;\n      seen.add(c);\n      const r = byCode.get(c);\n      if (!r || r.disabled) continue;\n      queue.push(c);\n      if (r.granted !== granted) out.push({ code: c, granted });\n    }\n  }\n  return out;\n}\n\nexport function groupCascade(all: readonly Node[], group: readonly Node[], granted: boolean): RightChange[] {\n  const state = new Map(all.map((r) => [r.code, r.granted]));\n  const out = new Map<string, boolean>();\n  for (const r of group) {\n    if (r.disabled || state.get(r.code) === granted) continue;\n    const current = all.map((n) => ({ ...n, granted: out.get(n.code) ?? n.granted }));\n    for (const c of rightsCascade(current, r.code, granted)) {\n      out.set(c.code, c.granted);\n      state.set(c.code, c.granted);\n    }\n  }\n  return [...out].map(([code, g]) => ({ code, granted: g }));\n}\n","import { forwardRef, useEffect, useId, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Alert02Icon as __icon_Alert02Icon, Tick02Icon as __icon_Tick02Icon, MinusSignIcon as __icon_MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { CheckboxBox } from \"../checkbox/checkbox.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { SearchInput } from \"../input/input.js\";\nimport { Empty } from \"../empty/empty.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Highlight } from \"../combobox/combobox.js\";\nimport { groupCascade, rightsCascade, type RightChange } from \"./rights-logic.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_RIGHTS_MATRIX_VARIANTS = {\n  origin: {\n    preset: { classes: \"text-fg-tertiary\" },\n    added: { classes: \"text-success-text\" },\n    removed: { classes: \"text-danger-text\" },\n    none: { classes: \"\" },\n  },\n  mode: {\n    edit: { classes: \"\" },\n    readOnly: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS = { origin: \"none\", mode: \"edit\" } as const;\n\ntype Origin = keyof typeof KAESO_RIGHTS_MATRIX_VARIANTS.origin;\n\nexport interface RightSource {\n  label: string;\n  detail?: string | undefined;\n}\n\nexport interface Right {\n  code: string;\n  label?: string | undefined;\n  description: string;\n  granted: boolean;\n  origin?: Origin | undefined;\n  sensitive?: boolean | undefined;\n  requires?: string[] | undefined;\n  sources?: RightSource[] | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n}\n\nexport interface RightsGroup {\n  label: string;\n  description?: string | undefined;\n  rights: Right[];\n}\n\nexport interface RightsMatrixProps {\n  groups: RightsGroup[];\n  onChange?: ((code: string, granted: boolean) => void) | undefined;\n  onRightsChange?: ((changes: RightChange[]) => void) | undefined;\n  readOnly?: boolean | undefined;\n  searchable?: boolean | undefined;\n  originLabels?: Partial<Record<Origin, string>> | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nfunction originTexts(t: UiText): Record<Origin, string> {\n  return { preset: t(\"rightsMatrix.fromRole\", \"From role\"), added: t(\"rightsMatrix.added\", \"Added\"), removed: t(\"rightsMatrix.removed\", \"Removed\"), none: \"\" };\n}\n\nconst matches = (q: string, ...texts: (string | undefined)[]) => texts.some((t) => t?.toLowerCase().includes(q));\n\nexport const RightsMatrix = /* @__PURE__ */ forwardRef<HTMLDivElement, RightsMatrixProps>(function RightsMatrix(\n  { groups, onChange, onRightsChange, readOnly, searchable, originLabels, \"aria-label\": ariaLabel, className },\n  ref,\n) {\n  const t = useUiText();\n  const [query, setQuery] = useState(\"\");\n  const [announcement, setAnnouncement] = useState(\"\");\n  const [flashed, setFlashed] = useState<ReadonlySet<string>>(() => new Set());\n  const flashTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(flashTimer.current), []);\n  const root = useRef<HTMLDivElement | null>(null);\n  const baseId = useId();\n  const all = useMemo(() => groups.flatMap((g) => g.rights), [groups]);\n  const names = useMemo(() => new Map(all.map((r) => [r.code, r.label ?? r.code])), [all]);\n  const universal = useMemo(() => {\n    if (all.length < 3) return new Set<string>();\n    const required = new Set(all.flatMap((r) => r.requires ?? []));\n    return new Set([...required].filter((c) => all.every((r) => r.code === c || r.requires?.includes(c))));\n  }, [all]);\n  const hasOrigins = all.some((r) => r.origin !== undefined);\n  const originText = { ...originTexts(t), ...originLabels };\n  const q = query.trim().toLowerCase();\n  const shown = groups\n    .map((g) => (!q || matches(q, g.label) ? g : { ...g, rights: g.rights.filter((r) => matches(q, r.label, r.code, r.description)) }))\n    .filter((g) => g.rights.length > 0);\n\n  const apply = (changes: RightChange[]) => {\n    if (!changes.length) return;\n    if (onRightsChange) onRightsChange(changes);\n    else if (onChange) for (const c of changes) onChange(c.code, c.granted);\n    const [first, ...rest] = changes;\n    const also = rest.map((c) => names.get(c.code) ?? c.code);\n    setAnnouncement(\n      also.length && first\n        ? first.granted\n          ? t(\"rightsMatrix.alsoGranted\", \"Also granted {rights}\", { rights: also.join(t(\"rightsMatrix.listSeparator\", \", \")) })\n          : t(\"rightsMatrix.alsoRemoved\", \"Also removed {rights}\", { rights: also.join(t(\"rightsMatrix.listSeparator\", \", \")) })\n        : \"\",\n    );\n    clearTimeout(flashTimer.current);\n    setFlashed(new Set(rest.map((c) => c.code)));\n    if (rest.length) flashTimer.current = setTimeout(() => setFlashed(new Set()), 1200);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.getAttribute(\"role\") !== \"checkbox\" || !root.current) return;\n    const boxes = [...root.current.querySelectorAll<HTMLElement>('[role=\"checkbox\"]')];\n    const i = boxes.indexOf(target);\n    const next =\n      e.key === \"ArrowDown\"\n        ? boxes[i + 1]\n        : e.key === \"ArrowUp\"\n          ? boxes[i - 1]\n          : e.key === \"Home\"\n            ? boxes[0]\n            : e.key === \"End\"\n              ? boxes[boxes.length - 1]\n              : undefined;\n    if (!next) return;\n    e.preventDefault();\n    next.focus();\n  };\n\n  return (\n    <div\n      ref={(el) => {\n        root.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      role=\"group\"\n      aria-label={ariaLabel ?? t(\"rightsMatrix.rights\", \"Rights\")}\n      onKeyDown={onKeyDown}\n      className={cn(\"@container flex min-w-0 flex-col gap-24\", className)}\n    >\n      {searchable && (\n        <SearchInput\n          className=\"w-full\"\n          aria-label={t(\"rightsMatrix.searchRights\", \"Search rights\")}\n          placeholder={t(\"rightsMatrix.searchRights\", \"Search rights\")}\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          onClear={() => setQuery(\"\")}\n        />\n      )}\n      {shown.length === 0 && (\n        <Empty\n          size=\"compact\"\n          title={t(\"rightsMatrix.noMatch\", \"No rights match\")}\n          description={t(\"rightsMatrix.noMatchHint\", \"Try a right's name, its code, or a word from its description.\")}\n        />\n      )}\n      {shown.map((g, gi) => {\n        const headingId = `${baseId}-g${gi}`;\n        const grantedCount = g.rights.filter((r) => r.granted).length;\n        const changeable = g.rights.filter((r) => !r.disabled);\n        const allOn = changeable.length > 0 && changeable.every((r) => r.granted);\n        const someOn = changeable.some((r) => r.granted);\n        return (\n          <section key={g.label} aria-labelledby={headingId} className=\"flex min-w-0 flex-col\">\n            <div className=\"flex items-start gap-12 pb-4\">\n              {!readOnly && (\n                <span className=\"flex h-20 items-center\">\n                  <CheckboxBox\n                    aria-label={\n                      q\n                        ? t(\"rightsMatrix.everyRightShownIn\", \"Every right shown in {group}\", { group: g.label })\n                        : t(\"rightsMatrix.everyRightIn\", \"Every right in {group}\", { group: g.label })\n                    }\n                    checked={allOn}\n                    indeterminate={someOn && !allOn}\n                    disabled={changeable.length === 0}\n                    onCheckedChange={() => apply(groupCascade(all, g.rights, !allOn))}\n                  />\n                </span>\n              )}\n              <span className=\"flex min-w-0 flex-1 flex-col\">\n                <span className=\"flex items-baseline justify-between gap-12\">\n                  <span id={headingId} className=\"min-w-0 wrap-break-word text-body font-semibold text-fg\">\n                    {g.label}\n                  </span>\n                  <span className=\"shrink-0 text-small text-fg-tertiary tabular\">\n                    {t(\"rightsMatrix.grantedOfTotal\", \"{granted} of {total}\", { granted: grantedCount, total: g.rights.length })}\n                  </span>\n                </span>\n                {g.description && <span className=\"text-small text-fg-secondary text-pretty\">{g.description}</span>}\n              </span>\n            </div>\n            {g.rights.map((r) => (\n              <RightRow\n                key={r.code}\n                right={r}\n                readOnly={!!readOnly}\n                query={q}\n                hasOrigin={hasOrigins}\n                originText={originText}\n                names={names}\n                universal={universal}\n                flashed={flashed.has(r.code)}\n                onToggle={(granted) => apply(rightsCascade(all, r.code, granted))}\n              />\n            ))}\n          </section>\n        );\n      })}\n      <span aria-live=\"polite\" className=\"sr-only\">\n        {announcement}\n      </span>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RightsMatrix.displayName = \"RightsMatrix\";\n\nfunction RightRow({\n  right: r,\n  readOnly,\n  query,\n  hasOrigin,\n  originText,\n  names,\n  universal,\n  flashed,\n  onToggle,\n}: {\n  right: Right;\n  readOnly: boolean;\n  query: string;\n  hasOrigin: boolean;\n  originText: Record<Origin, string>;\n  names: Map<string, string>;\n  universal: ReadonlySet<string>;\n  flashed: boolean;\n  onToggle: (granted: boolean) => void;\n}) {\n  const t = useUiText();\n  const descId = useId();\n  const nameId = useId();\n  const name = r.label ?? r.code;\n  const needs = readOnly ? [] : (r.requires ?? []).filter((c) => !universal.has(c)).map((c) => names.get(c) ?? c);\n  const text: ReactNode = (\n    <span className=\"flex min-w-0 flex-1 flex-col gap-2\">\n      <span className=\"flex min-w-0 items-start gap-8\">\n        <span\n          id={nameId}\n          className={cn(\n            \"min-w-0 wrap-break-word\",\n            r.label ? \"text-body font-medium\" : \"mono text-small\",\n            readOnly && !r.granted ? \"text-fg-tertiary\" : \"text-fg\",\n          )}\n        >\n          <Highlight text={name} query={query} />\n        </span>\n        {r.label && (\n          <span className=\"hidden h-20 min-w-0 items-center @auth:flex\">\n            <span className=\"min-w-0 truncate mono text-caption text-fg-tertiary\">{r.code}</span>\n          </span>\n        )}\n        {r.sensitive && (\n          <span className={cn(\"flex shrink-0 items-center\", r.label ? \"h-20\" : \"h-18\")}>\n            <Tooltip content={t(\"rightsMatrix.sensitiveHint\", \"Sensitive: exposes data or is hard to undo\")}>\n              <span tabIndex={0} className=\"inline-flex shrink-0 rounded-pill text-warning-text focus-ring\">\n                <Icon icon={__icon_Alert02Icon} size=\"sm\" label={t(\"rightsMatrix.sensitive\", \"Sensitive\")} />\n              </span>\n            </Tooltip>\n          </span>\n        )}\n        {hasOrigin && !readOnly && (\n          <span\n            className={cn(\n              \"ml-auto flex w-80 shrink-0 items-center justify-end text-right text-small\",\n              r.label ? \"h-20\" : \"h-18\",\n              KAESO_RIGHTS_MATRIX_VARIANTS.origin[r.origin ?? \"none\"].classes,\n            )}\n          >\n            {originText[r.origin ?? \"none\"]}\n          </span>\n        )}\n      </span>\n      <span id={descId} className={cn(\"text-small text-pretty\", readOnly && !r.granted ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>\n        {r.description}\n      </span>\n      {needs.length > 0 && (\n        <span className=\"text-caption text-fg-tertiary\">\n          {t(\"rightsMatrix.needs\", \"Needs {rights}\", { rights: needs.join(t(\"rightsMatrix.listSeparator\", \", \")) })}\n        </span>\n      )}\n      {readOnly && r.granted && !!r.sources?.length && (\n        <span className=\"flex flex-wrap gap-4 pt-4\">\n          {r.sources.map((s) =>\n            s.detail ? (\n              <Tooltip key={s.label} content={s.detail}>\n                <Badge tabIndex={0} className=\"focus-ring\">\n                  {s.label}\n                </Badge>\n              </Tooltip>\n            ) : (\n              <Badge key={s.label}>{s.label}</Badge>\n            ),\n          )}\n        </span>\n      )}\n    </span>\n  );\n\n  if (readOnly) {\n    return (\n      <div className=\"-mx-8 flex min-h-52 items-start gap-12 px-8 py-8\">\n        <span className=\"flex h-20 w-18 shrink-0 items-center justify-center\">\n          <Icon\n            icon={r.granted ? __icon_Tick02Icon : __icon_MinusSignIcon}\n            size=\"sm\"\n            className={r.granted ? \"text-fg\" : \"text-fg-disabled\"}\n            label={r.granted ? t(\"rightsMatrix.granted\", \"Granted\") : t(\"rightsMatrix.notGranted\", \"Not granted\")}\n          />\n        </span>\n        {text}\n      </div>\n    );\n  }\n\n  const row = (\n    <label\n      className={cn(\n        \"-mx-8 flex min-h-52 cursor-pointer items-start gap-12 rounded-item px-8 py-8 transition-control hover:bg-fill-1\",\n        flashed && \"bg-fill-2 hover:bg-fill-2\",\n        r.disabled && \"cursor-not-allowed\",\n      )}\n    >\n      <span className=\"flex h-20 items-center\">\n        <CheckboxBox checked={r.granted} disabled={r.disabled} onCheckedChange={onToggle} aria-labelledby={nameId} aria-describedby={descId} />\n      </span>\n      {text}\n    </label>\n  );\n  return r.disabled && r.disabledReason ? <Tooltip content={r.disabledReason}>{row}</Tooltip> : row;\n}\n"],"mappings":"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"}

package/dist/chunks/{section-XStLtXKa.js → section-DzOLLN1p.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "./cn-CidVUKMm.js";
-import { r as t } from "./logo-VmXYhIJL.js";
+import { t } from "./nav-wordmark-DLkItdvo.js";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/section/section.tsx
@@ -54,7 +54,7 @@ var l = /* @__PURE__ */ n(function({ title: n, description: a, children: o, foot
 		children: [
 			/* @__PURE__ */ r("div", {
 				className: "absolute top-0 left-0 mt-8 flex h-52 items-center px-28",
-				children: /* @__PURE__ */ r(t.Wordmark, { size: "nav" })
+				children: /* @__PURE__ */ r(t, {})
 			}),
 			/* @__PURE__ */ i("div", {
 				className: "flex w-full max-w-auth flex-1 flex-col justify-center",
@@ -84,4 +84,4 @@ process.env.NODE_ENV !== "production" && (l.displayName = "AuthLayout");
 //#endregion
 export { c as a, s as i, o as n, a as r, l as t };
 
-//# sourceMappingURL=section-XStLtXKa.js.map
+//# sourceMappingURL=section-DzOLLN1p.js.map

package/dist/chunks/section-DzOLLN1p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-DzOLLN1p.js","names":["cn","KAESO_SECTION_VARIANTS","KAESO_SECTION_DEFAULT_VARIANTS","Section","spacing","className","title","actions","description","children","SplitView","aside","AuthLayout","NavWordmark","footer"],"sources":["../../src/components/section/section.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { NavWordmark } from \"../logo/nav-wordmark.js\";\n\nexport const KAESO_SECTION_VARIANTS = {\n  spacing: {\n    default: { classes: \"mt-48 first:mt-0\" },\n    none: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SECTION_DEFAULT_VARIANTS = { spacing: \"default\" } as const;\n\nexport interface SectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  spacing?: keyof typeof KAESO_SECTION_VARIANTS.spacing | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const Section = /* @__PURE__ */ forwardRef<HTMLElement, SectionProps>(function Section({ title, description, actions, spacing = \"default\", children, className }, ref) {\n  return (\n    <section ref={ref} className={cn(KAESO_SECTION_VARIANTS.spacing[spacing].classes, className)}>\n      {(title || actions) && (\n        <header className=\"mb-16 flex flex-wrap items-end justify-between gap-x-16 gap-y-12\">\n          <div className=\"flex min-w-0 flex-col gap-2\">\n            {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n            {description && <p className=\"max-w-prose text-small text-fg-secondary\">{description}</p>}\n          </div>\n          {actions && <div className=\"flex shrink-0 items-center gap-8\">{actions}</div>}\n        </header>\n      )}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Section.displayName = \"Section\";\n\nexport const SplitView = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; aside: ReactNode; className?: string | undefined }>(function SplitView(\n  { children, aside, className },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cn(\"grid grid-cols-1 lg:grid-cols-aside\", className)}>\n      <div className=\"min-w-0 lg:pr-32\">{children}</div>\n      <aside className=\"mt-32 min-w-0 lg:mt-0 lg:pl-32 lg:hairline-l\">\n        <div className=\"flex flex-col gap-32 lg:sticky lg:top-16\">{aside}</div>\n      </aside>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SplitView.displayName = \"SplitView\";\n\nexport const AuthLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  { title: ReactNode; description?: ReactNode | undefined; children: ReactNode; footer?: ReactNode | undefined; className?: string | undefined }\n>(function AuthLayout({ title, description, children, footer, className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"relative flex min-h-dvh flex-col items-center bg-panel px-16 py-64 text-fg\", className)}>\n      <div className=\"absolute top-0 left-0 mt-8 flex h-52 items-center px-28\">\n        <NavWordmark />\n      </div>\n      <div className=\"flex w-full max-w-auth flex-1 flex-col justify-center\">\n        <h1 className=\"text-center text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n        {description && <p className=\"mt-8 text-center text-body-lg font-regular text-fg-secondary text-pretty\">{description}</p>}\n        <div className=\"mt-24 flex flex-col gap-16\">{children}</div>\n      </div>\n      {footer && <div className=\"mt-48 text-small text-fg-tertiary\">{footer}</div>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AuthLayout.displayName = \"AuthLayout\";\n"],"mappings":";;;;;;AAIA,IAAaC,IAAyB,EACpC,SAAS;CACP,SAAS,EAAE,SAAS,mBAAmB;CACvC,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAAiC,EAAE,SAAS,UAAU,GAWtDC,IAA0B,kBAAsC,SAAiB,EAAE,UAAO,gBAAa,YAAS,aAAU,WAAW,aAAU,gBAAa,GAAK;CAC5K,OACE,kBAAC,WAAD;EAAc;EAAK,WAAWH,EAAGC,EAAuB,QAAQG,EAAQ,CAAC,SAASC,CAAS;EAA3F,UAAA,EACIC,KAASC,MACT,kBAAC,UAAD;GAAQ,WAAU;GAAlB,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGD,KAAS,kBAAC,MAAD;KAAI,WAAU;KAAuC,UAAAA;IAAU,CAAA,GACxEE,KAAe,kBAAC,KAAD;KAAG,WAAU;KAA4C,UAAAA;IAAe,CAAA,CACrF;GACJ,CAAA,GAAAD,KAAW,kBAAC,OAAD;IAAK,WAAU;IAAoC,UAAAA;GAAa,CAAA,CACtE;EAET,CAAA,GAAAE,CACM;;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAQ,cAAc;AAEjE,IAAaC,IAA4B,kBAAsG,SAC7I,EAAE,aAAU,UAAO,gBACnB,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWV,EAAG,uCAAuCK,CAAS;EAA7E,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAoB;EAAc,CAAA,GACjD,kBAAC,SAAD;GAAO,WAAU;GACf,UAAA,kBAAC,OAAD;IAAK,WAAU;IAA4C,UAAAM;GAAW,CAAA;EACjE,CAAA,CACJ;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaC,IAA6B,kBAGxC,SAAoB,EAAE,UAAO,gBAAa,aAAU,WAAQ,gBAAa,GAAK;CAC9E,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWZ,EAAG,8EAA8EK,CAAS;EAApH,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAACQ,GAAD,CAAc,CAAA;GACX,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;MAAgE,UAAAP;KAAU,CAAA;KACvFE,KAAe,kBAAC,KAAD;MAAG,WAAU;MAA4E,UAAAA;KAAe,CAAA;KACxH,kBAAC,OAAD;MAAK,WAAU;MAA8B;KAAc,CAAA;IACxD;;GACJM,KAAU,kBAAC,OAAD;IAAK,WAAU;IAAqC,UAAAA;GAAY,CAAA;EACxE;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/chunks/{segmented-CDTx2n29.js → segmented-MrinfDL8.js}

@@ -2,38 +2,39 @@
 import { t as e } from "./cn-CidVUKMm.js";
 import { t } from "./use-controllable-B5Fd12Bx.js";
 import { t as n } from "./icon-CeNQtobn.js";
-import { r } from "./tooltip-CDu00nzg.js";
-import { forwardRef as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Radio as d } from "@base-ui/react/radio";
-import { RadioGroup as f } from "@base-ui/react/radio-group";
+import { r } from "./tooltip-DEbCCsru.js";
+import { t as i } from "./observe-resize-DhxhmoyB.js";
+import { forwardRef as a, useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Radio as f } from "@base-ui/react/radio";
+import { RadioGroup as p } from "@base-ui/react/radio-group";
 //#region src/hooks/use-indicator.ts
-function p(e, t, n) {
-	let [r, i] = c({
+function m(e, t, n) {
+	let [r, a] = l({
 		x: 0,
 		y: 0,
 		w: 0,
 		h: 0,
 		ready: !1
-	}), [s, l] = c(!1);
-	return a(() => {
-		if (!r.ready || s) return;
+	}), [c, u] = l(!1);
+	return o(() => {
+		if (!r.ready || c) return;
 		let e = 0, t = !0;
 		return (document.fonts?.ready ?? Promise.resolve()).then(() => {
-			t && (e = requestAnimationFrame(() => e = requestAnimationFrame(() => l(!0))));
+			t && (e = requestAnimationFrame(() => e = requestAnimationFrame(() => u(!0))));
 		}), () => {
 			t = !1, cancelAnimationFrame(e);
 		};
-	}, [r.ready, s]), o(() => {
+	}, [r.ready, c]), s(() => {
 		let n = e.current;
 		if (!n) return;
 		let r = () => {
 			let e = n.querySelector(t);
-			if (!e) return i((e) => ({
+			if (!e) return a((e) => ({
 				...e,
 				ready: !1
 			}));
-			i({
+			a({
 				x: Math.round(e.offsetLeft),
 				y: Math.round(e.offsetTop),
 				w: Math.round(e.offsetWidth),
@@ -42,11 +43,11 @@ function p(e, t, n) {
 			});
 		};
 		if (r(), typeof ResizeObserver > "u") return;
-		let a = !0, o = new ResizeObserver(r);
-		return o.observe(n), n.querySelectorAll(":scope > *").forEach((e) => o.observe(e)), document.fonts?.ready.then(() => {
-			a && r();
+		let o = !0, s = i([n, ...n.querySelectorAll(":scope > *")], r);
+		return document.fonts?.ready.then(() => {
+			o && r();
 		}), () => {
-			a = !1, o.disconnect();
+			o = !1, s();
 		};
 	}, [
 		e,
@@ -54,33 +55,33 @@ function p(e, t, n) {
 		n
 	]), {
 		...r,
-		animate: s
+		animate: c
 	};
 }
 //#endregion
 //#region src/components/segmented/segmented.tsx
-var m = { size: {
+var h = { size: {
 	sm: { classes: "h-32 p-2 gap-2" },
 	md: { classes: "h-36 p-2 gap-2" }
-} }, h = { size: "md" }, g = {
+} }, g = { size: "md" }, _ = {
 	sm: "h-28 px-10 text-body",
 	md: "h-32 px-12 text-body"
-}, _ = {
+}, v = {
 	sm: "w-32 px-0",
 	md: "w-36 px-0"
-}, v = /* @__PURE__ */ i(function({ options: i, value: a, defaultValue: o, onValueChange: c, size: h = "md", disabled: v, fullWidth: y, className: b, "aria-label": x, "data-force": S }, C) {
-	let [w, T] = t(a, o ?? i[0]?.value ?? "", c), E = s(null), D = p(E, "[data-checked]", `${w}|${i.length}|${h}`);
-	return /* @__PURE__ */ u(f, {
+}, y = /* @__PURE__ */ a(function({ options: i, value: a, defaultValue: o, onValueChange: s, size: l = "md", disabled: g, fullWidth: y, className: b, "aria-label": x, "data-force": S }, C) {
+	let [w, T] = t(a, o ?? i[0]?.value ?? "", s), E = c(null), D = m(E, "[data-checked]", `${w}|${i.length}|${l}`);
+	return /* @__PURE__ */ d(p, {
 		ref: (e) => {
 			E.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
 		},
 		value: w,
 		onValueChange: (e) => T(String(e)),
-		...v === void 0 ? {} : { disabled: v },
+		...g === void 0 ? {} : { disabled: g },
 		"aria-label": x,
 		...S ? { "data-force": S } : {},
-		className: e("relative isolate inline-flex items-center rounded-pill bg-fill-1", m.size[h].classes, y && "flex w-full", v && "opacity-40", b),
-		children: [/* @__PURE__ */ l("span", {
+		className: e("relative isolate inline-flex items-center rounded-pill bg-fill-1", h.size[l].classes, y && "flex w-full", g && "opacity-40", b),
+		children: [/* @__PURE__ */ u("span", {
 			"aria-hidden": !0,
 			className: e("absolute top-0 left-0 -z-10 rounded-pill bg-raised shadow-segment", D.animate && "indicator-motion", !D.ready && "opacity-0"),
 			style: {
@@ -89,25 +90,25 @@ var m = { size: {
 				height: D.h
 			}
 		}), i.map((t) => {
-			let i = t.icon && !t.label, a = /* @__PURE__ */ u(d.Root, {
+			let i = t.icon && !t.label, a = /* @__PURE__ */ d(f.Root, {
 				value: t.value,
 				...t.disabled ? { disabled: !0 } : {},
 				...t["aria-label"] ? { "aria-label": t["aria-label"] } : {},
-				className: e("relative inline-flex cursor-pointer items-center justify-center gap-6 rounded-pill font-medium whitespace-nowrap text-fg-secondary transition-control focus-ring tap-target", "hover:text-fg checked:text-fg disabled:cursor-not-allowed disabled:text-fg-disabled", g[h], i && _[h], y && "flex-1"),
-				children: [t.icon && /* @__PURE__ */ l(n, {
+				className: e("relative inline-flex cursor-pointer items-center justify-center gap-6 rounded-pill font-medium whitespace-nowrap text-fg-secondary transition-control focus-ring tap-target", "hover:text-fg checked:text-fg disabled:cursor-not-allowed disabled:text-fg-disabled", _[l], i && v[l], y && "flex-1"),
+				children: [t.icon && /* @__PURE__ */ u(n, {
 					icon: t.icon,
 					size: "sm"
 				}), t.label]
 			}, t.value);
-			return i && t["aria-label"] ? /* @__PURE__ */ l(r, {
+			return i && t["aria-label"] ? /* @__PURE__ */ u(r, {
 				content: t["aria-label"],
 				children: a
 			}, t.value) : a;
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (v.displayName = "Segmented");
+process.env.NODE_ENV !== "production" && (y.displayName = "Segmented");
 //#endregion
-export { m as n, v as r, h as t };
+export { h as n, y as r, g as t };
 
-//# sourceMappingURL=segmented-CDTx2n29.js.map
+//# sourceMappingURL=segmented-MrinfDL8.js.map

package/dist/chunks/segmented-MrinfDL8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-MrinfDL8.js","names":["BaseRadioGroup","BaseRadio","cn","Icon","observeResize","useIndicator","box","setBox","useState","animate","setAnimate","useEffect","raf","live","useLayoutEffect","root","container","measure","el","selector","b","stop","layout","KAESO_SEGMENTED_VARIANTS","KAESO_SEGMENTED_DEFAULT_VARIANTS","ITEM","ITEM_ICON","Segmented","ariaLabel","force","current","setCurrent","useControllable","value","defaultValue","options","onValueChange","track","useRef","ind","size","RadioGroup","ref","v","disabled","fullWidth","className","iconOnly","o","item","Radio","Tooltip"],"sources":["../../src/hooks/use-indicator.ts","../../src/components/segmented/segmented.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useState, type RefObject } from \"react\";\nimport { observeResize } from \"../utils/observe-resize.js\";\n\nexport function useIndicator(\n  container: RefObject<HTMLElement | null>,\n  selector: string,\n  layout: string,\n): { x: number; y: number; w: number; h: number; ready: boolean; animate: boolean } {\n  const [box, setBox] = useState({ x: 0, y: 0, w: 0, h: 0, ready: false });\n  const [animate, setAnimate] = useState(false);\n  useEffect(() => {\n    if (!box.ready || animate) return;\n    let raf = 0;\n    let live = true;\n    void (document.fonts?.ready ?? Promise.resolve()).then(() => {\n      if (live) raf = requestAnimationFrame(() => (raf = requestAnimationFrame(() => setAnimate(true))));\n    });\n    return () => {\n      live = false;\n      cancelAnimationFrame(raf);\n    };\n  }, [box.ready, animate]);\n  useLayoutEffect(() => {\n    const root = container.current;\n    if (!root) return;\n    const measure = () => {\n      const el = root.querySelector<HTMLElement>(selector);\n      if (!el) return setBox((b) => ({ ...b, ready: false }));\n      setBox({ x: Math.round(el.offsetLeft), y: Math.round(el.offsetTop), w: Math.round(el.offsetWidth), h: Math.round(el.offsetHeight), ready: true });\n    };\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    let live = true;\n    const stop = observeResize([root, ...root.querySelectorAll(\":scope > *\")], measure);\n    void document.fonts?.ready.then(() => {\n      if (live) measure();\n    });\n    return () => {\n      live = false;\n      stop();\n    };\n  }, [container, selector, layout]);\n  return { ...box, animate };\n}\n","import { forwardRef, useRef, type ReactNode } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useControllable } from \"../../utils/use-controllable.js\";\nimport { useIndicator } from \"../../hooks/use-indicator.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_SEGMENTED_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 p-2 gap-2\" },\n    md: { classes: \"h-36 p-2 gap-2\" },\n  },\n} as const;\nexport const KAESO_SEGMENTED_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst ITEM = { sm: \"h-28 px-10 text-body\", md: \"h-32 px-12 text-body\" } as const;\nconst ITEM_ICON = { sm: \"w-32 px-0\", md: \"w-36 px-0\" } as const;\n\nexport interface SegmentedOption {\n  value: string;\n  label?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  \"aria-label\"?: string | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport interface SegmentedProps {\n  options: SegmentedOption[];\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  size?: keyof typeof KAESO_SEGMENTED_VARIANTS.size | undefined;\n  disabled?: boolean | undefined;\n  fullWidth?: boolean | undefined;\n  \"aria-label\": string;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Segmented = /* @__PURE__ */ forwardRef<HTMLDivElement, SegmentedProps>(function Segmented(\n  { options, value, defaultValue, onValueChange, size = \"md\", disabled, fullWidth, className, \"aria-label\": ariaLabel, \"data-force\": force },\n  ref,\n) {\n  const [current, setCurrent] = useControllable(value, defaultValue ?? options[0]?.value ?? \"\", onValueChange);\n  const track = useRef<HTMLDivElement | null>(null);\n  const ind = useIndicator(track, \"[data-checked]\", `${current}|${options.length}|${size}`);\n  return (\n    <BaseRadioGroup\n      ref={(el: HTMLDivElement | null) => {\n        track.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      value={current}\n      onValueChange={(v: unknown) => setCurrent(String(v))}\n      {...(disabled !== undefined ? { disabled } : {})}\n      aria-label={ariaLabel}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"relative isolate inline-flex items-center rounded-pill bg-fill-1\",\n        KAESO_SEGMENTED_VARIANTS.size[size].classes,\n        fullWidth && \"flex w-full\",\n        disabled && \"opacity-40\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\"absolute top-0 left-0 -z-10 rounded-pill bg-raised shadow-segment\", ind.animate && \"indicator-motion\", !ind.ready && \"opacity-0\")}\n        style={{ transform: `translate(${ind.x}px, ${ind.y}px)`, width: ind.w, height: ind.h }}\n      />\n      {options.map((o) => {\n        const iconOnly = o.icon && !o.label;\n        const item = (\n          <BaseRadio.Root\n            key={o.value}\n            value={o.value}\n            {...(o.disabled ? { disabled: true } : {})}\n            {...(o[\"aria-label\"] ? { \"aria-label\": o[\"aria-label\"] } : {})}\n            className={cn(\n              \"relative inline-flex cursor-pointer items-center justify-center gap-6 rounded-pill font-medium whitespace-nowrap text-fg-secondary transition-control focus-ring tap-target\",\n              \"hover:text-fg checked:text-fg disabled:cursor-not-allowed disabled:text-fg-disabled\",\n              ITEM[size],\n              iconOnly && ITEM_ICON[size],\n              fullWidth && \"flex-1\",\n            )}\n          >\n            {o.icon && <Icon icon={o.icon} size=\"sm\" />}\n            {o.label}\n          </BaseRadio.Root>\n        );\n        return iconOnly && o[\"aria-label\"] ? (\n          <Tooltip key={o.value} content={o[\"aria-label\"]}>\n            {item}\n          </Tooltip>\n        ) : (\n          item\n        );\n      })}\n    </BaseRadioGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Segmented.displayName = \"Segmented\";\n"],"mappings":"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"}