@epilot/volt-ui-experimental-griffel 0.2.3 → 0.3.1

package/dist/components/command/command.js

@@ -5,9 +5,9 @@ import { shorthands as c } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as i } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as N } from "../../styles/make-styles.js";
-import { radiusSm as q, spacingElement2 as r, spacingElement1 as u, radiusMd as S, grayA3 as I, spacingElement3 as f, fontWeightMedium as v, grayA11 as h, leadingXs as T, textXs as L, accentA3 as b, grayA12 as y, leadingSm as C, textSm as x, semGraySoft as B, body as D } from "../../tokens/index.js";
-import { Dialog as E, DialogHeader as X, DialogTitle as A, DialogDescription as H, DialogContent as W } from "../dialog/dialog.js";
-const z = (d) => /* @__PURE__ */ n(
+import { radiusSm as q, spacingElement2 as r, spacingElement1 as f, radiusMd as S, grayA3 as I, spacingElement3 as u, fontWeightMedium as v, grayA11 as h, leadingXs as T, textXs as L, accentA3 as b, grayA12 as y, leadingSm as C, textSm as x, semGraySoft as B, semFocusRing as D, body as E } from "../../tokens/index.js";
+import { Dialog as W, DialogHeader as X, DialogTitle as A, DialogDescription as H, DialogContent as z } from "../dialog/dialog.js";
+const Y = (d) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -20,7 +20,7 @@ const z = (d) => /* @__PURE__ */ n(
   }
 ), l = N({
   root: {
-    backgroundColor: D,
+    backgroundColor: E,
     color: y,
     display: "flex",
     height: "100%",
@@ -35,8 +35,8 @@ const z = (d) => /* @__PURE__ */ n(
     alignItems: "center",
     ...c.gap(r),
     ...c.borderBottom("1px", "solid", I),
-    paddingLeft: f,
-    paddingRight: f
+    paddingLeft: u,
+    paddingRight: u
   },
   searchIcon: {
     width: "1.25rem",
@@ -50,11 +50,26 @@ const z = (d) => /* @__PURE__ */ n(
     width: "100%",
     ...c.borderRadius(S),
     backgroundColor: "transparent",
-    paddingTop: f,
-    paddingBottom: f,
+    paddingTop: u,
+    paddingBottom: u,
     fontSize: x,
     lineHeight: C,
     outlineStyle: "none",
+    ":focus-visible": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      // Inset (negative), not the outward +2px every other audited control uses: this input sits
+      // flush against the top edge of the Command root, which clips overflow for its rounded
+      // corners. An outward ring's top 4px (width + offset) render outside that clip box and are
+      // cut off — confirmed by measuring the rendered outline rect against the clipping ancestor's
+      // rect (COBALT-REVIEW-2.md §2). Insetting keeps the ring's outer edge at the input's own
+      // border edge, so it doesn't extend past this ancestor's clip box in this layout (it is not
+      // a universal guarantee against every possible ancestor — an ancestor that clips the input's
+      // OWN box, not just what extends beyond it, would still hide it). No layout change either
+      // way: outline never affects box model regardless of sign.
+      outlineOffset: "-2px",
+      outlineColor: D
+    },
     "::placeholder": {
       color: h
     },
@@ -66,8 +81,8 @@ const z = (d) => /* @__PURE__ */ n(
   list: {
     overflowX: "hidden",
     overflowY: "auto",
-    scrollPaddingTop: u,
-    scrollPaddingBottom: u
+    scrollPaddingTop: f,
+    scrollPaddingBottom: f
   },
   empty: {
     paddingTop: "1.5rem",
@@ -81,7 +96,7 @@ const z = (d) => /* @__PURE__ */ n(
     color: y,
     overflowX: "hidden",
     overflowY: "hidden",
-    ...c.padding(u),
+    ...c.padding(f),
     "& [cmdk-group-heading]": {
       color: h,
       paddingLeft: r,
@@ -95,8 +110,8 @@ const z = (d) => /* @__PURE__ */ n(
   },
   separator: {
     backgroundColor: B,
-    marginLeft: `calc(-1 * ${u})`,
-    marginRight: `calc(-1 * ${u})`,
+    marginLeft: `calc(-1 * ${f})`,
+    marginRight: `calc(-1 * ${f})`,
     height: "1px"
   },
   item: {
@@ -167,8 +182,8 @@ const z = (d) => /* @__PURE__ */ n(
     "& [cmdk-item]": {
       paddingLeft: r,
       paddingRight: r,
-      paddingTop: f,
-      paddingBottom: f
+      paddingTop: u,
+      paddingBottom: u
     },
     "& [cmdk-item] svg": {
       width: "1.25rem",
@@ -200,7 +215,7 @@ const z = (d) => /* @__PURE__ */ n(
     whiteSpace: "nowrap",
     ...c.borderWidth(0)
   }
-}), Y = s.forwardRef(function({ className: t, "data-slot": o = "command", ...e }, a) {
+}), G = s.forwardRef(function({ className: t, "data-slot": o = "command", ...e }, a) {
   const g = l();
   return /* @__PURE__ */ n(
     p,
@@ -221,19 +236,19 @@ s.forwardRef(
     className: a,
     showCloseButton: g = !0,
     ...k
-  }, G) {
+  }, O) {
     const w = l();
-    return /* @__PURE__ */ R(E, { ...k, children: [
+    return /* @__PURE__ */ R(W, { ...k, children: [
       /* @__PURE__ */ R(X, { className: w.srOnly, children: [
         /* @__PURE__ */ n(A, { children: t }),
         /* @__PURE__ */ n(H, { children: o })
       ] }),
       /* @__PURE__ */ n(
-        W,
+        z,
         {
           className: m(w.dialogContent, a),
           showCloseButton: g,
-          children: /* @__PURE__ */ n(Y, { className: w.dialogCommand, children: e })
+          children: /* @__PURE__ */ n(G, { className: w.dialogCommand, children: e })
         }
       )
     ] });
@@ -248,7 +263,7 @@ const V = s.forwardRef(function({ className: t, wrapperClassName: o, ...e }, a)
       [i]: "command-input-wrapper",
       className: m(g.inputWrapper, o),
       children: [
-        /* @__PURE__ */ n(z, { className: g.searchIcon }),
+        /* @__PURE__ */ n(Y, { className: g.searchIcon }),
         /* @__PURE__ */ n(
           p.Input,
           {
@@ -262,7 +277,7 @@ const V = s.forwardRef(function({ className: t, wrapperClassName: o, ...e }, a)
       ]
     }
   );
-}), F = s.forwardRef(function({ className: t, ...o }, e) {
+}), J = s.forwardRef(function({ className: t, ...o }, e) {
   const a = l();
   return /* @__PURE__ */ n(
     p.List,
@@ -274,7 +289,7 @@ const V = s.forwardRef(function({ className: t, wrapperClassName: o, ...e }, a)
       ...o
     }
   );
-}), J = s.forwardRef(function({ className: t, ...o }, e) {
+}), K = s.forwardRef(function({ className: t, ...o }, e) {
   const a = l();
   return /* @__PURE__ */ n(
     p.Empty,
@@ -286,7 +301,7 @@ const V = s.forwardRef(function({ className: t, wrapperClassName: o, ...e }, a)
       ...o
     }
   );
-}), K = s.forwardRef(function({ className: t, ...o }, e) {
+}), U = s.forwardRef(function({ className: t, ...o }, e) {
   const a = l();
   return /* @__PURE__ */ n(
     p.Group,
@@ -298,7 +313,7 @@ const V = s.forwardRef(function({ className: t, wrapperClassName: o, ...e }, a)
       ...o
     }
   );
-}), U = s.forwardRef(function({ className: t, ...o }, e) {
+}), oo = s.forwardRef(function({ className: t, ...o }, e) {
   const a = l();
   return /* @__PURE__ */ n(
     p.Separator,
@@ -310,7 +325,7 @@ const V = s.forwardRef(function({ className: t, wrapperClassName: o, ...e }, a)
       ...o
     }
   );
-}), oo = s.forwardRef(function({ className: t, ...o }, e) {
+}), to = s.forwardRef(function({ className: t, ...o }, e) {
   const a = l();
   return /* @__PURE__ */ n(
     p.Item,
@@ -336,7 +351,7 @@ s.forwardRef(function({ className: t, ...o }, e) {
     }
   );
 });
-const to = s.forwardRef(function({ className: t, ...o }, e) {
+const eo = s.forwardRef(function({ className: t, ...o }, e) {
   const a = l();
   return /* @__PURE__ */ n(
     p.Loading,
@@ -350,14 +365,14 @@ const to = s.forwardRef(function({ className: t, ...o }, e) {
   );
 });
 export {
-  Y as Command,
-  J as CommandEmpty,
-  K as CommandGroup,
+  G as Command,
+  K as CommandEmpty,
+  U as CommandGroup,
   V as CommandInput,
-  oo as CommandItem,
-  F as CommandList,
-  to as CommandLoading,
-  Y as CommandRoot,
-  U as CommandSeparator
+  to as CommandItem,
+  J as CommandList,
+  eo as CommandLoading,
+  G as CommandRoot,
+  oo as CommandSeparator
 };
 //# sourceMappingURL=command.js.map

package/dist/components/command/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","sources":["../../../src/components/command/command.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../dialog/dialog\"\n\nconst SearchIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z\" />\n  </svg>\n)\n\nconst useStyles = makeVoltStyles({\n  root: {\n    backgroundColor: tokens.body,\n    color: tokens.grayA12,\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"column\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n  },\n  inputWrapper: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderBottom(\"1px\", \"solid\", tokens.grayA3),\n    paddingLeft: tokens.spacingElement3,\n    paddingRight: tokens.spacingElement3,\n  },\n  searchIcon: {\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n    flexShrink: 0,\n    opacity: 0.5,\n  },\n  input: {\n    height: \"3rem\",\n    display: \"flex\",\n    width: \"100%\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n    backgroundColor: \"transparent\",\n    paddingTop: tokens.spacingElement3,\n    paddingBottom: tokens.spacingElement3,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    \"::placeholder\": {\n      color: tokens.grayA11,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n  },\n  list: {\n    overflowX: \"hidden\",\n    overflowY: \"auto\",\n    scrollPaddingTop: tokens.spacingElement1,\n    scrollPaddingBottom: tokens.spacingElement1,\n  },\n  empty: {\n    paddingTop: \"1.5rem\",\n    paddingBottom: \"1.5rem\",\n    textAlign: \"center\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA11,\n  },\n  group: {\n    color: tokens.grayA12,\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    ...shorthands.padding(tokens.spacingElement1),\n    \"& [cmdk-group-heading]\": {\n      color: tokens.grayA11,\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n      paddingTop: \"0.375rem\",\n      paddingBottom: \"0.375rem\",\n      fontSize: tokens.textXs,\n      lineHeight: tokens.leadingXs,\n      fontWeight: tokens.fontWeightMedium,\n    },\n  },\n  separator: {\n    backgroundColor: tokens.semGraySoft,\n    marginLeft: `calc(-1 * ${tokens.spacingElement1})`,\n    marginRight: `calc(-1 * ${tokens.spacingElement1})`,\n    height: \"1px\",\n  },\n  item: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"default\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusSm),\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n    color: tokens.grayA12,\n    \"&[data-selected='true'], &[aria-selected='true']\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \":hover\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-disabled='true'], &[aria-disabled='true']\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n    \"& svg:not([class*='text-'])\": {\n      color: tokens.grayA11,\n    },\n  },\n  shortcut: {\n    color: tokens.grayA11,\n    marginLeft: \"auto\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    letterSpacing: \"0.1em\",\n  },\n  loading: {\n    color: tokens.grayA11,\n  },\n  dialogContent: {\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    ...shorthands.padding(0),\n  },\n  dialogCommand: {\n    \"& [cmdk-group-heading]\": {\n      color: tokens.grayA11,\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n      fontWeight: tokens.fontWeightMedium,\n    },\n    [`& [${SLOT_ATTR}=\"command-input-wrapper\"]`]: {\n      height: \"3rem\",\n    },\n    \"& [cmdk-group]\": {\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n    },\n    \"& [cmdk-item]\": {\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n      paddingTop: tokens.spacingElement3,\n      paddingBottom: tokens.spacingElement3,\n    },\n    \"& [cmdk-item] svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n    \"& [cmdk-input-wrapper] svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n    \"& [cmdk-input]\": {\n      height: \"3rem\",\n    },\n  },\n  srOnly: {\n    position: \"absolute\",\n    width: \"1px\",\n    height: \"1px\",\n    paddingTop: 0,\n    paddingBottom: 0,\n    paddingLeft: 0,\n    paddingRight: 0,\n    marginTop: \"-1px\",\n    marginBottom: \"-1px\",\n    marginLeft: \"-1px\",\n    marginRight: \"-1px\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    clip: \"rect(0, 0, 0, 0)\",\n    whiteSpace: \"nowrap\",\n    ...shorthands.borderWidth(0),\n  },\n})\n\nexport type CommandProps = React.ComponentProps<typeof CommandPrimitive> & {\n  \"data-slot\"?: string\n}\n\nexport const Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  CommandProps\n>(function Command(\n  { className, \"data-slot\": dataSlot = \"command\", ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive\n      ref={ref}\n      data-slot={dataSlot}\n      {...{ [SLOT_ATTR]: dataSlot }}\n      className={mergeClasses(styles.root, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandDialogProps = Omit<\n  React.ComponentProps<typeof Dialog>,\n  \"children\"\n> & {\n  children?: React.ReactNode\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}\n\nexport const CommandDialog = React.forwardRef<HTMLElement, CommandDialogProps>(\n  function CommandDialog(\n    {\n      title = \"Command Palette\",\n      description = \"Search for a command to run...\",\n      children,\n      className,\n      showCloseButton = true,\n      ...props\n    },\n    _ref\n  ) {\n    const styles = useStyles()\n\n    return (\n      <Dialog {...props}>\n        <DialogHeader className={styles.srOnly}>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n        <DialogContent\n          className={mergeClasses(styles.dialogContent, className)}\n          showCloseButton={showCloseButton}\n        >\n          <Command className={styles.dialogCommand}>{children}</Command>\n        </DialogContent>\n      </Dialog>\n    )\n  }\n)\n\nexport type CommandInputProps = React.ComponentProps<\n  typeof CommandPrimitive.Input\n> & {\n  wrapperClassName?: string\n}\n\nexport const CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(function CommandInput({ className, wrapperClassName, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      {...{ [SLOT_ATTR]: \"command-input-wrapper\" }}\n      className={mergeClasses(styles.inputWrapper, wrapperClassName)}\n    >\n      <SearchIcon className={styles.searchIcon} />\n      <CommandPrimitive.Input\n        ref={ref}\n        data-slot=\"command-input\"\n        {...{ [SLOT_ATTR]: \"command-input\" }}\n        className={mergeClasses(styles.input, className)}\n        {...props}\n      />\n    </div>\n  )\n})\n\nexport type CommandListProps = React.ComponentProps<\n  typeof CommandPrimitive.List\n>\n\nexport const CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  CommandListProps\n>(function CommandList({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.List\n      ref={ref}\n      data-slot=\"command-list\"\n      {...{ [SLOT_ATTR]: \"command-list\" }}\n      className={mergeClasses(styles.list, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandEmptyProps = React.ComponentProps<\n  typeof CommandPrimitive.Empty\n>\n\nexport const CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  CommandEmptyProps\n>(function CommandEmpty({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Empty\n      ref={ref}\n      data-slot=\"command-empty\"\n      {...{ [SLOT_ATTR]: \"command-empty\" }}\n      className={mergeClasses(styles.empty, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandGroupProps = React.ComponentProps<\n  typeof CommandPrimitive.Group\n>\n\nexport const CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  CommandGroupProps\n>(function CommandGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Group\n      ref={ref}\n      data-slot=\"command-group\"\n      {...{ [SLOT_ATTR]: \"command-group\" }}\n      className={mergeClasses(styles.group, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandSeparatorProps = React.ComponentProps<\n  typeof CommandPrimitive.Separator\n>\n\nexport const CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  CommandSeparatorProps\n>(function CommandSeparator({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Separator\n      ref={ref}\n      data-slot=\"command-separator\"\n      {...{ [SLOT_ATTR]: \"command-separator\" }}\n      className={mergeClasses(styles.separator, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandItemProps = React.ComponentProps<\n  typeof CommandPrimitive.Item\n>\n\nexport const CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  CommandItemProps\n>(function CommandItem({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Item\n      ref={ref}\n      data-slot=\"command-item\"\n      {...{ [SLOT_ATTR]: \"command-item\" }}\n      className={mergeClasses(styles.item, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandShortcutProps = React.ComponentProps<\"span\">\n\nexport const CommandShortcut = React.forwardRef<\n  HTMLSpanElement,\n  CommandShortcutProps\n>(function CommandShortcut({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"command-shortcut\"\n      {...{ [SLOT_ATTR]: \"command-shortcut\" }}\n      className={mergeClasses(styles.shortcut, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandLoadingProps = React.ComponentProps<\n  typeof CommandPrimitive.Loading\n>\n\nexport const CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  CommandLoadingProps\n>(function CommandLoading({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Loading\n      ref={ref}\n      data-slot=\"command-loading\"\n      {...{ [SLOT_ATTR]: \"command-loading\" }}\n      className={mergeClasses(styles.loading, className)}\n      {...props}\n    />\n  )\n})\n\nexport { Command as CommandRoot }\n"],"names":["SearchIcon","props","jsx","useStyles","makeVoltStyles","tokens.body","tokens.grayA12","shorthands","tokens.radiusMd","tokens.spacingElement2","tokens.grayA3","tokens.spacingElement3","tokens.textSm","tokens.leadingSm","tokens.grayA11","tokens.spacingElement1","tokens.textXs","tokens.leadingXs","tokens.fontWeightMedium","tokens.semGraySoft","tokens.radiusSm","tokens.accentA3","SLOT_ATTR","Command","React","className","dataSlot","ref","styles","CommandPrimitive","mergeClasses","title","description","children","showCloseButton","_ref","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","wrapperClassName","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandLoading"],"mappings":"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"}
+{"version":3,"file":"command.js","sources":["../../../src/components/command/command.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../dialog/dialog\"\n\nconst SearchIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z\" />\n  </svg>\n)\n\nconst useStyles = makeVoltStyles({\n  root: {\n    backgroundColor: tokens.body,\n    color: tokens.grayA12,\n    display: \"flex\",\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"column\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n  },\n  inputWrapper: {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderBottom(\"1px\", \"solid\", tokens.grayA3),\n    paddingLeft: tokens.spacingElement3,\n    paddingRight: tokens.spacingElement3,\n  },\n  searchIcon: {\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n    flexShrink: 0,\n    opacity: 0.5,\n  },\n  input: {\n    height: \"3rem\",\n    display: \"flex\",\n    width: \"100%\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n    backgroundColor: \"transparent\",\n    paddingTop: tokens.spacingElement3,\n    paddingBottom: tokens.spacingElement3,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      // Inset (negative), not the outward +2px every other audited control uses: this input sits\n      // flush against the top edge of the Command root, which clips overflow for its rounded\n      // corners. An outward ring's top 4px (width + offset) render outside that clip box and are\n      // cut off — confirmed by measuring the rendered outline rect against the clipping ancestor's\n      // rect (COBALT-REVIEW-2.md §2). Insetting keeps the ring's outer edge at the input's own\n      // border edge, so it doesn't extend past this ancestor's clip box in this layout (it is not\n      // a universal guarantee against every possible ancestor — an ancestor that clips the input's\n      // OWN box, not just what extends beyond it, would still hide it). No layout change either\n      // way: outline never affects box model regardless of sign.\n      outlineOffset: \"-2px\",\n      outlineColor: tokens.semFocusRing,\n    },\n    \"::placeholder\": {\n      color: tokens.grayA11,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n  },\n  list: {\n    overflowX: \"hidden\",\n    overflowY: \"auto\",\n    scrollPaddingTop: tokens.spacingElement1,\n    scrollPaddingBottom: tokens.spacingElement1,\n  },\n  empty: {\n    paddingTop: \"1.5rem\",\n    paddingBottom: \"1.5rem\",\n    textAlign: \"center\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA11,\n  },\n  group: {\n    color: tokens.grayA12,\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    ...shorthands.padding(tokens.spacingElement1),\n    \"& [cmdk-group-heading]\": {\n      color: tokens.grayA11,\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n      paddingTop: \"0.375rem\",\n      paddingBottom: \"0.375rem\",\n      fontSize: tokens.textXs,\n      lineHeight: tokens.leadingXs,\n      fontWeight: tokens.fontWeightMedium,\n    },\n  },\n  separator: {\n    backgroundColor: tokens.semGraySoft,\n    marginLeft: `calc(-1 * ${tokens.spacingElement1})`,\n    marginRight: `calc(-1 * ${tokens.spacingElement1})`,\n    height: \"1px\",\n  },\n  item: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"default\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusSm),\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n    color: tokens.grayA12,\n    \"&[data-selected='true'], &[aria-selected='true']\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \":hover\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-disabled='true'], &[aria-disabled='true']\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n    \"& svg:not([class*='text-'])\": {\n      color: tokens.grayA11,\n    },\n  },\n  shortcut: {\n    color: tokens.grayA11,\n    marginLeft: \"auto\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    letterSpacing: \"0.1em\",\n  },\n  loading: {\n    color: tokens.grayA11,\n  },\n  dialogContent: {\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    ...shorthands.padding(0),\n  },\n  dialogCommand: {\n    \"& [cmdk-group-heading]\": {\n      color: tokens.grayA11,\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n      fontWeight: tokens.fontWeightMedium,\n    },\n    [`& [${SLOT_ATTR}=\"command-input-wrapper\"]`]: {\n      height: \"3rem\",\n    },\n    \"& [cmdk-group]\": {\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n    },\n    \"& [cmdk-item]\": {\n      paddingLeft: tokens.spacingElement2,\n      paddingRight: tokens.spacingElement2,\n      paddingTop: tokens.spacingElement3,\n      paddingBottom: tokens.spacingElement3,\n    },\n    \"& [cmdk-item] svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n    \"& [cmdk-input-wrapper] svg\": {\n      width: \"1.25rem\",\n      height: \"1.25rem\",\n    },\n    \"& [cmdk-input]\": {\n      height: \"3rem\",\n    },\n  },\n  srOnly: {\n    position: \"absolute\",\n    width: \"1px\",\n    height: \"1px\",\n    paddingTop: 0,\n    paddingBottom: 0,\n    paddingLeft: 0,\n    paddingRight: 0,\n    marginTop: \"-1px\",\n    marginBottom: \"-1px\",\n    marginLeft: \"-1px\",\n    marginRight: \"-1px\",\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    clip: \"rect(0, 0, 0, 0)\",\n    whiteSpace: \"nowrap\",\n    ...shorthands.borderWidth(0),\n  },\n})\n\nexport type CommandProps = React.ComponentProps<typeof CommandPrimitive> & {\n  \"data-slot\"?: string\n}\n\nexport const Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  CommandProps\n>(function Command(\n  { className, \"data-slot\": dataSlot = \"command\", ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive\n      ref={ref}\n      data-slot={dataSlot}\n      {...{ [SLOT_ATTR]: dataSlot }}\n      className={mergeClasses(styles.root, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandDialogProps = Omit<\n  React.ComponentProps<typeof Dialog>,\n  \"children\"\n> & {\n  children?: React.ReactNode\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}\n\nexport const CommandDialog = React.forwardRef<HTMLElement, CommandDialogProps>(\n  function CommandDialog(\n    {\n      title = \"Command Palette\",\n      description = \"Search for a command to run...\",\n      children,\n      className,\n      showCloseButton = true,\n      ...props\n    },\n    _ref\n  ) {\n    const styles = useStyles()\n\n    return (\n      <Dialog {...props}>\n        <DialogHeader className={styles.srOnly}>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n        <DialogContent\n          className={mergeClasses(styles.dialogContent, className)}\n          showCloseButton={showCloseButton}\n        >\n          <Command className={styles.dialogCommand}>{children}</Command>\n        </DialogContent>\n      </Dialog>\n    )\n  }\n)\n\nexport type CommandInputProps = React.ComponentProps<\n  typeof CommandPrimitive.Input\n> & {\n  wrapperClassName?: string\n}\n\nexport const CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(function CommandInput({ className, wrapperClassName, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      {...{ [SLOT_ATTR]: \"command-input-wrapper\" }}\n      className={mergeClasses(styles.inputWrapper, wrapperClassName)}\n    >\n      <SearchIcon className={styles.searchIcon} />\n      <CommandPrimitive.Input\n        ref={ref}\n        data-slot=\"command-input\"\n        {...{ [SLOT_ATTR]: \"command-input\" }}\n        className={mergeClasses(styles.input, className)}\n        {...props}\n      />\n    </div>\n  )\n})\n\nexport type CommandListProps = React.ComponentProps<\n  typeof CommandPrimitive.List\n>\n\nexport const CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  CommandListProps\n>(function CommandList({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.List\n      ref={ref}\n      data-slot=\"command-list\"\n      {...{ [SLOT_ATTR]: \"command-list\" }}\n      className={mergeClasses(styles.list, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandEmptyProps = React.ComponentProps<\n  typeof CommandPrimitive.Empty\n>\n\nexport const CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  CommandEmptyProps\n>(function CommandEmpty({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Empty\n      ref={ref}\n      data-slot=\"command-empty\"\n      {...{ [SLOT_ATTR]: \"command-empty\" }}\n      className={mergeClasses(styles.empty, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandGroupProps = React.ComponentProps<\n  typeof CommandPrimitive.Group\n>\n\nexport const CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  CommandGroupProps\n>(function CommandGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Group\n      ref={ref}\n      data-slot=\"command-group\"\n      {...{ [SLOT_ATTR]: \"command-group\" }}\n      className={mergeClasses(styles.group, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandSeparatorProps = React.ComponentProps<\n  typeof CommandPrimitive.Separator\n>\n\nexport const CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  CommandSeparatorProps\n>(function CommandSeparator({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Separator\n      ref={ref}\n      data-slot=\"command-separator\"\n      {...{ [SLOT_ATTR]: \"command-separator\" }}\n      className={mergeClasses(styles.separator, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandItemProps = React.ComponentProps<\n  typeof CommandPrimitive.Item\n>\n\nexport const CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  CommandItemProps\n>(function CommandItem({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Item\n      ref={ref}\n      data-slot=\"command-item\"\n      {...{ [SLOT_ATTR]: \"command-item\" }}\n      className={mergeClasses(styles.item, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandShortcutProps = React.ComponentProps<\"span\">\n\nexport const CommandShortcut = React.forwardRef<\n  HTMLSpanElement,\n  CommandShortcutProps\n>(function CommandShortcut({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"command-shortcut\"\n      {...{ [SLOT_ATTR]: \"command-shortcut\" }}\n      className={mergeClasses(styles.shortcut, className)}\n      {...props}\n    />\n  )\n})\n\nexport type CommandLoadingProps = React.ComponentProps<\n  typeof CommandPrimitive.Loading\n>\n\nexport const CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  CommandLoadingProps\n>(function CommandLoading({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandPrimitive.Loading\n      ref={ref}\n      data-slot=\"command-loading\"\n      {...{ [SLOT_ATTR]: \"command-loading\" }}\n      className={mergeClasses(styles.loading, className)}\n      {...props}\n    />\n  )\n})\n\nexport { Command as CommandRoot }\n"],"names":["SearchIcon","props","jsx","useStyles","makeVoltStyles","tokens.body","tokens.grayA12","shorthands","tokens.radiusMd","tokens.spacingElement2","tokens.grayA3","tokens.spacingElement3","tokens.textSm","tokens.leadingSm","tokens.semFocusRing","tokens.grayA11","tokens.spacingElement1","tokens.textXs","tokens.leadingXs","tokens.fontWeightMedium","tokens.semGraySoft","tokens.radiusSm","tokens.accentA3","SLOT_ATTR","Command","React","className","dataSlot","ref","styles","CommandPrimitive","mergeClasses","title","description","children","showCloseButton","_ref","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","wrapperClassName","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandLoading"],"mappings":"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"}

package/dist/components/data-table/data-table.js

@@ -1,28 +1,28 @@
 import { jsx as f } from "react/jsx-runtime";
 import * as Le from "react";
-import { useState as c, useRef as he, useEffect as A, useMemo as m, useCallback as je } from "react";
+import { useState as c, useRef as he, useEffect as A, useMemo as d, useCallback as je } from "react";
 import { useReactTable as He } from "../../vendor/@tanstack/react-table/build/lib/index.js";
 import { SLOT_ATTR as _e } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as Ee } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as Oe } from "../../styles/make-styles.js";
 import { Checkbox as Z } from "../checkbox/checkbox.js";
-import { TableDensityContext as We } from "../table/table.js";
-import { DataTableContext as qe } from "./data-table-context.js";
+import { canonicalDensity as We, DensityContextBoundary as qe } from "../density-provider/density-provider.js";
+import { DataTableContext as Be } from "./data-table-context.js";
 import { DataTableColumnHeader as Ge } from "./data-table-column-header.js";
 import { getPaginationRowModel as Je, getFilteredRowModel as Ke, getSortedRowModel as Qe, getCoreRowModel as Ue } from "../../vendor/@tanstack/table-core/build/lib/index.js";
-function Xe(n, b) {
-  return b ? n.map((s) => {
+function Xe(n, P) {
+  return P ? n.map((s) => {
     var r;
     if (s.enableSorting === !1 || typeof s.header != "string")
       return s;
-    const d = s.header;
+    const m = s.header;
     return {
       ...s,
-      header: ({ column: u }) => /* @__PURE__ */ f(Ge, { column: u, title: d }),
+      header: ({ column: u }) => /* @__PURE__ */ f(Ge, { column: u, title: m }),
       meta: {
         ...s.meta,
         // Preserve original header for visibility dropdown fallback
-        visibilityLabel: ((r = s.meta) == null ? void 0 : r.visibilityLabel) ?? d,
+        visibilityLabel: ((r = s.meta) == null ? void 0 : r.visibilityLabel) ?? m,
         // Flag to indicate this header was auto-wrapped with DataTableColumnHeader
         _sortableHeaderWrapped: !0
       }
@@ -37,75 +37,75 @@ const Ye = Oe({
 });
 function Ze({
   columns: n,
-  data: b,
+  data: P,
   children: s,
-  getRowId: d,
+  getRowId: m,
   enableRowSelection: r = !1,
   enableSorting: u = !1,
   manualSorting: F = !1,
   enableFiltering: $ = !1,
-  manualFiltering: a = !1,
-  enableGlobalFilter: B = !1,
+  manualFiltering: V = !1,
+  enableGlobalFilter: N = !1,
   pagination: t,
-  sorting: N,
-  onSortingChange: I,
-  defaultSorting: C = [],
-  rowSelection: g,
+  sorting: C,
+  onSortingChange: b,
+  defaultSorting: g = [],
+  rowSelection: p,
   onRowSelectionChange: y,
-  defaultRowSelection: p = {},
-  columnFilters: ee,
+  defaultRowSelection: ee = {},
+  columnFilters: te,
   onColumnFiltersChange: x,
-  columnVisibility: te,
-  onColumnVisibilityChange: T,
-  globalFilter: le,
+  columnVisibility: le,
+  onColumnVisibilityChange: i,
+  globalFilter: se,
   onGlobalFilterChange: w,
-  onRowClick: V,
-  clickableRowClassName: L,
-  selectedRowClassName: h,
-  cellOverflow: j = "truncate",
-  disableColumnResizing: i = !1,
-  columnResizeMode: se = "onChange",
-  columnSizing: re,
+  onRowClick: L,
+  clickableRowClassName: h,
+  selectedRowClassName: j,
+  cellOverflow: H = "truncate",
+  disableColumnResizing: T = !1,
+  columnResizeMode: re = "onChange",
+  columnSizing: ce,
   onColumnSizingChange: z,
-  defaultColumnSizing: ce = {},
-  columnPinning: oe,
-  onColumnPinningChange: M,
-  defaultColumnPinning: fe = { left: [], right: [] },
-  autoPinSelection: H,
-  showHeaderBorder: _ = !0,
-  showRowBorders: E = !0,
-  fitHeaderWidth: O = !1,
-  density: ne = "normal",
+  defaultColumnSizing: oe = {},
+  columnPinning: fe,
+  onColumnPinningChange: D,
+  defaultColumnPinning: ne = { left: [], right: [] },
+  autoPinSelection: _,
+  showHeaderBorder: E = !0,
+  showRowBorders: O = !0,
+  fitHeaderWidth: W = !1,
+  density: M,
   className: ue
-}, me) {
-  const de = Ye(), [Se, Pe] = c(C), [be, Ie] = c(p), [ye, xe] = c([]), [Te, we] = c({}), [ie, ze] = c(""), [Me, ve] = c(ce), [De, Re] = c(fe), ke = {
+}, de) {
+  const me = Ye(), [Se, Ie] = c(g), [Pe, be] = c(ee), [ye, xe] = c([]), [ie, we] = c({}), [Te, ze] = c(""), [De, Me] = c(oe), [ve, Re] = c(ne), ae = {
     pageIndex: (t == null ? void 0 : t.pageIndex) ?? 0,
     pageSize: (t == null ? void 0 : t.pageSize) ?? 10
-  }, [v, D] = c(ke), R = he(!1);
+  }, [v, R] = c(ae), a = he(!1);
   A(() => {
     if ((t == null ? void 0 : t.pageIndex) === void 0)
       return;
     const e = t.pageIndex;
-    D(
+    R(
       (l) => l.pageIndex === e ? l : { ...l, pageIndex: e }
     );
   }, [t == null ? void 0 : t.pageIndex]), A(() => {
     if ((t == null ? void 0 : t.pageSize) === void 0)
       return;
     const e = t.pageSize;
-    D(
+    R(
       (l) => l.pageSize === e ? l : { ...l, pageSize: e }
     );
   }, [t == null ? void 0 : t.pageSize]);
-  const W = !i, q = N ?? Se, S = g ?? be, G = ee ?? ye, J = te ?? Te, K = le ?? ie, Q = re ?? Me, o = oe ?? De, Ae = m(() => {
-    if (!(r && H && Object.keys(S).length > 0))
+  const q = !T, B = C ?? Se, S = p ?? Pe, G = te ?? ye, J = le ?? ie, K = se ?? Te, Q = ce ?? De, o = fe ?? ve, ke = d(() => {
+    if (!(r && _ && Object.keys(S).length > 0))
       return o;
     const l = o.left ?? [];
     return l.includes("select") ? o : {
       ...o,
       left: ["select", ...l]
     };
-  }, [o, S, r, H]), U = m(
+  }, [o, S, r, _]), U = d(
     () => ({
       id: "select",
       header: ({ table: e }) => /* @__PURE__ */ f(
@@ -133,20 +133,20 @@ function Ze({
       size: 40
     }),
     []
-  ), k = m(() => Xe(n, u), [n, u]), Fe = m(() => r ? [U, ...k] : k, [k, r, U]), P = !!t, X = P && ((t == null ? void 0 : t.totalItems) !== void 0 || (t == null ? void 0 : t.pageCount) !== void 0), ae = je(
+  ), k = d(() => Xe(n, u), [n, u]), Ae = d(() => r ? [U, ...k] : k, [k, r, U]), I = !!t, X = I && ((t == null ? void 0 : t.totalItems) !== void 0 || (t == null ? void 0 : t.pageCount) !== void 0), Fe = je(
     (e) => {
-      R.current = !0, D((l) => typeof e == "function" ? e(l) : e);
+      a.current = !0, R((l) => typeof e == "function" ? e(l) : e);
     },
     []
   );
   A(() => {
     var e;
-    R.current && ((e = t == null ? void 0 : t.onPaginationChange) == null || e.call(t, v), R.current = !1);
+    a.current && ((e = t == null ? void 0 : t.onPaginationChange) == null || e.call(t, v), a.current = !1);
   }, [v, t]);
   const Y = He({
-    data: b,
-    columns: Fe,
-    getRowId: d,
+    data: P,
+    columns: Ae,
+    getRowId: m,
     getCoreRowModel: Ue(),
     // Default column configuration
     defaultColumn: {
@@ -160,34 +160,34 @@ function Ze({
       manualSorting: !0
     },
     state: {
-      sorting: q,
+      sorting: B,
       rowSelection: S,
       columnFilters: G,
       columnVisibility: J,
       globalFilter: K,
-      columnPinning: Ae,
-      ...P && {
+      columnPinning: ke,
+      ...I && {
         pagination: v
       },
-      ...W && {
+      ...q && {
         columnSizing: Q
       }
     },
     onSortingChange: (e) => {
-      const l = typeof e == "function" ? e(q) : e;
-      Pe(l), I == null || I(l);
+      const l = typeof e == "function" ? e(B) : e;
+      Ie(l), b == null || b(l);
     },
     // Row selection
     enableRowSelection: typeof r == "function" ? (e) => r(e) : r,
     onRowSelectionChange: (e) => {
       const l = typeof e == "function" ? e(S) : e;
-      Ie(l), y == null || y(l);
+      be(l), y == null || y(l);
     },
     // Filtering
-    ...($ || B) && !a && {
+    ...($ || N) && !V && {
       getFilteredRowModel: Ke()
     },
-    ...a && {
+    ...V && {
       manualFiltering: !0
     },
     onColumnFiltersChange: (e) => {
@@ -196,26 +196,26 @@ function Ze({
     },
     onColumnVisibilityChange: (e) => {
       const l = typeof e == "function" ? e(J) : e;
-      we(l), T == null || T(l);
+      we(l), i == null || i(l);
     },
     onGlobalFilterChange: (e) => {
       const l = typeof e == "function" ? e(K) : e;
       ze(l), w == null || w(l);
     },
     // Column resizing
-    enableColumnResizing: W,
-    columnResizeMode: se,
+    enableColumnResizing: q,
+    columnResizeMode: re,
     onColumnSizingChange: (e) => {
       const l = typeof e == "function" ? e(Q) : e;
-      ve(l), z == null || z(l);
+      Me(l), z == null || z(l);
     },
     // Column pinning
     onColumnPinningChange: (e) => {
       const l = typeof e == "function" ? e(o) : e;
-      Re(l), M == null || M(l);
+      Re(l), D == null || D(l);
     },
     // Pagination
-    ...P && !X && {
+    ...I && !X && {
       getPaginationRowModel: Je()
     },
     ...X && {
@@ -223,49 +223,50 @@ function Ze({
       pageCount: t == null ? void 0 : t.pageCount,
       rowCount: t == null ? void 0 : t.totalItems
     },
-    ...P && {
-      onPaginationChange: ae
+    ...I && {
+      onPaginationChange: Fe
     }
-  }), Ve = m(
+  }), Ve = d(
     () => ({
       table: Y,
       pagination: t,
-      onRowClick: V,
-      clickableRowClassName: L,
-      selectedRowClassName: h,
-      cellOverflow: j,
-      disableColumnResizing: i,
-      showHeaderBorder: _,
-      showRowBorders: E,
-      fitHeaderWidth: O
+      onRowClick: L,
+      clickableRowClassName: h,
+      selectedRowClassName: j,
+      cellOverflow: H,
+      disableColumnResizing: T,
+      showHeaderBorder: E,
+      showRowBorders: O,
+      fitHeaderWidth: W
     }),
     [
       Y,
       t,
-      V,
       L,
       h,
       j,
-      i,
-      _,
+      H,
+      T,
       E,
-      O
+      O,
+      W
     ]
   );
-  return /* @__PURE__ */ f(qe.Provider, { value: Ve, children: /* @__PURE__ */ f(We.Provider, { value: ne, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f(Be.Provider, { value: Ve, children: /* @__PURE__ */ f(
     "div",
     {
-      ref: me,
+      ref: de,
       "data-slot": "data-table",
       [_e]: "data-table",
       "data-fs-element": "DataTable",
-      className: Ee(de.root, ue),
-      children: s
+      className: Ee(me.root, ue),
+      ...M !== void 0 ? { "data-density": We(M) } : {},
+      children: /* @__PURE__ */ f(qe, { density: M, children: s })
     }
-  ) }) });
+  ) });
 }
-const ot = Le.forwardRef(Ze);
+const ft = Le.forwardRef(Ze);
 export {
-  ot as DataTable
+  ft as DataTable
 };
 //# sourceMappingURL=data-table.js.map