@entifix/react-controls 0.1.0-0

package/dist/ui/molecules/menu/menu.d.ts

@@ -0,0 +1,37 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface MenuProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * A dropdown menu — the user context menu in the top bar, and the tab-overflow
+ * list. A thin styled wrapper over Headless UI so focus management, keyboard
+ * nav, and outside-click come for free; the tokens keep it on-brand.
+ */
+export declare function Menu({ children, className }: MenuProps): import("react").JSX.Element;
+export declare namespace Menu {
+    var Trigger: ({ className, ...props }: ComponentPropsWithoutRef<"button">) => import("react").JSX.Element;
+    var Items: ({ children, className, }: {
+        children: ReactNode;
+        className?: string;
+    }) => import("react").JSX.Element;
+    var Item: ({ className, tone, ...props }: MenuItemProps) => import("react").JSX.Element;
+    var Link: ({ className, ...props }: ComponentPropsWithoutRef<"a">) => import("react").JSX.Element;
+}
+/** How an entry reads: an ordinary action, or one that destroys something. */
+export type MenuItemTone = 'neutral' | 'destructive';
+export interface MenuItemProps extends ComponentPropsWithoutRef<'button'> {
+    /**
+     * `destructive` colours the entry as a deletion.
+     *
+     * It exists because an overflow menu is where a destructive verb ends up once
+     * the visible actions are full, and a `Button` in that position would carry
+     * `variant="destructive"` — a menu that cannot say the same thing makes the
+     * appearance of a verb depend on how many siblings it happens to have.
+     *
+     * Colour is not the affordance, and must not be the only warning: a verb
+     * whose descriptor carries `confirm` still asks before it fires.
+     */
+    tone?: MenuItemTone;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/ui/molecules/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/menu/menu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,+BAStD;yBATe,IAAI;2CAWsB,wBAAwB,CAAC,QAAQ,CAAC;0CAiBzE;QACD,QAAQ,EAAE,SAAS,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;8CAwCwD,aAAa;wCAyB/B,wBAAwB,CAAC,GAAG,CAAC;;AAhDpE,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACvE;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB"}

package/dist/ui/molecules/menu/menu.js

@@ -0,0 +1,71 @@
+'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Menu as HuiMenu, MenuButton, MenuItem as HuiMenuItem, MenuItems } from '@headlessui/react';
+import { cn } from '../../utils/cn.js';
+/**
+ * A dropdown menu — the user context menu in the top bar, and the tab-overflow
+ * list. A thin styled wrapper over Headless UI so focus management, keyboard
+ * nav, and outside-click come for free; the tokens keep it on-brand.
+ */ export function Menu({ children, className }) {
+    return /*#__PURE__*/ _jsx(HuiMenu, {
+        as: "div",
+        className: cn('relative inline-block text-left', className),
+        children: children
+    });
+}
+function Trigger(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(MenuButton, _extends({
+        className: cn('inline-flex items-center gap-2xs rounded-lg px-2xs py-3xs text-step-sm text-content', 'transition duration-200 ease-smooth hover:bg-surface', 'focus-ring', className)
+    }, props));
+}
+function Items({ children, className }) {
+    return /*#__PURE__*/ _jsx(MenuItems, {
+        className: cn('right-0 absolute z-50 mt-2xs min-w-[12rem] rounded-lg border border-border bg-surface-elevated p-3xs shadow-overlay', // The panel itself is a focus-managed CONTAINER, not a target: the ring
+        // belongs on the item inside it. Stripping the outline here is
+        // correct, and is not a missing `focus-ring`.
+        'focus:outline-none', className),
+        children: children
+    });
+}
+const ITEM_TONE_CLASS = {
+    neutral: 'text-content data-focus:text-content',
+    destructive: 'text-danger data-focus:text-danger'
+};
+function Item(_0) {
+    let { className, tone = 'neutral' } = _0, props = _object_without_properties_loose(_0, [
+        "className",
+        "tone"
+    ]);
+    return /*#__PURE__*/ _jsx(HuiMenuItem, _extends({
+        as: "button",
+        className: cn('flex w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm', 'data-focus:bg-surface', ITEM_TONE_CLASS[tone], 'disabled:cursor-not-allowed disabled:opacity-50', className)
+    }, props));
+}
+/**
+ * A navigating menu entry.
+ *
+ * A plain anchor rather than a router link: the entries that need this are the
+ * account menu's, and those point at a different app on a different origin,
+ * where a client-side transition is not an option anyway. Callers wanting an
+ * in-app transition should pass their router's link through `as`-style
+ * composition at the call site instead.
+ */ function Link(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(HuiMenuItem, _extends({
+        as: "a",
+        className: cn('flex w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm text-content no-underline', 'data-focus:bg-surface data-focus:text-content', className)
+    }, props));
+}
+Menu.Trigger = Trigger;
+Menu.Items = Items;
+Menu.Item = Item;
+Menu.Link = Link;
+
+//# sourceMappingURL=menu.js.map

package/dist/ui/molecules/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/menu/menu.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Menu as HuiMenu,\n  MenuButton,\n  MenuItem as HuiMenuItem,\n  MenuItems,\n} from '@headlessui/react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface MenuProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/**\n * A dropdown menu — the user context menu in the top bar, and the tab-overflow\n * list. A thin styled wrapper over Headless UI so focus management, keyboard\n * nav, and outside-click come for free; the tokens keep it on-brand.\n */\nexport function Menu({ children, className }: MenuProps) {\n  return (\n    <HuiMenu\n      as=\"div\"\n      className={cn('relative inline-block text-left', className)}\n    >\n      {children}\n    </HuiMenu>\n  );\n}\n\nfunction Trigger({ className, ...props }: ComponentPropsWithoutRef<'button'>) {\n  return (\n    <MenuButton\n      className={cn(\n        'inline-flex items-center gap-2xs rounded-lg px-2xs py-3xs text-step-sm text-content',\n        'transition duration-200 ease-smooth hover:bg-surface',\n        'focus-ring',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Items({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <MenuItems\n      className={cn(\n        'right-0 absolute z-50 mt-2xs min-w-[12rem] rounded-lg border border-border bg-surface-elevated p-3xs shadow-overlay',\n        // The panel itself is a focus-managed CONTAINER, not a target: the ring\n        // belongs on the item inside it. Stripping the outline here is\n        // correct, and is not a missing `focus-ring`.\n        'focus:outline-none',\n        className,\n      )}\n    >\n      {children}\n    </MenuItems>\n  );\n}\n\n/** How an entry reads: an ordinary action, or one that destroys something. */\nexport type MenuItemTone = 'neutral' | 'destructive';\n\nexport interface MenuItemProps extends ComponentPropsWithoutRef<'button'> {\n  /**\n   * `destructive` colours the entry as a deletion.\n   *\n   * It exists because an overflow menu is where a destructive verb ends up once\n   * the visible actions are full, and a `Button` in that position would carry\n   * `variant=\"destructive\"` — a menu that cannot say the same thing makes the\n   * appearance of a verb depend on how many siblings it happens to have.\n   *\n   * Colour is not the affordance, and must not be the only warning: a verb\n   * whose descriptor carries `confirm` still asks before it fires.\n   */\n  tone?: MenuItemTone;\n}\n\nconst ITEM_TONE_CLASS: Record<MenuItemTone, string> = {\n  neutral: 'text-content data-focus:text-content',\n  destructive: 'text-danger data-focus:text-danger',\n};\n\nfunction Item({ className, tone = 'neutral', ...props }: MenuItemProps) {\n  return (\n    <HuiMenuItem\n      as=\"button\"\n      className={cn(\n        'flex w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm',\n        'data-focus:bg-surface',\n        ITEM_TONE_CLASS[tone],\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A navigating menu entry.\n *\n * A plain anchor rather than a router link: the entries that need this are the\n * account menu's, and those point at a different app on a different origin,\n * where a client-side transition is not an option anyway. Callers wanting an\n * in-app transition should pass their router's link through `as`-style\n * composition at the call site instead.\n */\nfunction Link({ className, ...props }: ComponentPropsWithoutRef<'a'>) {\n  return (\n    <HuiMenuItem\n      as=\"a\"\n      className={cn(\n        'flex w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm text-content no-underline',\n        'data-focus:bg-surface data-focus:text-content',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nMenu.Trigger = Trigger;\nMenu.Items = Items;\nMenu.Item = Item;\nMenu.Link = Link;\n"],"names":["Menu","HuiMenu","MenuButton","MenuItem","HuiMenuItem","MenuItems","cn","children","className","as","Trigger","props","Items","ITEM_TONE_CLASS","neutral","destructive","Item","tone","Link"],"mappings":"AAAA;;;;AAEA,SACEA,QAAQC,OAAO,EACfC,UAAU,EACVC,YAAYC,WAAW,EACvBC,SAAS,QACJ,oBAAoB;AAG3B,SAASC,EAAE,QAAQ,oBAAoB;AAOvC;;;;CAIC,GACD,OAAO,SAASN,KAAK,EAAEO,QAAQ,EAAEC,SAAS,EAAa;IACrD,qBACE,KAACP;QACCQ,IAAG;QACHD,WAAWF,GAAG,mCAAmCE;kBAEhDD;;AAGP;AAEA,SAASG,QAAQ,EAA2D;QAA3D,EAAEF,SAAS,EAAgD,OAA3CG;;;IAC/B,qBACE,KAACT;QACCM,WAAWF,GACT,uFACA,wDACA,cACAE;OAEEG;AAGV;AAEA,SAASC,MAAM,EACbL,QAAQ,EACRC,SAAS,EAIV;IACC,qBACE,KAACH;QACCG,WAAWF,GACT,uHACA,wEAAwE;QACxE,+DAA+D;QAC/D,8CAA8C;QAC9C,sBACAE;kBAGDD;;AAGP;AAoBA,MAAMM,kBAAgD;IACpDC,SAAS;IACTC,aAAa;AACf;AAEA,SAASC,KAAK,EAAwD;QAAxD,EAAER,SAAS,EAAES,OAAO,SAAS,EAA2B,OAAtBN;;;;IAC9C,qBACE,KAACP;QACCK,IAAG;QACHD,WAAWF,GACT,0EACA,yBACAO,eAAe,CAACI,KAAK,EACrB,mDACAT;OAEEG;AAGV;AAEA;;;;;;;;CAQC,GACD,SAASO,KAAK,EAAsD;QAAtD,EAAEV,SAAS,EAA2C,OAAtCG;;;IAC5B,qBACE,KAACP;QACCK,IAAG;QACHD,WAAWF,GACT,oGACA,iDACAE;OAEEG;AAGV;AAEAX,KAAKU,OAAO,GAAGA;AACfV,KAAKY,KAAK,GAAGA;AACbZ,KAAKgB,IAAI,GAAGA;AACZhB,KAAKkB,IAAI,GAAGA"}

package/dist/ui/molecules/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pagination.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/ui/molecules/pagination/index.js

@@ -0,0 +1,3 @@
+export * from './pagination.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/pagination/index.ts"],"sourcesContent":["export * from './pagination.js';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB"}

package/dist/ui/molecules/pagination/pagination.d.ts

@@ -0,0 +1,13 @@
+export declare const DEFAULT_PAGE_SIZE_OPTIONS: readonly [10, 25, 50, 100];
+export interface PaginationProps {
+    currentPage: number;
+    pageSize: number;
+    totalItems: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    pageSizeOptions?: readonly number[];
+    className?: string;
+}
+/** Page stepper plus an optional page-size selector. */
+export declare function Pagination({ currentPage, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions, className, }: PaginationProps): import("react").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/ui/molecules/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/pagination/pagination.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,yBAAyB,4BAA6B,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wDAAwD;AACxD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAA2C,EAC3C,SAAS,GACV,EAAE,eAAe,+BAwDjB"}

package/dist/ui/molecules/pagination/pagination.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+import { Button } from '../../atoms/button/index.js';
+import { Select } from '../../atoms/field/index.js';
+import { Text } from '../../atoms/text/index.js';
+import { cn } from '../../utils/cn.js';
+export const DEFAULT_PAGE_SIZE_OPTIONS = [
+    10,
+    25,
+    50,
+    100
+];
+/** Page stepper plus an optional page-size selector. */ export function Pagination({ currentPage, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, className }) {
+    const t = useT();
+    const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('flex flex-wrap items-center justify-between gap-2xs', className),
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                step: -1,
+                tone: "muted",
+                children: t('pagination.summary', {
+                    current: currentPage,
+                    total: totalPages,
+                    items: totalItems
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center gap-2xs",
+                children: [
+                    onPageSizeChange && /*#__PURE__*/ _jsxs("label", {
+                        className: "flex items-center gap-3xs text-step-sm text-content-muted",
+                        children: [
+                            t('pagination.rows'),
+                            /*#__PURE__*/ _jsx(Select, {
+                                value: pageSize,
+                                onChange: (event)=>onPageSizeChange(Number(event.target.value)),
+                                children: pageSizeOptions.map((option)=>/*#__PURE__*/ _jsx("option", {
+                                        value: option,
+                                        children: option
+                                    }, option))
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        variant: "secondary",
+                        size: "sm",
+                        disabled: currentPage <= 1,
+                        onClick: ()=>onPageChange(currentPage - 1),
+                        children: t('pagination.previous')
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        variant: "secondary",
+                        size: "sm",
+                        disabled: currentPage >= totalPages,
+                        onClick: ()=>onPageChange(currentPage + 1),
+                        children: t('pagination.next')
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=pagination.js.map

package/dist/ui/molecules/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/pagination/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { Select } from '../../atoms/field/index.js';\nimport { Text } from '../../atoms/text/index.js';\nimport { cn } from '../../utils/cn.js';\n\nexport const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100] as const;\n\nexport interface PaginationProps {\n  currentPage: number;\n  pageSize: number;\n  totalItems: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  pageSizeOptions?: readonly number[];\n  className?: string;\n}\n\n/** Page stepper plus an optional page-size selector. */\nexport function Pagination({\n  currentPage,\n  pageSize,\n  totalItems,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  className,\n}: PaginationProps) {\n  const t = useT();\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center justify-between gap-2xs',\n        className,\n      )}\n    >\n      <Text step={-1} tone=\"muted\">\n        {t('pagination.summary', {\n          current: currentPage,\n          total: totalPages,\n          items: totalItems,\n        })}\n      </Text>\n\n      <div className=\"flex items-center gap-2xs\">\n        {onPageSizeChange && (\n          <label className=\"flex items-center gap-3xs text-step-sm text-content-muted\">\n            {t('pagination.rows')}\n            <Select\n              value={pageSize}\n              onChange={event => onPageSizeChange(Number(event.target.value))}\n            >\n              {pageSizeOptions.map(option => (\n                <option key={option} value={option}>\n                  {option}\n                </option>\n              ))}\n            </Select>\n          </label>\n        )}\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          disabled={currentPage <= 1}\n          onClick={() => onPageChange(currentPage - 1)}\n        >\n          {t('pagination.previous')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          disabled={currentPage >= totalPages}\n          onClick={() => onPageChange(currentPage + 1)}\n        >\n          {t('pagination.next')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["useT","Button","Select","Text","cn","DEFAULT_PAGE_SIZE_OPTIONS","Pagination","currentPage","pageSize","totalItems","onPageChange","onPageSizeChange","pageSizeOptions","className","t","totalPages","Math","max","ceil","div","step","tone","current","total","items","label","value","onChange","event","Number","target","map","option","type","variant","size","disabled","onClick"],"mappings":"AAAA;;AAEA,SAASA,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,MAAM,QAAQ,8BAA8B;AACrD,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,EAAE,QAAQ,oBAAoB;AAEvC,OAAO,MAAMC,4BAA4B;IAAC;IAAI;IAAI;IAAI;CAAI,CAAU;AAYpE,sDAAsD,GACtD,OAAO,SAASC,WAAW,EACzBC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,gBAAgB,EAChBC,kBAAkBP,yBAAyB,EAC3CQ,SAAS,EACO;IAChB,MAAMC,IAAId;IACV,MAAMe,aAAaC,KAAKC,GAAG,CAAC,GAAGD,KAAKE,IAAI,CAACT,aAAaD;IAEtD,qBACE,MAACW;QACCN,WAAWT,GACT,uDACAS;;0BAGF,KAACV;gBAAKiB,MAAM,CAAC;gBAAGC,MAAK;0BAClBP,EAAE,sBAAsB;oBACvBQ,SAASf;oBACTgB,OAAOR;oBACPS,OAAOf;gBACT;;0BAGF,MAACU;gBAAIN,WAAU;;oBACZF,kCACC,MAACc;wBAAMZ,WAAU;;4BACdC,EAAE;0CACH,KAACZ;gCACCwB,OAAOlB;gCACPmB,UAAUC,CAAAA,QAASjB,iBAAiBkB,OAAOD,MAAME,MAAM,CAACJ,KAAK;0CAE5Dd,gBAAgBmB,GAAG,CAACC,CAAAA,uBACnB,KAACA;wCAAoBN,OAAOM;kDACzBA;uCADUA;;;;kCAOrB,KAAC/B;wBACCgC,MAAK;wBACLC,SAAQ;wBACRC,MAAK;wBACLC,UAAU7B,eAAe;wBACzB8B,SAAS,IAAM3B,aAAaH,cAAc;kCAEzCO,EAAE;;kCAEL,KAACb;wBACCgC,MAAK;wBACLC,SAAQ;wBACRC,MAAK;wBACLC,UAAU7B,eAAeQ;wBACzBsB,SAAS,IAAM3B,aAAaH,cAAc;kCAEzCO,EAAE;;;;;;AAKb"}

package/dist/ui/molecules/sort-builder/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sort-builder.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/sort-builder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/sort-builder/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/ui/molecules/sort-builder/index.js

@@ -0,0 +1,3 @@
+export * from './sort-builder.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/sort-builder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/sort-builder/index.ts"],"sourcesContent":["export * from './sort-builder.js';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/ui/molecules/sort-builder/sort-builder.d.ts

@@ -0,0 +1,18 @@
+import type { Entity, EntityFieldDescriptor, EntitySorting } from '@entifix/core';
+export interface SortBuilderProps<TEntity extends Entity> {
+    /** Sortable members, already resolved from the entity metadata. */
+    descriptors: readonly EntityFieldDescriptor[];
+    /** The sorting currently applied, used to seed the rows. */
+    value?: EntitySorting<TEntity>;
+    onChange: (sorting: EntitySorting<TEntity>) => void;
+}
+/**
+ * Builds an `EntitySorting` value — a precedence-ordered map, so the list order
+ * here *is* the sort priority. Reordering uses explicit buttons for the same
+ * reasons as the column settings.
+ *
+ * As in the filter builder, editing is a draft and `onChange` fires only on
+ * **Apply**: each emission is a round trip to the server.
+ */
+export declare function SortBuilder<TEntity extends Entity>({ descriptors, value: applied, onChange, }: SortBuilderProps<TEntity>): import("react").JSX.Element;
+//# sourceMappingURL=sort-builder.d.ts.map

package/dist/ui/molecules/sort-builder/sort-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-builder.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/sort-builder/sort-builder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,MAAM,EACN,qBAAqB,EACrB,aAAa,EAEd,MAAM,eAAe,CAAC;AA2CvB,MAAM,WAAW,gBAAgB,CAAC,OAAO,SAAS,MAAM;IACtD,mEAAmE;IACnE,WAAW,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC9C,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,SAAS,MAAM,EAAE,EAClD,WAAW,EACX,KAAK,EAAE,OAAO,EACd,QAAQ,GACT,EAAE,gBAAgB,CAAC,OAAO,CAAC,+BAwK3B"}

package/dist/ui/molecules/sort-builder/sort-builder.js

@@ -0,0 +1,185 @@
+'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { useT } from '../../../i18n/index.js';
+import { Button } from '../../atoms/button/index.js';
+import { Select } from '../../atoms/field/index.js';
+import { Text } from '../../atoms/text/index.js';
+/**
+ * Rebuilds the rows from an already-applied sorting, so reopening the panel
+ * shows what is actually in effect. The numeric keys are the precedence, so
+ * they are walked in order.
+ */ function toDrafts(sorting, descriptors) {
+    if (!sorting) return [];
+    return Object.keys(sorting).map(Number).sort((left, right)=>left - right).flatMap((priority)=>{
+        const entry = sorting[priority];
+        if (!entry) return [];
+        // Rows address members by accessor name; an applied value carries the
+        // wire key, which is the same string unless the member declared an alias.
+        const descriptor = descriptors.find((candidate)=>candidate.key === String(entry.property) || candidate.name === String(entry.property));
+        return descriptor ? [
+            {
+                property: descriptor.name,
+                type: entry.type
+            }
+        ] : [];
+    });
+}
+/**
+ * Builds an `EntitySorting` value — a precedence-ordered map, so the list order
+ * here *is* the sort priority. Reordering uses explicit buttons for the same
+ * reasons as the column settings.
+ *
+ * As in the filter builder, editing is a draft and `onChange` fires only on
+ * **Apply**: each emission is a round trip to the server.
+ */ export function SortBuilder({ descriptors, value: applied, onChange }) {
+    const [drafts, setDrafts] = useState(()=>toDrafts(applied, descriptors));
+    const apply = useCallback((next)=>{
+        const sorting = next.reduce((accumulator, draft, index)=>{
+            const descriptor = descriptors.find((entry)=>entry.name === draft.property);
+            if (descriptor) {
+                accumulator[index] = {
+                    property: descriptor.key,
+                    type: draft.type
+                };
+            }
+            return accumulator;
+        }, {});
+        onChange(sorting);
+    }, [
+        descriptors,
+        onChange
+    ]);
+    const t = useT();
+    /** Edits the draft only — nothing reaches the caller until Apply. */ const update = (next)=>setDrafts(next);
+    const shift = (index, delta)=>{
+        const target = index + delta;
+        // Defence in depth: the buttons are already disabled at both ends, so this
+        // is unreachable through the UI — but an out-of-range splice would silently
+        // corrupt the list rather than no-op.
+        /* v8 ignore next */ if (target < 0 || target >= drafts.length) return;
+        const next = [
+            ...drafts
+        ];
+        const [moved] = next.splice(index, 1);
+        next.splice(target, 0, moved);
+        update(next);
+    };
+    if (descriptors.length === 0) {
+        return /*#__PURE__*/ _jsx(Text, {
+            step: -1,
+            tone: "muted",
+            children: t('sort.none')
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-2xs",
+        children: [
+            drafts.map((draft, index)=>/*#__PURE__*/ _jsxs("div", {
+                    className: "flex flex-wrap items-center gap-2xs",
+                    children: [
+                        /*#__PURE__*/ _jsx(Text, {
+                            step: -2,
+                            tone: "muted",
+                            children: index === 0 ? t('sort.by') : t('sort.then')
+                        }),
+                        /*#__PURE__*/ _jsx(Select, {
+                            "aria-label": t('sort.member'),
+                            value: draft.property,
+                            onChange: (event)=>update(drafts.map((entry, position)=>position === index ? _extends({}, entry, {
+                                        property: event.target.value
+                                    }) : entry)),
+                            children: descriptors.map((descriptor)=>/*#__PURE__*/ _jsx("option", {
+                                    value: descriptor.name,
+                                    children: descriptor.label
+                                }, descriptor.name))
+                        }),
+                        /*#__PURE__*/ _jsxs(Select, {
+                            "aria-label": t('sort.direction'),
+                            value: draft.type,
+                            onChange: (event)=>update(drafts.map((entry, position)=>position === index ? _extends({}, entry, {
+                                        type: event.target.value
+                                    }) : entry)),
+                            children: [
+                                /*#__PURE__*/ _jsx("option", {
+                                    value: "asc",
+                                    children: t('sort.ascending')
+                                }),
+                                /*#__PURE__*/ _jsx("option", {
+                                    value: "desc",
+                                    children: t('sort.descending')
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": t('sort.raisePriority'),
+                            disabled: index === 0,
+                            onClick: ()=>shift(index, -1),
+                            children: "↑"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": t('sort.lowerPriority'),
+                            disabled: index === drafts.length - 1,
+                            onClick: ()=>shift(index, 1),
+                            children: "↓"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": t('sort.remove'),
+                            onClick: ()=>update(drafts.filter((_, position)=>position !== index)),
+                            children: "✕"
+                        })
+                    ]
+                }, `${draft.property}-${index}`)),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-wrap items-center gap-2xs",
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        variant: "secondary",
+                        size: "sm",
+                        onClick: ()=>update([
+                                ...drafts,
+                                {
+                                    property: descriptors[0].name,
+                                    type: 'asc'
+                                }
+                            ]),
+                        children: t('sort.add')
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        variant: "primary",
+                        size: "sm",
+                        "aria-label": t('sort.applyAria'),
+                        onClick: ()=>apply(drafts),
+                        children: t('sort.apply')
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        variant: "ghost",
+                        size: "sm",
+                        "aria-label": t('sort.clearAria'),
+                        onClick: ()=>{
+                            setDrafts([]);
+                            // Applying the emptied form is what restores the default order.
+                            apply([]);
+                        },
+                        children: t('sort.clear')
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=sort-builder.js.map

package/dist/ui/molecules/sort-builder/sort-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/sort-builder/sort-builder.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  Entity,\n  EntityFieldDescriptor,\n  EntitySorting,\n  EntitySortType,\n} from '@entifix/core';\nimport { useCallback, useState } from 'react';\n\nimport { useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { Select } from '../../atoms/field/index.js';\nimport { Text } from '../../atoms/text/index.js';\n\ninterface SortDraft {\n  property: string;\n  type: EntitySortType;\n}\n\n/**\n * Rebuilds the rows from an already-applied sorting, so reopening the panel\n * shows what is actually in effect. The numeric keys are the precedence, so\n * they are walked in order.\n */\nfunction toDrafts<TEntity extends Entity>(\n  sorting: EntitySorting<TEntity> | undefined,\n  descriptors: readonly EntityFieldDescriptor[],\n): SortDraft[] {\n  if (!sorting) return [];\n\n  return Object.keys(sorting)\n    .map(Number)\n    .sort((left, right) => left - right)\n    .flatMap(priority => {\n      const entry = sorting[priority];\n      if (!entry) return [];\n      // Rows address members by accessor name; an applied value carries the\n      // wire key, which is the same string unless the member declared an alias.\n      const descriptor = descriptors.find(\n        candidate =>\n          candidate.key === String(entry.property) ||\n          candidate.name === String(entry.property),\n      );\n      return descriptor\n        ? [{ property: descriptor.name, type: entry.type }]\n        : [];\n    });\n}\n\nexport interface SortBuilderProps<TEntity extends Entity> {\n  /** Sortable members, already resolved from the entity metadata. */\n  descriptors: readonly EntityFieldDescriptor[];\n  /** The sorting currently applied, used to seed the rows. */\n  value?: EntitySorting<TEntity>;\n  onChange: (sorting: EntitySorting<TEntity>) => void;\n}\n\n/**\n * Builds an `EntitySorting` value — a precedence-ordered map, so the list order\n * here *is* the sort priority. Reordering uses explicit buttons for the same\n * reasons as the column settings.\n *\n * As in the filter builder, editing is a draft and `onChange` fires only on\n * **Apply**: each emission is a round trip to the server.\n */\nexport function SortBuilder<TEntity extends Entity>({\n  descriptors,\n  value: applied,\n  onChange,\n}: SortBuilderProps<TEntity>) {\n  const [drafts, setDrafts] = useState<SortDraft[]>(() =>\n    toDrafts(applied, descriptors),\n  );\n\n  const apply = useCallback(\n    (next: SortDraft[]) => {\n      const sorting = next.reduce<EntitySorting<TEntity>>(\n        (accumulator, draft, index) => {\n          const descriptor = descriptors.find(\n            entry => entry.name === draft.property,\n          );\n          if (descriptor) {\n            accumulator[index] = {\n              property: descriptor.key as keyof TEntity,\n              type: draft.type,\n            };\n          }\n          return accumulator;\n        },\n        {} as EntitySorting<TEntity>,\n      );\n      onChange(sorting);\n    },\n    [descriptors, onChange],\n  );\n\n  const t = useT();\n\n  /** Edits the draft only — nothing reaches the caller until Apply. */\n  const update = (next: SortDraft[]) => setDrafts(next);\n\n  const shift = (index: number, delta: number) => {\n    const target = index + delta;\n    // Defence in depth: the buttons are already disabled at both ends, so this\n    // is unreachable through the UI — but an out-of-range splice would silently\n    // corrupt the list rather than no-op.\n    /* v8 ignore next */\n    if (target < 0 || target >= drafts.length) return;\n    const next = [...drafts];\n    const [moved] = next.splice(index, 1);\n    next.splice(target, 0, moved);\n    update(next);\n  };\n\n  if (descriptors.length === 0) {\n    return (\n      <Text step={-1} tone=\"muted\">\n        {t('sort.none')}\n      </Text>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2xs\">\n      {drafts.map((draft, index) => (\n        <div\n          key={`${draft.property}-${index}`}\n          className=\"flex flex-wrap items-center gap-2xs\"\n        >\n          <Text step={-2} tone=\"muted\">\n            {index === 0 ? t('sort.by') : t('sort.then')}\n          </Text>\n          <Select\n            aria-label={t('sort.member')}\n            value={draft.property}\n            onChange={event =>\n              update(\n                drafts.map((entry, position) =>\n                  position === index\n                    ? { ...entry, property: event.target.value }\n                    : entry,\n                ),\n              )\n            }\n          >\n            {descriptors.map(descriptor => (\n              <option key={descriptor.name} value={descriptor.name}>\n                {descriptor.label}\n              </option>\n            ))}\n          </Select>\n          <Select\n            aria-label={t('sort.direction')}\n            value={draft.type}\n            onChange={event =>\n              update(\n                drafts.map((entry, position) =>\n                  position === index\n                    ? { ...entry, type: event.target.value as EntitySortType }\n                    : entry,\n                ),\n              )\n            }\n          >\n            <option value=\"asc\">{t('sort.ascending')}</option>\n            <option value=\"desc\">{t('sort.descending')}</option>\n          </Select>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={t('sort.raisePriority')}\n            disabled={index === 0}\n            onClick={() => shift(index, -1)}\n          >\n            ↑\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={t('sort.lowerPriority')}\n            disabled={index === drafts.length - 1}\n            onClick={() => shift(index, 1)}\n          >\n            ↓\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={t('sort.remove')}\n            onClick={() =>\n              update(drafts.filter((_, position) => position !== index))\n            }\n          >\n            ✕\n          </Button>\n        </div>\n      ))}\n\n      <div className=\"flex flex-wrap items-center gap-2xs\">\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={() =>\n            update([...drafts, { property: descriptors[0].name, type: 'asc' }])\n          }\n        >\n          {t('sort.add')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"primary\"\n          size=\"sm\"\n          aria-label={t('sort.applyAria')}\n          onClick={() => apply(drafts)}\n        >\n          {t('sort.apply')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={t('sort.clearAria')}\n          onClick={() => {\n            setDrafts([]);\n            // Applying the emptied form is what restores the default order.\n            apply([]);\n          }}\n        >\n          {t('sort.clear')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["useCallback","useState","useT","Button","Select","Text","toDrafts","sorting","descriptors","Object","keys","map","Number","sort","left","right","flatMap","priority","entry","descriptor","find","candidate","key","String","property","name","type","SortBuilder","value","applied","onChange","drafts","setDrafts","apply","next","reduce","accumulator","draft","index","t","update","shift","delta","target","length","moved","splice","step","tone","div","className","aria-label","event","position","option","label","variant","size","disabled","onClick","filter","_"],"mappings":"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"}

package/dist/ui/molecules/stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stack.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/ui/molecules/stack/index.js

@@ -0,0 +1,3 @@
+export * from './stack.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/stack/index.ts"],"sourcesContent":["export * from './stack.js';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa"}

package/dist/ui/molecules/stack/stack.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type SpacingToken = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl';
+export interface StackProps extends ComponentPropsWithoutRef<'div'> {
+    direction?: 'row' | 'column';
+    /** Gap between children, from the fluid Utopia spacing scale. */
+    gap?: SpacingToken;
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    wrap?: boolean;
+}
+/** Flex container that spaces children with a fluid spacing token. */
+export declare function Stack({ direction, gap, align, wrap, className, ...props }: StackProps): import("react").JSX.Element;
+//# sourceMappingURL=stack.d.ts.map

package/dist/ui/molecules/stack/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,YAAY,GACtB,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAehE,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACjE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,iEAAiE;IACjE,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AASD,sEAAsE;AACtE,wBAAgB,KAAK,CAAC,EACpB,SAAoB,EACpB,GAAS,EACT,KAAiB,EACjB,IAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,+BAcZ"}

package/dist/ui/molecules/stack/stack.js

@@ -0,0 +1,36 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+// Static class strings so Tailwind's scanner keeps them.
+const GAP = {
+    '3xs': 'gap-3xs',
+    '2xs': 'gap-2xs',
+    xs: 'gap-xs',
+    s: 'gap-s',
+    m: 'gap-m',
+    l: 'gap-l',
+    xl: 'gap-xl',
+    '2xl': 'gap-2xl',
+    '3xl': 'gap-3xl'
+};
+const ALIGN = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    stretch: 'items-stretch'
+};
+/** Flex container that spaces children with a fluid spacing token. */ export function Stack(_0) {
+    let { direction = 'column', gap = 'm', align = 'stretch', wrap = false, className } = _0, props = _object_without_properties_loose(_0, [
+        "direction",
+        "gap",
+        "align",
+        "wrap",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("div", _extends({
+        className: cn('flex', direction === 'row' ? 'flex-row' : 'flex-col', GAP[gap], ALIGN[align], wrap && 'flex-wrap', className)
+    }, props));
+}
+
+//# sourceMappingURL=stack.js.map

package/dist/ui/molecules/stack/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/stack/stack.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport type SpacingToken =\n  '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl';\n\n// Static class strings so Tailwind's scanner keeps them.\nconst GAP: Record<SpacingToken, string> = {\n  '3xs': 'gap-3xs',\n  '2xs': 'gap-2xs',\n  xs: 'gap-xs',\n  s: 'gap-s',\n  m: 'gap-m',\n  l: 'gap-l',\n  xl: 'gap-xl',\n  '2xl': 'gap-2xl',\n  '3xl': 'gap-3xl',\n};\n\nexport interface StackProps extends ComponentPropsWithoutRef<'div'> {\n  direction?: 'row' | 'column';\n  /** Gap between children, from the fluid Utopia spacing scale. */\n  gap?: SpacingToken;\n  align?: 'start' | 'center' | 'end' | 'stretch';\n  wrap?: boolean;\n}\n\nconst ALIGN = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n} as const;\n\n/** Flex container that spaces children with a fluid spacing token. */\nexport function Stack({\n  direction = 'column',\n  gap = 'm',\n  align = 'stretch',\n  wrap = false,\n  className,\n  ...props\n}: StackProps) {\n  return (\n    <div\n      className={cn(\n        'flex',\n        direction === 'row' ? 'flex-row' : 'flex-col',\n        GAP[gap],\n        ALIGN[align],\n        wrap && 'flex-wrap',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","GAP","xs","s","m","l","xl","ALIGN","start","center","end","stretch","Stack","direction","gap","align","wrap","className","props","div"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AAKvC,yDAAyD;AACzD,MAAMC,MAAoC;IACxC,OAAO;IACP,OAAO;IACPC,IAAI;IACJC,GAAG;IACHC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJ,OAAO;IACP,OAAO;AACT;AAUA,MAAMC,QAAQ;IACZC,OAAO;IACPC,QAAQ;IACRC,KAAK;IACLC,SAAS;AACX;AAEA,oEAAoE,GACpE,OAAO,SAASC,MAAM,EAOT;QAPS,EACpBC,YAAY,QAAQ,EACpBC,MAAM,GAAG,EACTC,QAAQ,SAAS,EACjBC,OAAO,KAAK,EACZC,SAAS,EAEE,OADRC;;;;;;;IAEH,qBACE,KAACC;QACCF,WAAWjB,GACT,QACAa,cAAc,QAAQ,aAAa,YACnCZ,GAAG,CAACa,IAAI,EACRP,KAAK,CAACQ,MAAM,EACZC,QAAQ,aACRC;OAEEC;AAGV"}

package/dist/ui/molecules/tab-strip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tab-strip.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/tab-strip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/tab-strip/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/ui/molecules/tab-strip/index.js

@@ -0,0 +1,3 @@
+export * from './tab-strip.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/tab-strip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/tab-strip/index.ts"],"sourcesContent":["export * from './tab-strip.js';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/ui/molecules/tab-strip/tab-strip.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type TabStripProps = ComponentPropsWithoutRef<'div'>;
+/**
+ * The workspace tab strip: a horizontally scrolling row of {@link Tab}s sitting
+ * on the workspace surface. Presentational only — the open set, order, and
+ * active tab come from the caller (the tabs store lives in the shell).
+ */
+export declare function TabStrip({ className, children, ...props }: TabStripProps): import("react").JSX.Element;
+/** `dirty` = unsaved draft; `saving` = autosave in flight; `error` = save failed. */
+export type TabState = 'idle' | 'dirty' | 'saving' | 'error';
+export interface TabProps {
+    label: string;
+    active?: boolean;
+    state?: TabState;
+    onSelect?: () => void;
+    onClose?: () => void;
+    className?: string;
+}
+/**
+ * One tab. The active tab lifts onto the surface (`bg-surface-elevated` +
+ * `-mb-px` so its base dissolves into the content plane below — the seam), and
+ * a non-idle tab shows the autosave dot: it breathes while `saving`, turns
+ * `danger` on `error`. The one place the chrome gets loud, on purpose.
+ */
+export declare function Tab({ label, active, state, onSelect, onClose, className, }: TabProps): import("react").JSX.Element;
+export type TabAddButtonProps = ComponentPropsWithoutRef<'button'>;
+/** The "+" that opens a new tab. */
+export declare function TabAddButton({ className, ...props }: TabAddButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=tab-strip.d.ts.map