@namroodinc/liquid-editorial 0.0.0-stage → 0.1.1

package/dist/components/Switch/style.css

@@ -0,0 +1,65 @@
+@layer components {
+  .ds-switch {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-3);
+    cursor: pointer;
+  }
+
+  .ds-switch__track {
+    position: relative;
+    flex: none;
+    inline-size: var(--switch-width);
+    block-size: var(--switch-height);
+    padding: 0;
+    border: var(--control-border-width) solid var(--control-border-color);
+    border-radius: var(--radius-pill);
+    background: var(--field-rest);
+    cursor: pointer;
+    transition: background-color var(--duration-fast) var(--ease-standard);
+  }
+
+  .ds-switch__track:hover:not(:disabled) {
+    background: var(--field-hover);
+  }
+
+  .ds-switch__track[aria-checked="true"] {
+    background: var(--color-primary);
+  }
+
+  .ds-switch__track[aria-checked="true"]:hover:not(:disabled) {
+    background: var(--color-primary-hover);
+  }
+
+  .ds-switch__track:focus-visible {
+    outline: var(--control-border-width) solid var(--color-focus);
+    outline-offset: 2px;
+  }
+
+  .ds-switch__track:disabled {
+    opacity: 45%;
+    cursor: not-allowed;
+  }
+
+  .ds-switch__knob {
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline-start: 2px;
+    inline-size: var(--switch-knob-size);
+    block-size: var(--switch-knob-size);
+    border-radius: var(--radius-pill);
+    background: var(--control-border-color);
+    translate: 0 -50%;
+    transition: translate var(--duration-fast) var(--ease-standard),
+      background-color var(--duration-fast) var(--ease-standard);
+  }
+
+  .ds-switch__track[aria-checked="true"] .ds-switch__knob {
+    background: var(--color-text-on-solid);
+    translate: calc(var(--switch-width) - var(--switch-knob-size) - 8px) -50%;
+  }
+
+  .ds-switch__label {
+    font-size: var(--font-size-sm);
+  }
+}

package/dist/components/Table/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Icon-CWsA1W83.cjs");let t=require("react"),n=require("react/jsx-runtime");function r(...e){return e.filter(Boolean).join(` `)}var i=(0,t.forwardRef)(function({className:e,children:t,...i},a){return(0,n.jsx)(`div`,{ref:a,className:r(`ds-table-frame`,e),...i,children:t})}),a=(0,t.forwardRef)(function({start:e,end:t,className:i,...a},o){return(0,n.jsxs)(`div`,{ref:o,className:r(`ds-table-toolbar`,i),...a,children:[(0,n.jsx)(`div`,{className:`ds-table-toolbar__group`,children:e}),(0,n.jsx)(`div`,{className:`ds-table-toolbar__group`,children:t})]})}),o=(0,t.forwardRef)(function({className:e,children:t,...i},a){return(0,n.jsx)(`div`,{className:`ds-table-frame__scroll`,children:(0,n.jsx)(`table`,{ref:a,className:r(`ds-table`,e),...i,children:t})})}),s=(0,t.forwardRef)(function({className:e,...t},r){return(0,n.jsx)(`thead`,{ref:r,className:e,...t})}),c=(0,t.forwardRef)(function({className:e,...t},r){return(0,n.jsx)(`tbody`,{ref:r,className:e,...t})}),l=(0,t.forwardRef)(function({isSelected:e=!1,isInteractive:t=!1,className:r,...i},a){return(0,n.jsx)(`tr`,{ref:a,"data-selected":e||void 0,"data-interactive":t||void 0,tabIndex:t?0:void 0,className:r,...i})}),u=(0,t.forwardRef)(function({align:e=`start`,width:t=`auto`,className:r,...i},a){return(0,n.jsx)(`th`,{ref:a,scope:`col`,"data-align":e,"data-width":t,className:r,...i})}),d=(0,t.forwardRef)(function({align:e=`start`,width:t=`auto`,emphasis:r=`default`,className:i,...a},o){return(0,n.jsx)(`td`,{ref:o,"data-align":e,"data-width":t,"data-emphasis":r==="default"?void 0:r,className:i,...a})}),f=(0,t.forwardRef)(function({icon:t=`info`,title:i,description:a,action:o,className:s,...c},l){return(0,n.jsxs)(`div`,{ref:l,className:r(`ds-table-empty`,s),...c,children:[(0,n.jsx)(e.t,{name:t,size:24}),(0,n.jsx)(`span`,{style:{color:`var(--color-text)`,fontWeight:`var(--font-weight-bold)`},children:i}),a&&(0,n.jsx)(`span`,{children:a}),o]})});exports.Table=o,exports.TableBody=c,exports.TableCell=d,exports.TableEmpty=f,exports.TableFrame=i,exports.TableHead=s,exports.TableHeaderCell=u,exports.TableRow=l,exports.TableToolbar=a;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Table/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","Icon","require_Icon","react","react_jsx_runtime","cx","parts","TableFrame","rest","className","TableToolbar","start","end","Table","TableHead","TableBody","TableRow","isSelected","isInteractive","TableHeaderCell","align","width","TableCell","emphasis","TableEmpty","icon","title","description","action"],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type TableHTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n} from \"react\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../Icon/icons\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport interface TableFrameProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\n/** The 3px collection frame every table, list and board sits inside. */\nexport const TableFrame = forwardRef<HTMLDivElement, TableFrameProps>(function TableFrame(\n  { className, children, ...rest },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cx(\"ds-table-frame\", className)} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nexport interface TableToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  /** Left side — usually a select-all checkbox, a title and a count badge. */\n  start?: ReactNode;\n  /** Right side — filters and the one primary action. */\n  end?: ReactNode;\n}\n\n/** The band above the rules: selection, title, count, filters, primary action. */\nexport const TableToolbar = forwardRef<HTMLDivElement, TableToolbarProps>(\n  function TableToolbar({ start, end, className, ...rest }, ref) {\n    return (\n      <div ref={ref} className={cx(\"ds-table-toolbar\", className)} {...rest}>\n        <div className=\"ds-table-toolbar__group\">{start}</div>\n        <div className=\"ds-table-toolbar__group\">{end}</div>\n      </div>\n    );\n  },\n);\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n  children?: ReactNode;\n}\n\n/** The rules layer. Always render it inside a `TableFrame`. */\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n  { className, children, ...rest },\n  ref,\n) {\n  return (\n    <div className=\"ds-table-frame__scroll\">\n      <table ref={ref} className={cx(\"ds-table\", className)} {...rest}>\n        {children}\n      </table>\n    </div>\n  );\n});\n\nexport const TableHead = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  function TableHead({ className, ...rest }, ref) {\n    return <thead ref={ref} className={className} {...rest} />;\n  },\n);\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  function TableBody({ className, ...rest }, ref) {\n    return <tbody ref={ref} className={className} {...rest} />;\n  },\n);\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  /** Paints the soft fill and the solid rail. Never changes the row's size. */\n  isSelected?: boolean;\n  /** Marks the row clickable: hover fill plus a pointer cursor. */\n  isInteractive?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { isSelected = false, isInteractive = false, className, ...rest },\n  ref,\n) {\n  return (\n    <tr\n      ref={ref}\n      data-selected={isSelected || undefined}\n      data-interactive={isInteractive || undefined}\n      tabIndex={isInteractive ? 0 : undefined}\n      className={className}\n      {...rest}\n    />\n  );\n});\n\nexport type TableAlign = \"start\" | \"end\";\nexport type TableCellWidth = \"auto\" | \"control\";\n\nexport interface TableHeaderCellProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  align?: TableAlign;\n  width?: TableCellWidth;\n}\n\nexport const TableHeaderCell = forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n  function TableHeaderCell({ align = \"start\", width = \"auto\", className, ...rest }, ref) {\n    return (\n      <th\n        ref={ref}\n        scope=\"col\"\n        data-align={align}\n        data-width={width}\n        className={className}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport type TableCellEmphasis = \"default\" | \"primary\" | \"muted\";\n\nexport interface TableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  align?: TableAlign;\n  width?: TableCellWidth;\n  /** `primary` is the row's identity cell — one per row, never two. */\n  emphasis?: TableCellEmphasis;\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align = \"start\", width = \"auto\", emphasis = \"default\", className, ...rest },\n  ref,\n) {\n  return (\n    <td\n      ref={ref}\n      data-align={align}\n      data-width={width}\n      data-emphasis={emphasis === \"default\" ? undefined : emphasis}\n      className={className}\n      {...rest}\n    />\n  );\n});\n\nexport interface TableEmptyProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: IconName;\n  title: string;\n  description?: string;\n  /** One action at most — the thing that ends the empty state. */\n  action?: ReactNode;\n}\n\n/** What the frame shows when the collection has no rows. */\nexport const TableEmpty = forwardRef<HTMLDivElement, TableEmptyProps>(function TableEmpty(\n  { icon = \"info\", title, description, action, className, ...rest },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cx(\"ds-table-empty\", className)} {...rest}>\n      <Icon name={icon} size={24} />\n      <span style={{ color: \"var(--color-text)\", fontWeight: \"var(--font-weight-bold)\" }}>\n        {title}\n      </span>\n      {description && <span>{description}</span>}\n      {action}\n    </div>\n  );\n});\n"],"mappings":"A,2KAYA,SAASK,EAAG,GAAGC,EAAuC,CACpD,OAAOA,EAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CACvC,CAOA,IAAaC,GAAA,EAAaP,EAAAA,WAAAA,CAA4C,SACpE,CAAE,YAAW,WAAU,GAAGQ,GAC1B,EACA,CACA,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,UAAWC,EAAG,iBAAkBI,CAAS,EAAG,GAAID,EAC5D,UACE,CAAA,CAET,CAAC,EAUYE,GAAA,EAAeV,EAAAA,WAAAA,CAC1B,SAAsB,CAAE,QAAO,MAAK,YAAW,GAAGQ,GAAQ,EAAK,CAC7D,OACE,EAAAJ,EAAA,KAAA,CAAC,MAAD,CAAU,MAAK,UAAWC,EAAG,mBAAoBI,CAAS,EAAG,GAAID,EAAjE,SAAA,EACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,0BAA2B,SAAAO,CAAW,CAAA,GACrD,EAAAP,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,0BAA2B,SAAAQ,CAAS,CAAA,CAChD,C,EAET,CACF,EAOaC,GAAA,EAAQb,EAAAA,WAAAA,CAAyC,SAC5D,CAAE,YAAW,WAAU,GAAGQ,GAC1B,EACA,CACA,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,yBACb,UAAA,EAAAA,EAAA,IAAA,CAAC,QAAD,CAAY,MAAK,UAAWC,EAAG,WAAYI,CAAS,EAAG,GAAID,EACxD,UACI,CAAA,CACJ,CAAA,CAET,CAAC,EAEYM,GAAA,EAAYd,EAAAA,WAAAA,CACvB,SAAmB,CAAE,YAAW,GAAGQ,GAAQ,EAAK,CAC9C,OAAO,EAAAJ,EAAA,IAAA,CAAC,QAAD,CAAY,MAAgB,YAAW,GAAII,CAAO,CAAA,CAC3D,CACF,EAEaO,GAAA,EAAYf,EAAAA,WAAAA,CACvB,SAAmB,CAAE,YAAW,GAAGQ,GAAQ,EAAK,CAC9C,OAAO,EAAAJ,EAAA,IAAA,CAAC,QAAD,CAAY,MAAgB,YAAW,GAAII,CAAO,CAAA,CAC3D,CACF,EASaQ,GAAA,EAAWhB,EAAAA,WAAAA,CAA+C,SACrE,CAAE,aAAa,GAAO,gBAAgB,GAAO,YAAW,GAAGQ,GAC3D,EACA,CACA,OACE,EAAAJ,EAAA,IAAA,CAAC,KAAD,CACO,MACL,gBAAea,GAAc,IAAA,GAC7B,mBAAkBC,GAAiB,IAAA,GACnC,SAAUA,EAAgB,EAAI,IAAA,GACnB,YACX,GAAIV,CACL,CAAA,CAEL,CAAC,EAWYW,GAAA,EAAkBnB,EAAAA,WAAAA,CAC7B,SAAyB,CAAE,QAAQ,QAAS,QAAQ,OAAQ,YAAW,GAAGQ,GAAQ,EAAK,CACrF,OACE,EAAAJ,EAAA,IAAA,CAAC,KAAD,CACO,MACL,MAAM,MACN,aAAYgB,EACZ,aAAYC,EACD,YACX,GAAIb,CACL,CAAA,CAEL,CACF,EAYac,GAAA,EAAYtB,EAAAA,WAAAA,CAAiD,SACxE,CAAE,QAAQ,QAAS,QAAQ,OAAQ,WAAW,UAAW,YAAW,GAAGQ,GACvE,EACA,CACA,OACE,EAAAJ,EAAA,IAAA,CAAC,KAAD,CACO,MACL,aAAYgB,EACZ,aAAYC,EACZ,gBAAeE,IAAa,UAAY,IAAA,GAAYA,EACzC,YACX,GAAIf,CACL,CAAA,CAEL,CAAC,EAWYgB,GAAA,EAAaxB,EAAAA,WAAAA,CAA4C,SACpE,CAAE,OAAO,OAAQ,QAAO,cAAa,SAAQ,YAAW,GAAGQ,GAC3D,EACA,CACA,OACE,EAAAJ,EAAA,KAAA,CAAC,MAAD,CAAU,MAAK,UAAWC,EAAG,iBAAkBI,CAAS,EAAG,GAAID,EAA/D,SAAA,EACE,EAAAJ,EAAA,IAAA,CAACH,EAAAA,EAAD,CAAM,KAAMwB,EAAM,KAAM,EAAK,CAAA,GAC7B,EAAArB,EAAA,IAAA,CAAC,OAAD,CAAM,MAAO,CAAE,MAAO,oBAAqB,WAAY,yBAA0B,EAC9E,SAAAsB,CACG,CAAA,EACLC,IAAe,EAAAvB,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOuB,CAAkB,CAAA,EACxCC,CACE,C,EAET,CAAC,E"}

package/dist/components/Table/index.d.cts

@@ -0,0 +1,54 @@
+import { type HTMLAttributes, type ReactNode, type TableHTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from "react";
+import type { IconName } from "../Icon/icons.cjs";
+export interface TableFrameProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/** The 3px collection frame every table, list and board sits inside. */
+export declare const TableFrame: import("react").ForwardRefExoticComponent<TableFrameProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface TableToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Left side — usually a select-all checkbox, a title and a count badge. */
+    start?: ReactNode;
+    /** Right side — filters and the one primary action. */
+    end?: ReactNode;
+}
+/** The band above the rules: selection, title, count, filters, primary action. */
+export declare const TableToolbar: import("react").ForwardRefExoticComponent<TableToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+}
+/** The rules layer. Always render it inside a `TableFrame`. */
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export declare const TableHead: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /** Paints the soft fill and the solid rail. Never changes the row's size. */
+    isSelected?: boolean;
+    /** Marks the row clickable: hover fill plus a pointer cursor. */
+    isInteractive?: boolean;
+}
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+export type TableAlign = "start" | "end";
+export type TableCellWidth = "auto" | "control";
+export interface TableHeaderCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> {
+    align?: TableAlign;
+    width?: TableCellWidth;
+}
+export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<TableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export type TableCellEmphasis = "default" | "primary" | "muted";
+export interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
+    align?: TableAlign;
+    width?: TableCellWidth;
+    /** `primary` is the row's identity cell — one per row, never two. */
+    emphasis?: TableCellEmphasis;
+}
+export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export interface TableEmptyProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconName;
+    title: string;
+    description?: string;
+    /** One action at most — the thing that ends the empty state. */
+    action?: ReactNode;
+}
+/** What the frame shows when the collection has no rows. */
+export declare const TableEmpty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.cts.map

package/dist/components/Table/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wEAAwE;AACxE,eAAO,MAAM,UAAU,4GASrB,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,4EAA4E;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uDAAuD;IACvD,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AAED,kFAAkF;AAClF,eAAO,MAAM,YAAY,8GASxB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+DAA+D;AAC/D,eAAO,MAAM,KAAK,yGAWhB,CAAC;AAEH,eAAO,MAAM,SAAS,6IAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,6IAIrB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,+GAcnB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;AACzC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,uHAa3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,iHAcpB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,4GAcrB,CAAC"}

package/dist/components/Table/index.d.ts

@@ -0,0 +1,54 @@
+import { type HTMLAttributes, type ReactNode, type TableHTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from "react";
+import type { IconName } from "../Icon/icons.js";
+export interface TableFrameProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/** The 3px collection frame every table, list and board sits inside. */
+export declare const TableFrame: import("react").ForwardRefExoticComponent<TableFrameProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface TableToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Left side — usually a select-all checkbox, a title and a count badge. */
+    start?: ReactNode;
+    /** Right side — filters and the one primary action. */
+    end?: ReactNode;
+}
+/** The band above the rules: selection, title, count, filters, primary action. */
+export declare const TableToolbar: import("react").ForwardRefExoticComponent<TableToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+}
+/** The rules layer. Always render it inside a `TableFrame`. */
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export declare const TableHead: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /** Paints the soft fill and the solid rail. Never changes the row's size. */
+    isSelected?: boolean;
+    /** Marks the row clickable: hover fill plus a pointer cursor. */
+    isInteractive?: boolean;
+}
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+export type TableAlign = "start" | "end";
+export type TableCellWidth = "auto" | "control";
+export interface TableHeaderCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> {
+    align?: TableAlign;
+    width?: TableCellWidth;
+}
+export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<TableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export type TableCellEmphasis = "default" | "primary" | "muted";
+export interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
+    align?: TableAlign;
+    width?: TableCellWidth;
+    /** `primary` is the row's identity cell — one per row, never two. */
+    emphasis?: TableCellEmphasis;
+}
+export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export interface TableEmptyProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconName;
+    title: string;
+    description?: string;
+    /** One action at most — the thing that ends the empty state. */
+    action?: ReactNode;
+}
+/** What the frame shows when the collection has no rows. */
+export declare const TableEmpty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wEAAwE;AACxE,eAAO,MAAM,UAAU,4GASrB,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,4EAA4E;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uDAAuD;IACvD,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AAED,kFAAkF;AAClF,eAAO,MAAM,YAAY,8GASxB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+DAA+D;AAC/D,eAAO,MAAM,KAAK,yGAWhB,CAAC;AAEH,eAAO,MAAM,SAAS,6IAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,6IAIrB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,+GAcnB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;AACzC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,uHAa3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,iHAcpB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,4DAA4D;AAC5D,eAAO,MAAM,UAAU,4GAcrB,CAAC"}

package/dist/components/Table/index.js

@@ -0,0 +1,102 @@
+import { t as e } from "../../chunks/Icon-CGY1FNXT.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Table/index.tsx
+function i(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var a = t(function({ className: e, children: t, ...r }, a) {
+	return /* @__PURE__ */ n("div", {
+		ref: a,
+		className: i("ds-table-frame", e),
+		...r,
+		children: t
+	});
+}), o = t(function({ start: e, end: t, className: a, ...o }, s) {
+	return /* @__PURE__ */ r("div", {
+		ref: s,
+		className: i("ds-table-toolbar", a),
+		...o,
+		children: [/* @__PURE__ */ n("div", {
+			className: "ds-table-toolbar__group",
+			children: e
+		}), /* @__PURE__ */ n("div", {
+			className: "ds-table-toolbar__group",
+			children: t
+		})]
+	});
+}), s = t(function({ className: e, children: t, ...r }, a) {
+	return /* @__PURE__ */ n("div", {
+		className: "ds-table-frame__scroll",
+		children: /* @__PURE__ */ n("table", {
+			ref: a,
+			className: i("ds-table", e),
+			...r,
+			children: t
+		})
+	});
+}), c = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("thead", {
+		ref: r,
+		className: e,
+		...t
+	});
+}), l = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("tbody", {
+		ref: r,
+		className: e,
+		...t
+	});
+}), u = t(function({ isSelected: e = !1, isInteractive: t = !1, className: r, ...i }, a) {
+	return /* @__PURE__ */ n("tr", {
+		ref: a,
+		"data-selected": e || void 0,
+		"data-interactive": t || void 0,
+		tabIndex: t ? 0 : void 0,
+		className: r,
+		...i
+	});
+}), d = t(function({ align: e = "start", width: t = "auto", className: r, ...i }, a) {
+	return /* @__PURE__ */ n("th", {
+		ref: a,
+		scope: "col",
+		"data-align": e,
+		"data-width": t,
+		className: r,
+		...i
+	});
+}), f = t(function({ align: e = "start", width: t = "auto", emphasis: r = "default", className: i, ...a }, o) {
+	return /* @__PURE__ */ n("td", {
+		ref: o,
+		"data-align": e,
+		"data-width": t,
+		"data-emphasis": r === "default" ? void 0 : r,
+		className: i,
+		...a
+	});
+}), p = t(function({ icon: t = "info", title: a, description: o, action: s, className: c, ...l }, u) {
+	return /* @__PURE__ */ r("div", {
+		ref: u,
+		className: i("ds-table-empty", c),
+		...l,
+		children: [
+			/* @__PURE__ */ n(e, {
+				name: t,
+				size: 24
+			}),
+			/* @__PURE__ */ n("span", {
+				style: {
+					color: "var(--color-text)",
+					fontWeight: "var(--font-weight-bold)"
+				},
+				children: a
+			}),
+			o && /* @__PURE__ */ n("span", { children: o }),
+			s
+		]
+	});
+});
+//#endregion
+export { s as Table, l as TableBody, f as TableCell, p as TableEmpty, a as TableFrame, c as TableHead, d as TableHeaderCell, u as TableRow, o as TableToolbar };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Icon","cx","parts","TableFrame","forwardRef","rest","className","TableToolbar","start","end","Table","TableHead","TableBody","TableRow","isSelected","isInteractive","TableHeaderCell","align","width","TableCell","emphasis","TableEmpty","icon","title","description","action"],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type TableHTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n} from \"react\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../Icon/icons\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport interface TableFrameProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\n/** The 3px collection frame every table, list and board sits inside. */\nexport const TableFrame = forwardRef<HTMLDivElement, TableFrameProps>(function TableFrame(\n  { className, children, ...rest },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cx(\"ds-table-frame\", className)} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nexport interface TableToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  /** Left side — usually a select-all checkbox, a title and a count badge. */\n  start?: ReactNode;\n  /** Right side — filters and the one primary action. */\n  end?: ReactNode;\n}\n\n/** The band above the rules: selection, title, count, filters, primary action. */\nexport const TableToolbar = forwardRef<HTMLDivElement, TableToolbarProps>(\n  function TableToolbar({ start, end, className, ...rest }, ref) {\n    return (\n      <div ref={ref} className={cx(\"ds-table-toolbar\", className)} {...rest}>\n        <div className=\"ds-table-toolbar__group\">{start}</div>\n        <div className=\"ds-table-toolbar__group\">{end}</div>\n      </div>\n    );\n  },\n);\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n  children?: ReactNode;\n}\n\n/** The rules layer. Always render it inside a `TableFrame`. */\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n  { className, children, ...rest },\n  ref,\n) {\n  return (\n    <div className=\"ds-table-frame__scroll\">\n      <table ref={ref} className={cx(\"ds-table\", className)} {...rest}>\n        {children}\n      </table>\n    </div>\n  );\n});\n\nexport const TableHead = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  function TableHead({ className, ...rest }, ref) {\n    return <thead ref={ref} className={className} {...rest} />;\n  },\n);\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  function TableBody({ className, ...rest }, ref) {\n    return <tbody ref={ref} className={className} {...rest} />;\n  },\n);\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  /** Paints the soft fill and the solid rail. Never changes the row's size. */\n  isSelected?: boolean;\n  /** Marks the row clickable: hover fill plus a pointer cursor. */\n  isInteractive?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { isSelected = false, isInteractive = false, className, ...rest },\n  ref,\n) {\n  return (\n    <tr\n      ref={ref}\n      data-selected={isSelected || undefined}\n      data-interactive={isInteractive || undefined}\n      tabIndex={isInteractive ? 0 : undefined}\n      className={className}\n      {...rest}\n    />\n  );\n});\n\nexport type TableAlign = \"start\" | \"end\";\nexport type TableCellWidth = \"auto\" | \"control\";\n\nexport interface TableHeaderCellProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  align?: TableAlign;\n  width?: TableCellWidth;\n}\n\nexport const TableHeaderCell = forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n  function TableHeaderCell({ align = \"start\", width = \"auto\", className, ...rest }, ref) {\n    return (\n      <th\n        ref={ref}\n        scope=\"col\"\n        data-align={align}\n        data-width={width}\n        className={className}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport type TableCellEmphasis = \"default\" | \"primary\" | \"muted\";\n\nexport interface TableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  align?: TableAlign;\n  width?: TableCellWidth;\n  /** `primary` is the row's identity cell — one per row, never two. */\n  emphasis?: TableCellEmphasis;\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align = \"start\", width = \"auto\", emphasis = \"default\", className, ...rest },\n  ref,\n) {\n  return (\n    <td\n      ref={ref}\n      data-align={align}\n      data-width={width}\n      data-emphasis={emphasis === \"default\" ? undefined : emphasis}\n      className={className}\n      {...rest}\n    />\n  );\n});\n\nexport interface TableEmptyProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: IconName;\n  title: string;\n  description?: string;\n  /** One action at most — the thing that ends the empty state. */\n  action?: ReactNode;\n}\n\n/** What the frame shows when the collection has no rows. */\nexport const TableEmpty = forwardRef<HTMLDivElement, TableEmptyProps>(function TableEmpty(\n  { icon = \"info\", title, description, action, className, ...rest },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cx(\"ds-table-empty\", className)} {...rest}>\n      <Icon name={icon} size={24} />\n      <span style={{ color: \"var(--color-text)\", fontWeight: \"var(--font-weight-bold)\" }}>\n        {title}\n      </span>\n      {description && <span>{description}</span>}\n      {action}\n    </div>\n  );\n});\n"],"mappings":";;;;AAYA,SAASC,EAAG,GAAGC,GAAuC;CACpD,OAAOA,EAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACvC;AAOA,IAAaC,IAAaC,EAA4C,SACpE,EAAE,cAAW,aAAU,GAAGC,KAC1B,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWJ,EAAG,kBAAkBK,CAAS;EAAG,GAAID;EAC5D;CACE,CAAA;AAET,CAAC,GAUYE,IAAeH,EAC1B,SAAsB,EAAE,UAAO,QAAK,cAAW,GAAGC,KAAQ,GAAK;CAC7D,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWJ,EAAG,oBAAoBK,CAAS;EAAG,GAAID;EAAjE,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAAG;EAAW,CAAA,GACrD,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAAC;EAAS,CAAA,CAChD;;AAET,CACF,GAOaC,IAAQN,EAAyC,SAC5D,EAAE,cAAW,aAAU,GAAGC,KAC1B,GACA;CACA,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,SAAD;GAAY;GAAK,WAAWJ,EAAG,YAAYK,CAAS;GAAG,GAAID;GACxD;EACI,CAAA;CACJ,CAAA;AAET,CAAC,GAEYM,IAAYP,EACvB,SAAmB,EAAE,cAAW,GAAGC,KAAQ,GAAK;CAC9C,OAAO,kBAAC,SAAD;EAAY;EAAgB;EAAW,GAAIA;CAAO,CAAA;AAC3D,CACF,GAEaO,IAAYR,EACvB,SAAmB,EAAE,cAAW,GAAGC,KAAQ,GAAK;CAC9C,OAAO,kBAAC,SAAD;EAAY;EAAgB;EAAW,GAAIA;CAAO,CAAA;AAC3D,CACF,GASaQ,IAAWT,EAA+C,SACrE,EAAE,gBAAa,IAAO,mBAAgB,IAAO,cAAW,GAAGC,KAC3D,GACA;CACA,OACE,kBAAC,MAAD;EACO;EACL,iBAAeS,KAAc,KAAA;EAC7B,oBAAkBC,KAAiB,KAAA;EACnC,UAAUA,IAAgB,IAAI,KAAA;EACnB;EACX,GAAIV;CACL,CAAA;AAEL,CAAC,GAWYW,IAAkBZ,EAC7B,SAAyB,EAAE,WAAQ,SAAS,WAAQ,QAAQ,cAAW,GAAGC,KAAQ,GAAK;CACrF,OACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,cAAYY;EACZ,cAAYC;EACD;EACX,GAAIb;CACL,CAAA;AAEL,CACF,GAYac,IAAYf,EAAiD,SACxE,EAAE,WAAQ,SAAS,WAAQ,QAAQ,cAAW,WAAW,cAAW,GAAGC,KACvE,GACA;CACA,OACE,kBAAC,MAAD;EACO;EACL,cAAYY;EACZ,cAAYC;EACZ,iBAAeE,MAAa,YAAY,KAAA,IAAYA;EACzC;EACX,GAAIf;CACL,CAAA;AAEL,CAAC,GAWYgB,IAAajB,EAA4C,SACpE,EAAE,UAAO,QAAQ,UAAO,gBAAa,WAAQ,cAAW,GAAGC,KAC3D,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWJ,EAAG,kBAAkBK,CAAS;EAAG,GAAID;EAA/D,UAAA;GACE,kBAACL,GAAD;IAAM,MAAMsB;IAAM,MAAM;GAAK,CAAA;GAC7B,kBAAC,QAAD;IAAM,OAAO;KAAE,OAAO;KAAqB,YAAY;IAA0B;IAC9E,UAAAC;GACG,CAAA;GACLC,KAAe,kBAAC,QAAD,EAAA,UAAOA,EAAkB,CAAA;GACxCC;EACE;;AAET,CAAC"}

package/dist/components/Table/style.css

@@ -0,0 +1,122 @@
+@layer components {
+  /* The collection frame. Heavy outer stroke, hairline inner rules, a solid
+   * rail on the selected row — the house idea, in one component. */
+  .ds-table-frame {
+    --field-bg: var(--color-surface);
+
+    border: var(--frame-width) solid var(--frame-color);
+    border-radius: var(--radius-lg);
+    background: var(--color-surface);
+    overflow: hidden;
+  }
+
+  .ds-table-frame__scroll {
+    overflow-x: auto;
+  }
+
+  .ds-table-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-4);
+    padding: var(--space-4) var(--table-row-pad-inline);
+    background: var(--color-surface-subtle);
+    border-block-end: var(--rule-width) solid var(--rule-color);
+  }
+
+  .ds-table-toolbar__group {
+    display: flex;
+    align-items: center;
+    gap: var(--space-3);
+  }
+
+  .ds-table-toolbar__title {
+    font-size: var(--font-size-md);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--line-height-tight);
+  }
+
+  .ds-table {
+    inline-size: 100%;
+    border-collapse: collapse;
+    font-size: var(--table-cell-size);
+    color: var(--color-text);
+  }
+
+  .ds-table th {
+    text-align: start;
+    font-size: var(--table-head-size);
+    font-weight: var(--table-head-weight);
+    letter-spacing: var(--table-head-tracking);
+    text-transform: uppercase;
+    color: var(--color-text-muted);
+    padding: var(--space-3) var(--table-row-pad-inline);
+    border-block-end: var(--rule-width) solid var(--rule-color);
+    white-space: nowrap;
+  }
+
+  .ds-table th[data-align="end"],
+  .ds-table td[data-align="end"] {
+    text-align: end;
+  }
+
+  .ds-table th[data-width="control"],
+  .ds-table td[data-width="control"] {
+    inline-size: var(--space-12);
+  }
+
+  .ds-table td {
+    padding: var(--table-row-pad-block) var(--table-row-pad-inline);
+    vertical-align: middle;
+  }
+
+  .ds-table td[data-emphasis="primary"] {
+    font-size: var(--table-cell-primary-size);
+    font-weight: var(--font-weight-medium);
+  }
+
+  .ds-table td[data-emphasis="muted"] {
+    color: var(--color-text-muted);
+    font-size: var(--font-size-sm);
+  }
+
+  .ds-table tbody tr {
+    border-block-end: var(--rule-width) solid var(--rule-color);
+    /* The rail exists at every row so selection never shifts the layout. */
+    box-shadow: inset var(--rail-width) 0 0 0 transparent;
+    transition: background-color var(--duration-fast) var(--ease-standard);
+  }
+
+  .ds-table tbody tr:last-child {
+    border-block-end: none;
+  }
+
+  .ds-table tbody tr[data-interactive]:hover {
+    background: var(--field-hover);
+    cursor: pointer;
+  }
+
+  .ds-table tbody tr[data-selected] {
+    background: var(--color-primary-soft);
+    box-shadow: inset var(--rail-width) 0 0 0 var(--rail-color);
+  }
+
+  .ds-table tbody tr[data-selected]:hover {
+    background: var(--color-primary-soft-hover);
+  }
+
+  .ds-table tbody tr:focus-visible {
+    outline: var(--control-border-width) solid var(--color-focus);
+    outline-offset: -2px;
+  }
+
+  .ds-table-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-3);
+    padding: var(--space-12) var(--space-6);
+    color: var(--color-text-muted);
+    text-align: center;
+  }
+}

package/dist/components/TagsInput/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Icon-CWsA1W83.cjs");;/* empty css                            */let t=require("react"),n=require("react/jsx-runtime");function r(...e){return e.filter(Boolean).join(` `)}var i=(0,t.forwardRef)(function({value:i,defaultValue:a=[],onValueChange:o,placeholder:s=`Add a tag`,size:c=`md`,max:l,isDisabled:u=!1,isInvalid:d=!1,className:f,...p},m){let[h,g]=(0,t.useState)(a),_=i??h,[v,y]=(0,t.useState)(``),b=(0,t.useRef)(null),x=e=>{i===void 0&&g(e),o?.(e)},S=e=>{let t=e.trim();t&&!_.includes(t)&&(l!==void 0&&_.length>=l||x([..._,t]))};return(0,n.jsxs)(`div`,{className:r(`ds-field-skin`,`ds-tags`,f),"data-size":c,"data-disabled":u||void 0,"aria-invalid":d||void 0,onClick:()=>b.current?.focus(),children:[_.map(t=>(0,n.jsxs)(`span`,{className:`ds-tags__tag`,children:[t,(0,n.jsx)(`button`,{type:`button`,className:`ds-tags__remove`,"aria-label":`Remove ${t}`,disabled:u,onClick:e=>{e.stopPropagation(),x(_.filter(e=>e!==t))},children:(0,n.jsx)(e.t,{name:`x`,size:16})})]},t)),(0,n.jsx)(`input`,{ref:e=>{b.current=e,typeof m==`function`?m(e):m&&(m.current=e)},type:`text`,className:`ds-tags__input`,value:v,placeholder:_.length===0?s:``,disabled:u,onChange:e=>y(e.target.value),onKeyDown:e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),S(v),y(``)):e.key===`Backspace`&&v===``&&_.length>0&&x(_.slice(0,-1))},onBlur:()=>{S(v),y(``)},...p})]})});exports.TagsInput=i;
+//# sourceMappingURL=index.cjs.map

package/dist/components/TagsInput/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","useState","useRef","Icon","require_Icon","react","react_jsx_runtime","cx","parts","TagsInput","rest","internal","setInternal","defaultValue","current","value","draft","setDraft","inputRef","commit","next","onValueChange","add","tag","raw","max","className","size","isDisabled","isInvalid","event","item","node","ref","placeholder"],"sources":["../../../src/components/TagsInput/index.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, type KeyboardEvent } from \"react\";\nimport { Icon } from \"../Icon\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport interface TagsInputProps {\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n  placeholder?: string;\n  size?: FieldSize;\n  /** Stop accepting new tags past this count. */\n  max?: number;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  id?: string;\n  className?: string;\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n}\n\n/**\n * Free-text keywords. Enter or comma commits a tag, Backspace on an empty\n * input removes the last one. Tags are plain strings — never status tones.\n */\nexport const TagsInput = forwardRef<HTMLInputElement, TagsInputProps>(function TagsInput(\n  {\n    value,\n    defaultValue = [],\n    onValueChange,\n    placeholder = \"Add a tag\",\n    size = \"md\",\n    max,\n    isDisabled = false,\n    isInvalid = false,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const [internal, setInternal] = useState<string[]>(defaultValue);\n  const current = value ?? internal;\n  const [draft, setDraft] = useState(\"\");\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const commit = (next: string[]) => {\n    if (value === undefined) setInternal(next);\n    onValueChange?.(next);\n  };\n\n  const add = (raw: string) => {\n    const tag = raw.trim();\n    if (!tag || current.includes(tag)) return;\n    if (max !== undefined && current.length >= max) return;\n    commit([...current, tag]);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\" || event.key === \",\") {\n      event.preventDefault();\n      add(draft);\n      setDraft(\"\");\n    } else if (event.key === \"Backspace\" && draft === \"\" && current.length > 0) {\n      commit(current.slice(0, -1));\n    }\n  };\n\n  return (\n    <div\n      className={cx(\"ds-field-skin\", \"ds-tags\", className)}\n      data-size={size}\n      data-disabled={isDisabled || undefined}\n      aria-invalid={isInvalid || undefined}\n      onClick={() => inputRef.current?.focus()}\n    >\n      {current.map((tag) => (\n        <span key={tag} className=\"ds-tags__tag\">\n          {tag}\n          <button\n            type=\"button\"\n            className=\"ds-tags__remove\"\n            aria-label={`Remove ${tag}`}\n            disabled={isDisabled}\n            onClick={(event) => {\n              event.stopPropagation();\n              commit(current.filter((item) => item !== tag));\n            }}\n          >\n            <Icon name=\"x\" size={16} />\n          </button>\n        </span>\n      ))}\n      <input\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type=\"text\"\n        className=\"ds-tags__input\"\n        value={draft}\n        placeholder={current.length === 0 ? placeholder : \"\"}\n        disabled={isDisabled}\n        onChange={(event) => setDraft(event.target.value)}\n        onKeyDown={onKeyDown}\n        onBlur={() => {\n          add(draft);\n          setDraft(\"\");\n        }}\n        {...rest}\n      />\n    </div>\n  );\n});\n"],"mappings":"A,sNAMA,SAASO,EAAG,GAAGC,EAAuC,CACpD,OAAOA,EAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CACvC,CAsBA,IAAaC,GAAA,EAAYT,EAAAA,WAAAA,CAA6C,SACpE,CACE,QACA,eAAe,CAAC,EAChB,gBACA,cAAc,YACd,OAAO,KACP,MACA,aAAa,GACb,YAAY,GACZ,YACA,GAAGU,GAEL,EACA,CACA,GAAM,CAACC,EAAUC,IAAA,EAAeX,EAAAA,SAAAA,CAAmBY,CAAY,EACzDC,EAAUC,GAASJ,EACnB,CAACK,EAAOC,IAAA,EAAYhB,EAAAA,SAAAA,CAAS,EAAE,EAC/BiB,GAAA,EAAWhB,EAAAA,OAAAA,CAAgC,IAAI,EAE/CiB,EAAU,GAAmB,CAC7BJ,IAAU,IAAA,IAAWH,EAAYQ,CAAI,EACzCC,IAAgBD,CAAI,CACtB,EAEME,EAAO,GAAgB,CAC3B,IAAMC,EAAMC,EAAI,KAAK,EAChBD,GAAO,GAAQ,SAASA,CAAG,IAC5BE,IAAQ,IAAA,IAAaX,EAAQ,QAAUW,GAC3CN,EAAO,CAAC,GAAGL,EAASS,CAAG,CAAC,EAC1B,EAYA,OACE,EAAAjB,EAAA,KAAA,CAAC,MAAD,CACE,UAAWC,EAAG,gBAAiB,UAAWmB,CAAS,EACnD,YAAWC,EACX,gBAAeC,GAAc,IAAA,GAC7B,eAAcC,GAAa,IAAA,GAC3B,YAAeX,EAAS,SAAS,MAAM,EALzC,SAAA,CAOGJ,EAAQ,IAAK,IACZ,EAAAR,EAAA,KAAA,CAAC,OAAD,CAAgB,UAAU,eAA1B,SAAA,CACGiB,GACD,EAAAjB,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAU,kBACV,aAAY,UAAUiB,IACtB,SAAUK,EACV,QAAU,GAAU,CAClBE,EAAM,gBAAgB,EACtBX,EAAOL,EAAQ,OAAQ,GAASiB,IAASR,CAAG,CAAC,CAC/C,EAEA,UAAA,EAAAjB,EAAA,IAAA,CAACH,EAAAA,EAAD,CAAM,KAAK,IAAI,KAAM,EAAK,CAAA,CACpB,CAAA,CACJ,CAdK,EAAAoB,CAcL,CACP,GACD,EAAAjB,EAAA,IAAA,CAAC,QAAD,CACE,IAAM,GAAS,CACb,EAAS,QAAU0B,EACf,OAAOC,GAAQ,WAAYA,EAAID,CAAI,EAC9BC,IAAK,EAAI,QAAUD,EAC9B,EACA,KAAK,OACL,UAAU,iBACV,MAAOhB,EACP,YAAaF,EAAQ,SAAW,EAAIoB,EAAc,GAClD,SAAUN,EACV,SAAW,GAAUX,EAASa,EAAM,OAAO,KAAK,EACrC,UA/CE,GAA2C,CACxDA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,KACzCA,EAAM,eAAe,EACrBR,EAAIN,CAAK,EACTC,EAAS,EAAE,GACFa,EAAM,MAAQ,aAAed,IAAU,IAAMF,EAAQ,OAAS,GACvEK,EAAOL,EAAQ,MAAM,EAAG,EAAE,CAAC,CAE/B,EAwCM,WAAc,CACZQ,EAAIN,CAAK,EACTC,EAAS,EAAE,CACb,EACA,GAAIP,CACL,CAAA,CACE,C,EAET,CAAC,E"}

package/dist/components/TagsInput/index.d.cts

@@ -0,0 +1,22 @@
+import type { FieldSize } from "../Field/index.cjs";
+export interface TagsInputProps {
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    placeholder?: string;
+    size?: FieldSize;
+    /** Stop accepting new tags past this count. */
+    max?: number;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    id?: string;
+    className?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+}
+/**
+ * Free-text keywords. Enter or comma commits a tag, Backspace on an empty
+ * input removes the last one. Tags are plain strings — never status tones.
+ */
+export declare const TagsInput: import("react").ForwardRefExoticComponent<TagsInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.cts.map

package/dist/components/TagsInput/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/TagsInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,6GAwFpB,CAAC"}

package/dist/components/TagsInput/index.d.ts

@@ -0,0 +1,22 @@
+import type { FieldSize } from "../Field/index.js";
+export interface TagsInputProps {
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    placeholder?: string;
+    size?: FieldSize;
+    /** Stop accepting new tags past this count. */
+    max?: number;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    id?: string;
+    className?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+}
+/**
+ * Free-text keywords. Enter or comma commits a tag, Backspace on an empty
+ * input removes the last one. Tags are plain strings — never status tones.
+ */
+export declare const TagsInput: import("react").ForwardRefExoticComponent<TagsInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TagsInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagsInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,6GAwFpB,CAAC"}

package/dist/components/TagsInput/index.js

@@ -0,0 +1,60 @@
+import { t as e } from "../../chunks/Icon-CGY1FNXT.js";
+/* empty css                          */
+import { forwardRef as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/TagsInput/index.tsx
+function o(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var s = t(function({ value: t, defaultValue: s = [], onValueChange: c, placeholder: l = "Add a tag", size: u = "md", max: d, isDisabled: f = !1, isInvalid: p = !1, className: m, ...h }, g) {
+	let [_, v] = r(s), y = t ?? _, [b, x] = r(""), S = n(null), C = (e) => {
+		t === void 0 && v(e), c?.(e);
+	}, w = (e) => {
+		let t = e.trim();
+		t && !y.includes(t) && (d !== void 0 && y.length >= d || C([...y, t]));
+	};
+	return /* @__PURE__ */ a("div", {
+		className: o("ds-field-skin", "ds-tags", m),
+		"data-size": u,
+		"data-disabled": f || void 0,
+		"aria-invalid": p || void 0,
+		onClick: () => S.current?.focus(),
+		children: [y.map((t) => /* @__PURE__ */ a("span", {
+			className: "ds-tags__tag",
+			children: [t, /* @__PURE__ */ i("button", {
+				type: "button",
+				className: "ds-tags__remove",
+				"aria-label": `Remove ${t}`,
+				disabled: f,
+				onClick: (e) => {
+					e.stopPropagation(), C(y.filter((e) => e !== t));
+				},
+				children: /* @__PURE__ */ i(e, {
+					name: "x",
+					size: 16
+				})
+			})]
+		}, t)), /* @__PURE__ */ i("input", {
+			ref: (e) => {
+				S.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
+			},
+			type: "text",
+			className: "ds-tags__input",
+			value: b,
+			placeholder: y.length === 0 ? l : "",
+			disabled: f,
+			onChange: (e) => x(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" || e.key === "," ? (e.preventDefault(), w(b), x("")) : e.key === "Backspace" && b === "" && y.length > 0 && C(y.slice(0, -1));
+			},
+			onBlur: () => {
+				w(b), x("");
+			},
+			...h
+		})]
+	});
+});
+//#endregion
+export { s as TagsInput };
+
+//# sourceMappingURL=index.js.map

package/dist/components/TagsInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Icon","cx","parts","TagsInput","forwardRef","rest","internal","setInternal","useState","defaultValue","current","value","draft","setDraft","inputRef","useRef","commit","next","onValueChange","add","tag","raw","max","className","size","isDisabled","isInvalid","event","item","node","ref","placeholder"],"sources":["../../../src/components/TagsInput/index.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, type KeyboardEvent } from \"react\";\nimport { Icon } from \"../Icon\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport interface TagsInputProps {\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n  placeholder?: string;\n  size?: FieldSize;\n  /** Stop accepting new tags past this count. */\n  max?: number;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  id?: string;\n  className?: string;\n  \"aria-label\"?: string;\n  \"aria-describedby\"?: string;\n}\n\n/**\n * Free-text keywords. Enter or comma commits a tag, Backspace on an empty\n * input removes the last one. Tags are plain strings — never status tones.\n */\nexport const TagsInput = forwardRef<HTMLInputElement, TagsInputProps>(function TagsInput(\n  {\n    value,\n    defaultValue = [],\n    onValueChange,\n    placeholder = \"Add a tag\",\n    size = \"md\",\n    max,\n    isDisabled = false,\n    isInvalid = false,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const [internal, setInternal] = useState<string[]>(defaultValue);\n  const current = value ?? internal;\n  const [draft, setDraft] = useState(\"\");\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const commit = (next: string[]) => {\n    if (value === undefined) setInternal(next);\n    onValueChange?.(next);\n  };\n\n  const add = (raw: string) => {\n    const tag = raw.trim();\n    if (!tag || current.includes(tag)) return;\n    if (max !== undefined && current.length >= max) return;\n    commit([...current, tag]);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\" || event.key === \",\") {\n      event.preventDefault();\n      add(draft);\n      setDraft(\"\");\n    } else if (event.key === \"Backspace\" && draft === \"\" && current.length > 0) {\n      commit(current.slice(0, -1));\n    }\n  };\n\n  return (\n    <div\n      className={cx(\"ds-field-skin\", \"ds-tags\", className)}\n      data-size={size}\n      data-disabled={isDisabled || undefined}\n      aria-invalid={isInvalid || undefined}\n      onClick={() => inputRef.current?.focus()}\n    >\n      {current.map((tag) => (\n        <span key={tag} className=\"ds-tags__tag\">\n          {tag}\n          <button\n            type=\"button\"\n            className=\"ds-tags__remove\"\n            aria-label={`Remove ${tag}`}\n            disabled={isDisabled}\n            onClick={(event) => {\n              event.stopPropagation();\n              commit(current.filter((item) => item !== tag));\n            }}\n          >\n            <Icon name=\"x\" size={16} />\n          </button>\n        </span>\n      ))}\n      <input\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type=\"text\"\n        className=\"ds-tags__input\"\n        value={draft}\n        placeholder={current.length === 0 ? placeholder : \"\"}\n        disabled={isDisabled}\n        onChange={(event) => setDraft(event.target.value)}\n        onKeyDown={onKeyDown}\n        onBlur={() => {\n          add(draft);\n          setDraft(\"\");\n        }}\n        {...rest}\n      />\n    </div>\n  );\n});\n"],"mappings":";;;;;AAMA,SAASC,EAAG,GAAGC,GAAuC;CACpD,OAAOA,EAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACvC;AAsBA,IAAaC,IAAYC,EAA6C,SACpE,EACE,UACA,kBAAe,CAAC,GAChB,kBACA,iBAAc,aACd,UAAO,MACP,QACA,gBAAa,IACb,eAAY,IACZ,cACA,GAAGC,KAEL,GACA;CACA,IAAM,CAACC,GAAUC,KAAeC,EAAmBC,CAAY,GACzDC,IAAUC,KAASL,GACnB,CAACM,GAAOC,KAAYL,EAAS,EAAE,GAC/BM,IAAWC,EAAgC,IAAI,GAE/CC,KAAU,MAAmB;EAEjC,AADIL,MAAU,KAAA,KAAWJ,EAAYU,CAAI,GACzCC,IAAgBD,CAAI;CACtB,GAEME,KAAO,MAAgB;EAC3B,IAAMC,IAAMC,EAAI,KAAK;EACrB,AAAKD,KAAO,GAAQ,SAASA,CAAG,MAC5BE,MAAQ,KAAA,KAAaZ,EAAQ,UAAUY,KAC3CN,EAAO,CAAC,GAAGN,GAASU,CAAG,CAAC;CAC1B;CAYA,OACE,kBAAC,OAAD;EACE,WAAWnB,EAAG,iBAAiB,WAAWsB,CAAS;EACnD,aAAWC;EACX,iBAAeC,KAAc,KAAA;EAC7B,gBAAcC,KAAa,KAAA;EAC3B,eAAeZ,EAAS,SAAS,MAAM;EALzC,UAAA,CAOGJ,EAAQ,KAAK,MACZ,kBAAC,QAAD;GAAgB,WAAU;GAA1B,UAAA,CACGU,GACD,kBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,cAAY,UAAUA;IACtB,UAAUK;IACV,UAAU,MAAU;KAElB,AADAE,EAAM,gBAAgB,GACtBX,EAAON,EAAQ,QAAQ,MAASkB,MAASR,CAAG,CAAC;IAC/C;IAEA,UAAA,kBAACpB,GAAD;KAAM,MAAK;KAAI,MAAM;IAAK,CAAA;GACpB,CAAA,CACJ;EAdK,GAAAoB,CAcL,CACP,GACD,kBAAC,SAAD;GACE,MAAM,MAAS;IAEb,AADA,EAAS,UAAUS,GACf,OAAOC,KAAQ,aAAYA,EAAID,CAAI,IAC9BC,MAAK,EAAI,UAAUD;GAC9B;GACA,MAAK;GACL,WAAU;GACV,OAAOjB;GACP,aAAaF,EAAQ,WAAW,IAAIqB,IAAc;GAClD,UAAUN;GACV,WAAW,MAAUZ,EAASc,EAAM,OAAO,KAAK;GACrC,YA/CE,MAA2C;IAC5D,AAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,OACzCA,EAAM,eAAe,GACrBR,EAAIP,CAAK,GACTC,EAAS,EAAE,KACFc,EAAM,QAAQ,eAAef,MAAU,MAAMF,EAAQ,SAAS,KACvEM,EAAON,EAAQ,MAAM,GAAG,EAAE,CAAC;GAE/B;GAwCM,cAAc;IAEZ,AADAS,EAAIP,CAAK,GACTC,EAAS,EAAE;GACb;GACA,GAAIR;EACL,CAAA,CACE;;AAET,CAAC"}