@persona/design-system 0.1.5-pre.4 → 0.1.6

package/dist/mixins/menuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.mjs","names":[],"sources":["../../mixins/menuItem.ts"],"sourcesContent":["import { Color } from '@persona/design-tokens';\nimport { css } from 'styled-components';\n\nimport type { Variant } from 'design-system/theme';\nimport type PseudoClassProps from 'design-system/types/PseudoClassProps';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ninterface MenuItemMixinProps extends PseudoClassProps {\n  variant?: Variant;\n}\n\n/**\n * Adds styles for hovered and selected states. For use with dropdowns, menu\n * items, etc.\n *\n * The mixins are split by interaction state for more flexibility. We need to\n * implement each state differently when used with React Router's NavLink, for\n * example.\n *\n * Note that we override the palette for 'basic' to match the neutral usecase\n * shown in the mocks. There are never menu items that match our basic palette.\n *\n * Default: standard and disabled styles\n * Hover: hover and focus styles\n * Active: active styles\n */\nconst menuItemMixins = {\n  default: css<MenuItemMixinProps>`\n    cursor: pointer;\n    color: ${({ theme, variant = 'basic' }) =>\n      // default text color for these two should be neutral\n      ['basic', 'primary'].includes(variant)\n        ? theme.color.text.primary\n        : theme.color.variants[variant].default};\n\n    ${({ theme }) => css`\n      background-color: ${theme.color.background.primary};\n      border-radius: ${theme.element.borderRadius};\n    `}\n\n    ${({ theme, disabled }) =>\n      disabled &&\n      css`\n        background-color: ${theme.color.background.primary};\n        color: ${theme.color.text.disabled};\n        cursor: default;\n\n        svg * {\n          stroke: ${theme.color.text.disabled};\n        }\n\n        svg.pds-icon {\n          * {\n            stroke: unset;\n          }\n          /* Support icons with stroke */\n          *[stroke] {\n            stroke: currentColor;\n          }\n        }\n      `}\n  `,\n  hover: css<MenuItemMixinProps>`\n    transition-duration: ${TransitionDuration.Fast};\n    color: ${({ theme, variant = 'basic' }) => {\n      if (variant === 'basic') {\n        return theme.color.text.primary;\n      }\n\n      if (variant === 'danger') {\n        return Color.CoreRed900;\n      }\n\n      return theme.color.variants[variant].default;\n    }};\n\n    background-color: ${({ theme, variant = 'basic' }) =>\n      variant === 'basic'\n        ? theme.color.background.secondary\n        : theme.color.variants[variant].highlightLight};\n\n    ${({ theme, disabled, variant = 'basic' }) =>\n      !disabled &&\n      css`\n        svg * {\n          stroke: ${(() => {\n            if (variant === 'basic') {\n              return theme.color.text.primary;\n            }\n\n            if (variant === 'danger') {\n              return Color.CoreRed900;\n            }\n\n            return theme.color.variants[variant].default;\n          })()};\n        }\n\n        svg.pds-icon {\n          * {\n            stroke: unset;\n          }\n          /* Support icons with stroke */\n          *[stroke] {\n            stroke: currentColor;\n          }\n        }\n      `}\n  `,\n  active: css<MenuItemMixinProps>`\n    transition-duration: ${TransitionDuration.Fast};\n    color: ${({ theme, variant = 'basic' }) =>\n      variant === 'basic' ? theme.color.text.inverse : theme.color.variants[variant].default};\n    background-color: ${({ theme, variant = 'basic' }) =>\n      variant === 'basic'\n        ? theme.color.primary.brand\n        : theme.color.variants[variant].highlightLight};\n\n    ${({ theme, disabled, variant = 'basic' }) =>\n      !disabled &&\n      css`\n        svg * {\n          stroke: ${(() => {\n            if (variant === 'basic') {\n              return theme.color.text.primary;\n            }\n\n            if (variant === 'danger') {\n              return Color.CoreRed900;\n            }\n\n            return theme.color.variants[variant].default;\n          })()};\n        }\n\n        svg.pds-icon {\n          * {\n            stroke: unset;\n          }\n          /* Support icons with stroke */\n          *[stroke] {\n            stroke: currentColor;\n          }\n        }\n      `}\n  `,\n};\n\nexport default menuItemMixins;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB;CACrB,SAAS,GAAuB;;cAEpB,EAAE,OAAO,UAAU,cAE3B,CAAC,SAAS,UAAU,CAAC,SAAS,QAAQ,GAClC,MAAM,MAAM,KAAK,UACjB,MAAM,MAAM,SAAS,SAAS,QAAQ;;OAEzC,EAAE,YAAY,GAAG;0BACE,MAAM,MAAM,WAAW,QAAQ;uBAClC,MAAM,QAAQ,aAAa;MAC5C;;OAEC,EAAE,OAAO,eACV,YACA,GAAG;4BACmB,MAAM,MAAM,WAAW,QAAQ;iBAC1C,MAAM,MAAM,KAAK,SAAS;;;;oBAIvB,MAAM,MAAM,KAAK,SAAS;;;;;;;;;;;;QAYtC;;CAEN,OAAO,GAAuB;mCACmB;cACrC,EAAE,OAAO,UAAU,cAAc;AACzC,MAAI,YAAY,QACd,QAAO,MAAM,MAAM,KAAK;AAG1B,MAAI,YAAY,SACd,QAAO,MAAM;AAGf,SAAO,MAAM,MAAM,SAAS,SAAS;GACrC;;yBAEmB,EAAE,OAAO,UAAU,cACtC,YAAY,UACR,MAAM,MAAM,WAAW,YACvB,MAAM,MAAM,SAAS,SAAS,eAAe;;OAEhD,EAAE,OAAO,UAAU,UAAU,cAC9B,CAAC,YACD,GAAG;;2BAEkB;AACf,MAAI,YAAY,QACd,QAAO,MAAM,MAAM,KAAK;AAG1B,MAAI,YAAY,SACd,QAAO,MAAM;AAGf,SAAO,MAAM,MAAM,SAAS,SAAS;KACnC,CAAC;;;;;;;;;;;;QAYP;;CAEN,QAAQ,GAAuB;mCACkB;cACrC,EAAE,OAAO,UAAU,cAC3B,YAAY,UAAU,MAAM,MAAM,KAAK,UAAU,MAAM,MAAM,SAAS,SAAS,QAAQ;yBACpE,EAAE,OAAO,UAAU,cACtC,YAAY,UACR,MAAM,MAAM,QAAQ,QACpB,MAAM,MAAM,SAAS,SAAS,eAAe;;OAEhD,EAAE,OAAO,UAAU,UAAU,cAC9B,CAAC,YACD,GAAG;;2BAEkB;AACf,MAAI,YAAY,QACd,QAAO,MAAM,MAAM,KAAK;AAG1B,MAAI,YAAY,SACd,QAAO,MAAM;AAGf,SAAO,MAAM,MAAM,SAAS,SAAS;KACnC,CAAC;;;;;;;;;;;;QAYP;;CAEP"}
+{"version":3,"file":"menuItem.mjs","names":[],"sources":["../../mixins/menuItem.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\nimport type { Variant } from 'design-system/theme';\nimport type PseudoClassProps from 'design-system/types/PseudoClassProps';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ninterface MenuItemMixinProps extends PseudoClassProps {\n  variant?: Variant;\n}\n\n/**\n * Adds styles for hovered and selected states. For use with dropdowns, menu\n * items, etc.\n *\n * The mixins are split by interaction state for more flexibility. We need to\n * implement each state differently when used with React Router's NavLink, for\n * example.\n *\n * Note that we override the palette for 'basic' to match the neutral usecase\n * shown in the mocks. There are never menu items that match our basic palette.\n *\n * Default: standard and disabled styles\n * Hover: hover and focus styles\n * Active: active styles\n */\nconst menuItemMixins = {\n  default: css<MenuItemMixinProps>`\n    cursor: pointer;\n    color: ${({ theme, variant = 'basic' }) =>\n      // default text color for these two should be neutral\n      ['basic', 'primary'].includes(variant)\n        ? theme.color.text.primary\n        : theme.color.variants[variant].default};\n\n    ${({ theme }) => css`\n      background-color: ${theme.color.background.primary};\n      border-radius: ${theme.element.borderRadius};\n    `}\n\n    ${({ theme, disabled }) =>\n      disabled &&\n      css`\n        background-color: ${theme.color.background.primary};\n        color: ${theme.color.text.disabled};\n        cursor: default;\n\n        svg * {\n          stroke: ${theme.color.text.disabled};\n        }\n\n        svg.pds-icon {\n          * {\n            stroke: unset;\n          }\n          /* Support icons with stroke */\n          *[stroke] {\n            stroke: currentColor;\n          }\n        }\n      `}\n  `,\n  hover: css<MenuItemMixinProps>`\n    transition-duration: ${TransitionDuration.Fast};\n    color: ${({ theme, variant = 'basic' }) => {\n      if (variant === 'basic') {\n        return theme.color.text.primary;\n      }\n\n      if (variant === 'danger') {\n        return Color.CoreRed900;\n      }\n\n      return theme.color.variants[variant].default;\n    }};\n\n    background-color: ${({ theme, variant = 'basic' }) =>\n      variant === 'basic'\n        ? theme.color.background.secondary\n        : theme.color.variants[variant].highlightLight};\n\n    ${({ theme, disabled, variant = 'basic' }) =>\n      !disabled &&\n      css`\n        svg * {\n          stroke: ${(() => {\n            if (variant === 'basic') {\n              return theme.color.text.primary;\n            }\n\n            if (variant === 'danger') {\n              return Color.CoreRed900;\n            }\n\n            return theme.color.variants[variant].default;\n          })()};\n        }\n\n        svg.pds-icon {\n          * {\n            stroke: unset;\n          }\n          /* Support icons with stroke */\n          *[stroke] {\n            stroke: currentColor;\n          }\n        }\n      `}\n  `,\n  active: css<MenuItemMixinProps>`\n    transition-duration: ${TransitionDuration.Fast};\n    color: ${({ theme, variant = 'basic' }) =>\n      variant === 'basic' ? theme.color.text.inverse : theme.color.variants[variant].default};\n    background-color: ${({ theme, variant = 'basic' }) =>\n      variant === 'basic'\n        ? theme.color.primary.brand\n        : theme.color.variants[variant].highlightLight};\n\n    ${({ theme, disabled, variant = 'basic' }) =>\n      !disabled &&\n      css`\n        svg * {\n          stroke: ${(() => {\n            if (variant === 'basic') {\n              return theme.color.text.primary;\n            }\n\n            if (variant === 'danger') {\n              return Color.CoreRed900;\n            }\n\n            return theme.color.variants[variant].default;\n          })()};\n        }\n\n        svg.pds-icon {\n          * {\n            stroke: unset;\n          }\n          /* Support icons with stroke */\n          *[stroke] {\n            stroke: currentColor;\n          }\n        }\n      `}\n  `,\n};\n\nexport default menuItemMixins;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB;CACrB,SAAS,GAAuB;;cAEpB,EAAE,OAAO,UAAU,cAE3B,CAAC,SAAS,UAAU,CAAC,SAAS,QAAQ,GAClC,MAAM,MAAM,KAAK,UACjB,MAAM,MAAM,SAAS,SAAS,QAAQ;;OAEzC,EAAE,YAAY,GAAG;0BACE,MAAM,MAAM,WAAW,QAAQ;uBAClC,MAAM,QAAQ,aAAa;MAC5C;;OAEC,EAAE,OAAO,eACV,YACA,GAAG;4BACmB,MAAM,MAAM,WAAW,QAAQ;iBAC1C,MAAM,MAAM,KAAK,SAAS;;;;oBAIvB,MAAM,MAAM,KAAK,SAAS;;;;;;;;;;;;QAYtC;;CAEN,OAAO,GAAuB;mCACmB;cACrC,EAAE,OAAO,UAAU,cAAc;AACzC,MAAI,YAAY,QACd,QAAO,MAAM,MAAM,KAAK;AAG1B,MAAI,YAAY,SACd,QAAO,MAAM;AAGf,SAAO,MAAM,MAAM,SAAS,SAAS;GACrC;;yBAEmB,EAAE,OAAO,UAAU,cACtC,YAAY,UACR,MAAM,MAAM,WAAW,YACvB,MAAM,MAAM,SAAS,SAAS,eAAe;;OAEhD,EAAE,OAAO,UAAU,UAAU,cAC9B,CAAC,YACD,GAAG;;2BAEkB;AACf,MAAI,YAAY,QACd,QAAO,MAAM,MAAM,KAAK;AAG1B,MAAI,YAAY,SACd,QAAO,MAAM;AAGf,SAAO,MAAM,MAAM,SAAS,SAAS;KACnC,CAAC;;;;;;;;;;;;QAYP;;CAEN,QAAQ,GAAuB;mCACkB;cACrC,EAAE,OAAO,UAAU,cAC3B,YAAY,UAAU,MAAM,MAAM,KAAK,UAAU,MAAM,MAAM,SAAS,SAAS,QAAQ;yBACpE,EAAE,OAAO,UAAU,cACtC,YAAY,UACR,MAAM,MAAM,QAAQ,QACpB,MAAM,MAAM,SAAS,SAAS,eAAe;;OAEhD,EAAE,OAAO,UAAU,UAAU,cAC9B,CAAC,YACD,GAAG;;2BAEkB;AACf,MAAI,YAAY,QACd,QAAO,MAAM,MAAM,KAAK;AAG1B,MAAI,YAAY,SACd,QAAO,MAAM;AAGf,SAAO,MAAM,MAAM,SAAS,SAAS;KACnC,CAAC;;;;;;;;;;;;QAYP;;CAEP"}

package/dist/mixins/print/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../chunk-CoPdw6nB.cjs");
+require("../../chunk-CKQMccvm.cjs");
 let styled_components = require("styled-components");
 //#region mixins/print/index.ts
 const printMixins = {

package/dist/mixins/text.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CoPdw6nB.cjs");
+require("../chunk-CKQMccvm.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 //#region mixins/text.ts

package/dist/mixins/text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.cjs","names":["Typography"],"sources":["../../mixins/text.ts"],"sourcesContent":["import { Typography } from '@persona/design-tokens';\nimport {\n  css,\n  type DefaultTheme,\n  type FlattenInterpolation,\n  type ThemeProps,\n} from 'styled-components';\n\nexport type DisplaySize = 'lg' | 'md' | 'sm';\n\nexport const fontFamilyMixin = css`\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n`;\n\nexport const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.DisplayLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.DisplayMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.DisplaySmall};\n    margin: 0;\n  `,\n};\n\nexport type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';\n\nexport const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.HeadingLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.HeadingMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.HeadingSmall};\n    margin: 0;\n  `,\n  xsm: css`\n    ${Typography.HeadingExtraSmall};\n    margin: 0;\n  `,\n};\n\nexport type ParagraphMixinSize =\n  | 'lg'\n  | 'lgBold'\n  | 'lgLight'\n  | 'md'\n  | 'mdBold'\n  | 'mdLight'\n  | 'mdLink'\n  | 'sm'\n  | 'smBold'\n  | 'smLink'\n  | 'xs';\n\nexport type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport const paragraphMixins: Record<\n  ParagraphMixinSize,\n  FlattenInterpolation<ThemeProps<DefaultTheme>>\n> = {\n  lg: css`\n    ${Typography.TextLarge};\n    margin: 0;\n  `,\n  lgBold: css`\n    ${Typography.TextLargeBold};\n    margin: 0;\n  `,\n  lgLight: css`\n    ${Typography.TextLargeLight};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.TextMedium};\n    margin: 0;\n  `,\n  mdBold: css`\n    ${Typography.TextMediumBold};\n    margin: 0;\n  `,\n  mdLight: css`\n    ${Typography.TextMediumLight};\n    margin: 0;\n  `,\n  mdLink: css`\n    ${Typography.TextMediumLink};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.TextSmall};\n    margin: 0;\n  `,\n  smBold: css`\n    ${Typography.TextSmallBold};\n    margin: 0;\n  `,\n  smLink: css`\n    ${Typography.TextSmallLink};\n    margin: 0;\n  `,\n  xs: css`\n    ${Typography.TextExtraSmall};\n    margin: 0;\n  `,\n};\n"],"mappings":";;;;;AAUA,MAAa,kBAAkB,kBAAA,GAAG;kBAChB,EAAE,YAAY,MAAM,KAAK,WAAW,KAAK;;AAG3D,MAAa,gBAAqF;CAChG,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG7B;AAID,MAAa,gBAAqF;CAChG,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,KAAK,kBAAA,GAAG;MACJA,uBAAAA,WAAW,kBAAkB;;;CAGlC;AAiBD,MAAa,kBAGT;CACF,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,UAAU;;;CAGzB,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,SAAS,kBAAA,GAAG;MACRA,uBAAAA,WAAW,eAAe;;;CAG9B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,WAAW;;;CAG1B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,eAAe;;;CAG9B,SAAS,kBAAA,GAAG;MACRA,uBAAAA,WAAW,gBAAgB;;;CAG/B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,eAAe;;;CAG9B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,UAAU;;;CAGzB,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,eAAe;;;CAG/B"}
+{"version":3,"file":"text.cjs","names":["Typography"],"sources":["../../mixins/text.ts"],"sourcesContent":["import {\n  css,\n  type DefaultTheme,\n  type FlattenInterpolation,\n  type ThemeProps,\n} from 'styled-components';\n\nimport { Typography } from '@persona/design-tokens';\n\nexport type DisplaySize = 'lg' | 'md' | 'sm';\n\nexport const fontFamilyMixin = css`\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n`;\n\nexport const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.DisplayLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.DisplayMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.DisplaySmall};\n    margin: 0;\n  `,\n};\n\nexport type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';\n\nexport const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.HeadingLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.HeadingMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.HeadingSmall};\n    margin: 0;\n  `,\n  xsm: css`\n    ${Typography.HeadingExtraSmall};\n    margin: 0;\n  `,\n};\n\nexport type ParagraphMixinSize =\n  | 'lg'\n  | 'lgBold'\n  | 'lgLight'\n  | 'md'\n  | 'mdBold'\n  | 'mdLight'\n  | 'mdLink'\n  | 'sm'\n  | 'smBold'\n  | 'smLink'\n  | 'xs';\n\nexport type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport const paragraphMixins: Record<\n  ParagraphMixinSize,\n  FlattenInterpolation<ThemeProps<DefaultTheme>>\n> = {\n  lg: css`\n    ${Typography.TextLarge};\n    margin: 0;\n  `,\n  lgBold: css`\n    ${Typography.TextLargeBold};\n    margin: 0;\n  `,\n  lgLight: css`\n    ${Typography.TextLargeLight};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.TextMedium};\n    margin: 0;\n  `,\n  mdBold: css`\n    ${Typography.TextMediumBold};\n    margin: 0;\n  `,\n  mdLight: css`\n    ${Typography.TextMediumLight};\n    margin: 0;\n  `,\n  mdLink: css`\n    ${Typography.TextMediumLink};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.TextSmall};\n    margin: 0;\n  `,\n  smBold: css`\n    ${Typography.TextSmallBold};\n    margin: 0;\n  `,\n  smLink: css`\n    ${Typography.TextSmallLink};\n    margin: 0;\n  `,\n  xs: css`\n    ${Typography.TextExtraSmall};\n    margin: 0;\n  `,\n};\n"],"mappings":";;;;;AAWA,MAAa,kBAAkB,kBAAA,GAAG;kBAChB,EAAE,YAAY,MAAM,KAAK,WAAW,KAAK;;AAG3D,MAAa,gBAAqF;CAChG,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG7B;AAID,MAAa,gBAAqF;CAChG,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,KAAK,kBAAA,GAAG;MACJA,uBAAAA,WAAW,kBAAkB;;;CAGlC;AAiBD,MAAa,kBAGT;CACF,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,UAAU;;;CAGzB,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,SAAS,kBAAA,GAAG;MACRA,uBAAAA,WAAW,eAAe;;;CAG9B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,WAAW;;;CAG1B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,eAAe;;;CAG9B,SAAS,kBAAA,GAAG;MACRA,uBAAAA,WAAW,gBAAgB;;;CAG/B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,eAAe;;;CAG9B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,UAAU;;;CAGzB,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,eAAe;;;CAG/B"}

package/dist/mixins/text.d.mts

@@ -1,2 +1,2 @@
-import { a as displayMixins, c as paragraphMixins, i as ParagraphSize, n as HeadingSize, o as fontFamilyMixin, r as ParagraphMixinSize, s as headingMixins, t as DisplaySize } from "../text-BrSUs-88.mjs";
+import { a as displayMixins, c as paragraphMixins, i as ParagraphSize, n as HeadingSize, o as fontFamilyMixin, r as ParagraphMixinSize, s as headingMixins, t as DisplaySize } from "../text-BEKhEWTa.mjs";
 export { DisplaySize, HeadingSize, ParagraphMixinSize, ParagraphSize, displayMixins, fontFamilyMixin, headingMixins, paragraphMixins };

package/dist/mixins/text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.mjs","names":[],"sources":["../../mixins/text.ts"],"sourcesContent":["import { Typography } from '@persona/design-tokens';\nimport {\n  css,\n  type DefaultTheme,\n  type FlattenInterpolation,\n  type ThemeProps,\n} from 'styled-components';\n\nexport type DisplaySize = 'lg' | 'md' | 'sm';\n\nexport const fontFamilyMixin = css`\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n`;\n\nexport const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.DisplayLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.DisplayMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.DisplaySmall};\n    margin: 0;\n  `,\n};\n\nexport type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';\n\nexport const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.HeadingLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.HeadingMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.HeadingSmall};\n    margin: 0;\n  `,\n  xsm: css`\n    ${Typography.HeadingExtraSmall};\n    margin: 0;\n  `,\n};\n\nexport type ParagraphMixinSize =\n  | 'lg'\n  | 'lgBold'\n  | 'lgLight'\n  | 'md'\n  | 'mdBold'\n  | 'mdLight'\n  | 'mdLink'\n  | 'sm'\n  | 'smBold'\n  | 'smLink'\n  | 'xs';\n\nexport type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport const paragraphMixins: Record<\n  ParagraphMixinSize,\n  FlattenInterpolation<ThemeProps<DefaultTheme>>\n> = {\n  lg: css`\n    ${Typography.TextLarge};\n    margin: 0;\n  `,\n  lgBold: css`\n    ${Typography.TextLargeBold};\n    margin: 0;\n  `,\n  lgLight: css`\n    ${Typography.TextLargeLight};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.TextMedium};\n    margin: 0;\n  `,\n  mdBold: css`\n    ${Typography.TextMediumBold};\n    margin: 0;\n  `,\n  mdLight: css`\n    ${Typography.TextMediumLight};\n    margin: 0;\n  `,\n  mdLink: css`\n    ${Typography.TextMediumLink};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.TextSmall};\n    margin: 0;\n  `,\n  smBold: css`\n    ${Typography.TextSmallBold};\n    margin: 0;\n  `,\n  smLink: css`\n    ${Typography.TextSmallLink};\n    margin: 0;\n  `,\n  xs: css`\n    ${Typography.TextExtraSmall};\n    margin: 0;\n  `,\n};\n"],"mappings":";;;AAUA,MAAa,kBAAkB,GAAG;kBAChB,EAAE,YAAY,MAAM,KAAK,WAAW,KAAK;;AAG3D,MAAa,gBAAqF;CAChG,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG5B,IAAI,GAAG;MACH,WAAW,cAAc;;;CAG7B,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG7B;AAID,MAAa,gBAAqF;CAChG,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG5B,IAAI,GAAG;MACH,WAAW,cAAc;;;CAG7B,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG5B,KAAK,GAAG;MACJ,WAAW,kBAAkB;;;CAGlC;AAiBD,MAAa,kBAGT;CACF,IAAI,GAAG;MACH,WAAW,UAAU;;;CAGzB,QAAQ,GAAG;MACP,WAAW,cAAc;;;CAG7B,SAAS,GAAG;MACR,WAAW,eAAe;;;CAG9B,IAAI,GAAG;MACH,WAAW,WAAW;;;CAG1B,QAAQ,GAAG;MACP,WAAW,eAAe;;;CAG9B,SAAS,GAAG;MACR,WAAW,gBAAgB;;;CAG/B,QAAQ,GAAG;MACP,WAAW,eAAe;;;CAG9B,IAAI,GAAG;MACH,WAAW,UAAU;;;CAGzB,QAAQ,GAAG;MACP,WAAW,cAAc;;;CAG7B,QAAQ,GAAG;MACP,WAAW,cAAc;;;CAG7B,IAAI,GAAG;MACH,WAAW,eAAe;;;CAG/B"}
+{"version":3,"file":"text.mjs","names":[],"sources":["../../mixins/text.ts"],"sourcesContent":["import {\n  css,\n  type DefaultTheme,\n  type FlattenInterpolation,\n  type ThemeProps,\n} from 'styled-components';\n\nimport { Typography } from '@persona/design-tokens';\n\nexport type DisplaySize = 'lg' | 'md' | 'sm';\n\nexport const fontFamilyMixin = css`\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n`;\n\nexport const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.DisplayLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.DisplayMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.DisplaySmall};\n    margin: 0;\n  `,\n};\n\nexport type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';\n\nexport const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.HeadingLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.HeadingMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.HeadingSmall};\n    margin: 0;\n  `,\n  xsm: css`\n    ${Typography.HeadingExtraSmall};\n    margin: 0;\n  `,\n};\n\nexport type ParagraphMixinSize =\n  | 'lg'\n  | 'lgBold'\n  | 'lgLight'\n  | 'md'\n  | 'mdBold'\n  | 'mdLight'\n  | 'mdLink'\n  | 'sm'\n  | 'smBold'\n  | 'smLink'\n  | 'xs';\n\nexport type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport const paragraphMixins: Record<\n  ParagraphMixinSize,\n  FlattenInterpolation<ThemeProps<DefaultTheme>>\n> = {\n  lg: css`\n    ${Typography.TextLarge};\n    margin: 0;\n  `,\n  lgBold: css`\n    ${Typography.TextLargeBold};\n    margin: 0;\n  `,\n  lgLight: css`\n    ${Typography.TextLargeLight};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.TextMedium};\n    margin: 0;\n  `,\n  mdBold: css`\n    ${Typography.TextMediumBold};\n    margin: 0;\n  `,\n  mdLight: css`\n    ${Typography.TextMediumLight};\n    margin: 0;\n  `,\n  mdLink: css`\n    ${Typography.TextMediumLink};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.TextSmall};\n    margin: 0;\n  `,\n  smBold: css`\n    ${Typography.TextSmallBold};\n    margin: 0;\n  `,\n  smLink: css`\n    ${Typography.TextSmallLink};\n    margin: 0;\n  `,\n  xs: css`\n    ${Typography.TextExtraSmall};\n    margin: 0;\n  `,\n};\n"],"mappings":";;;AAWA,MAAa,kBAAkB,GAAG;kBAChB,EAAE,YAAY,MAAM,KAAK,WAAW,KAAK;;AAG3D,MAAa,gBAAqF;CAChG,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG5B,IAAI,GAAG;MACH,WAAW,cAAc;;;CAG7B,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG7B;AAID,MAAa,gBAAqF;CAChG,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG5B,IAAI,GAAG;MACH,WAAW,cAAc;;;CAG7B,IAAI,GAAG;MACH,WAAW,aAAa;;;CAG5B,KAAK,GAAG;MACJ,WAAW,kBAAkB;;;CAGlC;AAiBD,MAAa,kBAGT;CACF,IAAI,GAAG;MACH,WAAW,UAAU;;;CAGzB,QAAQ,GAAG;MACP,WAAW,cAAc;;;CAG7B,SAAS,GAAG;MACR,WAAW,eAAe;;;CAG9B,IAAI,GAAG;MACH,WAAW,WAAW;;;CAG1B,QAAQ,GAAG;MACP,WAAW,eAAe;;;CAG9B,SAAS,GAAG;MACR,WAAW,gBAAgB;;;CAG/B,QAAQ,GAAG;MACP,WAAW,eAAe;;;CAG9B,IAAI,GAAG;MACH,WAAW,UAAU;;;CAGzB,QAAQ,GAAG;MACP,WAAW,cAAc;;;CAG7B,QAAQ,GAAG;MACP,WAAW,cAAc;;;CAG7B,IAAI,GAAG;MACH,WAAW,eAAe;;;CAG/B"}

package/dist/positioning.d.mts

@@ -0,0 +1,11 @@
+//#region components/DataTable/TableControls/utils/positioning.d.ts
+/**
+ * Check if a child rect is contained within a parent rect.
+ * @param parent - The parent rect.
+ * @param child - The child rect.
+ * @returns True if the child rect is contained within the parent rect, false otherwise.
+ */
+declare const rectContainsRect: (parent: DOMRect, child: DOMRect) => boolean;
+//#endregion
+export { rectContainsRect };
+//# sourceMappingURL=positioning.d.mts.map

package/dist/tableBoxKeyboardNavigation.d.mts

@@ -0,0 +1,8 @@
+//#region components/TableBox/tableBoxKeyboardNavigation.d.ts
+type TableBoxNavigationDirection = 'up' | 'down' | 'left' | 'right';
+type HorizontalTableBoxNavigationDirection = Extract<TableBoxNavigationDirection, 'left' | 'right'>;
+declare const isCaretAtNavigationBoundary: (input: HTMLInputElement, direction: HorizontalTableBoxNavigationDirection) => boolean;
+declare const focusAdjacentInlineEditor: (target: HTMLElement, direction: TableBoxNavigationDirection) => boolean;
+//#endregion
+export { HorizontalTableBoxNavigationDirection, TableBoxNavigationDirection, focusAdjacentInlineEditor, isCaretAtNavigationBoundary };
+//# sourceMappingURL=tableBoxKeyboardNavigation.d.mts.map

package/dist/{text-BrSUs-88.d.mts → text-BEKhEWTa.d.mts}

@@ -11,4 +11,4 @@ type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';
 declare const paragraphMixins: Record<ParagraphMixinSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
 //#endregion
 export { displayMixins as a, paragraphMixins as c, ParagraphSize as i, HeadingSize as n, fontFamilyMixin as o, ParagraphMixinSize as r, headingMixins as s, DisplaySize as t };
-//# sourceMappingURL=text-BrSUs-88.d.mts.map
+//# sourceMappingURL=text-BEKhEWTa.d.mts.map

package/dist/{theme-DGAqgnUa.d.mts → theme-q9fNLtcA.d.mts}

@@ -151,4 +151,4 @@ declare const darkTheme: PersonaTheme;
 declare const marketingFontTheme: PersonaTheme;
 //#endregion
 export { darkTheme as a, Variant as i, PersonaTheme as n, defaultTheme as o, TextColors as r, marketingFontTheme as s, BackgroundColors as t };
-//# sourceMappingURL=theme-DGAqgnUa.d.mts.map
+//# sourceMappingURL=theme-q9fNLtcA.d.mts.map

package/dist/theme.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("./chunk-CoPdw6nB.cjs");
+require("./chunk-CKQMccvm.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 //#region theme.ts
 const primary = {

package/dist/theme.d.mts

@@ -1,2 +1,2 @@
-import { a as darkTheme, i as Variant, n as PersonaTheme, o as defaultTheme, r as TextColors, s as marketingFontTheme, t as BackgroundColors } from "./theme-DGAqgnUa.mjs";
+import { a as darkTheme, i as Variant, n as PersonaTheme, o as defaultTheme, r as TextColors, s as marketingFontTheme, t as BackgroundColors } from "./theme-q9fNLtcA.mjs";
 export { BackgroundColors, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme };

package/dist/types-BG21GgBe.d.cts

@@ -0,0 +1,25 @@
+//#region components/DataTable/TableControls/types.d.ts
+interface AttributeColumn {
+  key: string;
+  label: string;
+}
+interface BaseFilterConfig {
+  id: string;
+  name: string;
+  htmlId?: string;
+  placeholder?: string;
+  enabled?: boolean;
+  disabledReason?: string;
+  required?: boolean;
+  onFilterSelect?: () => void;
+  defaultVisible?: boolean;
+  group?: string;
+}
+interface BaseActiveFilter<TFilter extends BaseFilterConfig = BaseFilterConfig> {
+  id: number;
+  config?: TFilter;
+  isConfiguring: boolean;
+}
+//#endregion
+export { BaseActiveFilter as n, BaseFilterConfig as r, AttributeColumn as t };
+//# sourceMappingURL=types-BG21GgBe.d.cts.map

package/dist/types-ChCqSD9N.d.mts

@@ -0,0 +1,25 @@
+//#region components/DataTable/TableControls/types.d.ts
+interface AttributeColumn {
+  key: string;
+  label: string;
+}
+interface BaseFilterConfig {
+  id: string;
+  name: string;
+  htmlId?: string;
+  placeholder?: string;
+  enabled?: boolean;
+  disabledReason?: string;
+  required?: boolean;
+  onFilterSelect?: () => void;
+  defaultVisible?: boolean;
+  group?: string;
+}
+interface BaseActiveFilter<TFilter extends BaseFilterConfig = BaseFilterConfig> {
+  id: number;
+  config?: TFilter;
+  isConfiguring: boolean;
+}
+//#endregion
+export { BaseActiveFilter as n, BaseFilterConfig as r, AttributeColumn as t };
+//# sourceMappingURL=types-ChCqSD9N.d.mts.map

package/dist/types-CmnKGG5I.d.cts

@@ -0,0 +1,10 @@
+//#region components/Pagination/types.d.ts
+interface PaginationParams {
+  'current-page': number;
+  'total-count': number;
+  'total-pages': number;
+  'lower-bound'?: boolean;
+}
+//#endregion
+export { PaginationParams as t };
+//# sourceMappingURL=types-CmnKGG5I.d.cts.map

package/dist/types-DMjr-u_o.d.mts

@@ -0,0 +1,10 @@
+//#region components/Pagination/types.d.ts
+interface PaginationParams {
+  'current-page': number;
+  'total-count': number;
+  'total-pages': number;
+  'lower-bound'?: boolean;
+}
+//#endregion
+export { PaginationParams as t };
+//# sourceMappingURL=types-DMjr-u_o.d.mts.map

package/dist/types.d.cts

@@ -0,0 +1,2 @@
+import { n as BaseActiveFilter, r as BaseFilterConfig, t as AttributeColumn } from "./types-BG21GgBe.cjs";
+export { AttributeColumn, BaseActiveFilter, BaseFilterConfig };

package/dist/types.d.mts

@@ -0,0 +1,2 @@
+import { n as BaseActiveFilter, r as BaseFilterConfig, t as AttributeColumn } from "./types-ChCqSD9N.mjs";
+export { AttributeColumn, BaseActiveFilter, BaseFilterConfig };

package/dist/types2.d.cts

@@ -0,0 +1,2 @@
+import { t as PaginationParams } from "./types-CmnKGG5I.cjs";
+export { PaginationParams };

package/dist/types2.d.mts

@@ -0,0 +1,2 @@
+import { t as PaginationParams } from "./types-DMjr-u_o.mjs";
+export { PaginationParams };

package/dist/useColumnWidthLock.d.mts

@@ -0,0 +1,28 @@
+import { RefObject } from "react";
+
+//#region components/TableBox/useColumnWidthLock.d.ts
+interface UseColumnWidthLockOptions {
+  /**
+   * When false, the hook becomes a no-op — `lockedColWidths` stays `null`
+   * and `onEditingChange` does nothing. Use when the table is already in
+   * `table-layout: fixed` mode, where the input swap can't reflow columns.
+   */
+  enabled?: boolean;
+}
+/**
+ * Captures the live `<th>` widths of a table the moment inline editing starts
+ * and clears them when editing ends.
+ *
+ * Consumers render a `<colgroup>` from `lockedColWidths` and switch the table
+ * to `table-layout: fixed` for the duration of the edit so the input swap
+ * doesn't reflow the columns.
+ */
+declare const useColumnWidthLock: (tableRef: RefObject<HTMLTableElement>, {
+  enabled
+}?: UseColumnWidthLockOptions) => {
+  lockedColWidths: number[] | null;
+  onEditingChange: (isEditing: boolean) => void;
+};
+//#endregion
+export { useColumnWidthLock };
+//# sourceMappingURL=useColumnWidthLock.d.mts.map

package/dist/{useFormField-DN3gpEEV.cjs → useFormField-BpYf3CAW.cjs}

@@ -1,5 +1,5 @@
-require("./chunk-CoPdw6nB.cjs");
-const require_useFormGroup = require("./useFormGroup-B_mFNoN9.cjs");
+require("./chunk-CKQMccvm.cjs");
+const require_useFormGroup = require("./useFormGroup-DQJdKaL9.cjs");
 let react = require("react");
 //#region components/FormControl/useFormField.ts
 const FormControlContext = (0, react.createContext)({});
@@ -34,4 +34,4 @@ Object.defineProperty(exports, "useFormField", {
 	}
 });
 
-//# sourceMappingURL=useFormField-DN3gpEEV.cjs.map
+//# sourceMappingURL=useFormField-BpYf3CAW.cjs.map

package/dist/{useFormField-DN3gpEEV.cjs.map → useFormField-BpYf3CAW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormField-DN3gpEEV.cjs","names":["useFormGroup"],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;;AAgBA,MAAa,sBAAA,GAAA,MAAA,eAA4D,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQA,qBAAAA,cAAc;CAC5B,MAAM,SAAA,GAAA,MAAA,YAAmB,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}
+{"version":3,"file":"useFormField-BpYf3CAW.cjs","names":["useFormGroup"],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;;AAgBA,MAAa,sBAAA,GAAA,MAAA,eAA4D,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQA,qBAAAA,cAAc;CAC5B,MAAM,SAAA,GAAA,MAAA,YAAmB,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}

package/dist/{useFormField-BmtItl8y.d.mts → useFormField-CVmt-ti2.d.mts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-DYUKygmd.mjs";
+import { t as ErrorProps } from "./ErrorProps-DBw1_Z0a.mjs";
 import * as _$react from "react";
 
 //#region components/FormControl/useFormField.d.ts
@@ -27,4 +27,4 @@ declare const useFormField: (props: Partial<FormControlContextProps>) => {
 };
 //#endregion
 export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
-//# sourceMappingURL=useFormField-BmtItl8y.d.mts.map
+//# sourceMappingURL=useFormField-CVmt-ti2.d.mts.map

package/dist/{useFormField-eftOPiXj.mjs → useFormField-D0RTrPld.mjs}

@@ -1,4 +1,4 @@
-import { n as useFormGroup } from "./useFormGroup-BMukAMAd.mjs";
+import { n as useFormGroup } from "./useFormGroup-z0epBxXn.mjs";
 import { createContext, useContext } from "react";
 //#region components/FormControl/useFormField.ts
 const FormControlContext = createContext({});
@@ -22,4 +22,4 @@ const useFormField = (props) => {
 //#endregion
 export { useFormField as n, FormControlContext as t };
 
-//# sourceMappingURL=useFormField-eftOPiXj.mjs.map
+//# sourceMappingURL=useFormField-D0RTrPld.mjs.map

package/dist/{useFormField-eftOPiXj.mjs.map → useFormField-D0RTrPld.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormField-eftOPiXj.mjs","names":[],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAgBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}
+{"version":3,"file":"useFormField-D0RTrPld.mjs","names":[],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAgBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}

package/dist/{useFormField-Ba0CQ43u.d.cts → useFormField-DLGEZ1kD.d.cts}

@@ -27,4 +27,4 @@ declare const useFormField: (props: Partial<FormControlContextProps>) => {
 };
 //#endregion
 export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
-//# sourceMappingURL=useFormField-Ba0CQ43u.d.cts.map
+//# sourceMappingURL=useFormField-DLGEZ1kD.d.cts.map

package/dist/useFormField.d.cts

@@ -1,2 +1,2 @@
-import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-Ba0CQ43u.cjs";
+import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-DLGEZ1kD.cjs";
 export { FormControlContext, FormControlContextProps, useFormField as default };

package/dist/useFormField.d.mts

@@ -1,2 +1,2 @@
-import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-BmtItl8y.mjs";
+import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-CVmt-ti2.mjs";
 export { FormControlContext, FormControlContextProps, useFormField as default };

package/dist/{useFormGroup-B_mFNoN9.cjs → useFormGroup-DQJdKaL9.cjs}

@@ -1,4 +1,4 @@
-require("./chunk-CoPdw6nB.cjs");
+require("./chunk-CKQMccvm.cjs");
 let react = require("react");
 //#region components/ConfigFormGroup/useFormGroup.ts
 const FormGroupContext = (0, react.createContext)({});
@@ -23,4 +23,4 @@ Object.defineProperty(exports, "useFormGroup", {
 	}
 });
 
-//# sourceMappingURL=useFormGroup-B_mFNoN9.cjs.map
+//# sourceMappingURL=useFormGroup-DQJdKaL9.cjs.map

package/dist/{useFormGroup-B_mFNoN9.cjs.map → useFormGroup-DQJdKaL9.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormGroup-B_mFNoN9.cjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;;AAUA,MAAa,oBAAA,GAAA,MAAA,eAAwD,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,SAAA,GAAA,MAAA,YAAmB,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}
+{"version":3,"file":"useFormGroup-DQJdKaL9.cjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;;AAUA,MAAa,oBAAA,GAAA,MAAA,eAAwD,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,SAAA,GAAA,MAAA,YAAmB,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}

package/dist/{useFormGroup-BMukAMAd.mjs → useFormGroup-z0epBxXn.mjs}

@@ -11,4 +11,4 @@ const useFormGroup = (props) => {
 //#endregion
 export { useFormGroup as n, FormGroupContext as t };
 
-//# sourceMappingURL=useFormGroup-BMukAMAd.mjs.map
+//# sourceMappingURL=useFormGroup-z0epBxXn.mjs.map

package/dist/{useFormGroup-BMukAMAd.mjs.map → useFormGroup-z0epBxXn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormGroup-BMukAMAd.mjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;AAUA,MAAa,mBAAmB,cAAqC,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,QAAQ,WAAW,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}
+{"version":3,"file":"useFormGroup-z0epBxXn.mjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;AAUA,MAAa,mBAAmB,cAAqC,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,QAAQ,WAAW,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}

package/dist/useTableBoxDragAndDrop-DXqy_AMP.d.mts

@@ -0,0 +1,69 @@
+import { ReactNode, RefObject } from "react";
+import { DndContextProps } from "@dnd-kit/core";
+
+//#region components/TableBox/useTableBoxDragAndDrop.d.ts
+/**
+ * Vertical direction of an active drag relative to its starting position.
+ * `null` means the pointer hasn't moved far enough from the drag origin to
+ * infer a direction.
+ */
+type DragDirection = 'up' | 'down' | null;
+interface ReorderConfig<T extends object> {
+  items: T[];
+  itemKeyPath: keyof T & string;
+  onReorder: (reorderedItems: T[]) => void;
+}
+interface UseTableBoxDragAndDropArgs<T extends object> {
+  tableRef: RefObject<HTMLTableElement>;
+  reorderConfig: ReorderConfig<T> | undefined;
+}
+interface UseTableBoxDragAndDropResult {
+  /**
+   * `id` of the row currently being dragged, or `null` when no drag is active.
+   * Use this to derive the DragOverlay content via the `rowRegistry`.
+   */
+  activeId: string | null;
+  /**
+   * Cell widths captured at drag start, in source order. Apply via a
+   * `<colgroup>` with `table-layout: fixed` on the overlay table so its
+   * columns line up 1:1 with the source row.
+   */
+  overlayCellWidths: number[] | null;
+  /**
+   * Current vertical direction of the active drag. Rows use this to place
+   * the drop indicator on a neighbor when the pointer is still within the
+   * dragged row's slot.
+   */
+  draggedDirection: DragDirection;
+  /**
+   * Sortable ids in source order. Pass to the `SortableContext`'s `items`.
+   */
+  sortableIds: string[];
+  /**
+   * Registry of row content keyed by row id, populated by each `TableBoxRow`
+   * and read when rendering the DragOverlay clone. Always non-null when
+   * drag-and-drop is enabled (i.e. `reorderConfig` is set).
+   */
+  rowRegistry: React.MutableRefObject<Map<string, ReactNode>>;
+  /**
+   * Spread on `DndContext`. Includes sensors, collision detection, and the
+   * lifecycle handlers that update the rest of this hook's state.
+   */
+  dndContextProps: Pick<DndContextProps, 'sensors' | 'collisionDetection' | 'onDragStart' | 'onDragMove' | 'onDragEnd' | 'onDragCancel'>;
+}
+/**
+ * Bundles the `@dnd-kit` wiring TableBox needs to support row reordering:
+ * sensors, lifecycle handlers, the dragged row's overlay content, and the
+ * pointer direction used by rows to position drop indicators in dnd-kit's
+ * "dead zone" (overIndex === activeIndex).
+ *
+ * Also forces a `grabbing` cursor on `<body>` while a row is active so the
+ * cursor persists when the pointer leaves the drag handle.
+ */
+declare const useTableBoxDragAndDrop: <T extends object>({
+  tableRef,
+  reorderConfig
+}: UseTableBoxDragAndDropArgs<T>) => UseTableBoxDragAndDropResult;
+//#endregion
+export { ReorderConfig as n, useTableBoxDragAndDrop as r, DragDirection as t };
+//# sourceMappingURL=useTableBoxDragAndDrop-DXqy_AMP.d.mts.map

package/dist/useTableBoxDragAndDrop-hrESBhKb.d.cts

@@ -0,0 +1,69 @@
+import { ReactNode, RefObject } from "react";
+import { DndContextProps } from "@dnd-kit/core";
+
+//#region components/TableBox/useTableBoxDragAndDrop.d.ts
+/**
+ * Vertical direction of an active drag relative to its starting position.
+ * `null` means the pointer hasn't moved far enough from the drag origin to
+ * infer a direction.
+ */
+type DragDirection = 'up' | 'down' | null;
+interface ReorderConfig<T extends object> {
+  items: T[];
+  itemKeyPath: keyof T & string;
+  onReorder: (reorderedItems: T[]) => void;
+}
+interface UseTableBoxDragAndDropArgs<T extends object> {
+  tableRef: RefObject<HTMLTableElement>;
+  reorderConfig: ReorderConfig<T> | undefined;
+}
+interface UseTableBoxDragAndDropResult {
+  /**
+   * `id` of the row currently being dragged, or `null` when no drag is active.
+   * Use this to derive the DragOverlay content via the `rowRegistry`.
+   */
+  activeId: string | null;
+  /**
+   * Cell widths captured at drag start, in source order. Apply via a
+   * `<colgroup>` with `table-layout: fixed` on the overlay table so its
+   * columns line up 1:1 with the source row.
+   */
+  overlayCellWidths: number[] | null;
+  /**
+   * Current vertical direction of the active drag. Rows use this to place
+   * the drop indicator on a neighbor when the pointer is still within the
+   * dragged row's slot.
+   */
+  draggedDirection: DragDirection;
+  /**
+   * Sortable ids in source order. Pass to the `SortableContext`'s `items`.
+   */
+  sortableIds: string[];
+  /**
+   * Registry of row content keyed by row id, populated by each `TableBoxRow`
+   * and read when rendering the DragOverlay clone. Always non-null when
+   * drag-and-drop is enabled (i.e. `reorderConfig` is set).
+   */
+  rowRegistry: React.MutableRefObject<Map<string, ReactNode>>;
+  /**
+   * Spread on `DndContext`. Includes sensors, collision detection, and the
+   * lifecycle handlers that update the rest of this hook's state.
+   */
+  dndContextProps: Pick<DndContextProps, 'sensors' | 'collisionDetection' | 'onDragStart' | 'onDragMove' | 'onDragEnd' | 'onDragCancel'>;
+}
+/**
+ * Bundles the `@dnd-kit` wiring TableBox needs to support row reordering:
+ * sensors, lifecycle handlers, the dragged row's overlay content, and the
+ * pointer direction used by rows to position drop indicators in dnd-kit's
+ * "dead zone" (overIndex === activeIndex).
+ *
+ * Also forces a `grabbing` cursor on `<body>` while a row is active so the
+ * cursor persists when the pointer leaves the drag handle.
+ */
+declare const useTableBoxDragAndDrop: <T extends object>({
+  tableRef,
+  reorderConfig
+}: UseTableBoxDragAndDropArgs<T>) => UseTableBoxDragAndDropResult;
+//#endregion
+export { ReorderConfig as n, useTableBoxDragAndDrop as r, DragDirection as t };
+//# sourceMappingURL=useTableBoxDragAndDrop-hrESBhKb.d.cts.map

package/dist/useTableBoxDragAndDrop.d.cts

@@ -0,0 +1,2 @@
+import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-hrESBhKb.cjs";
+export { DragDirection, ReorderConfig, useTableBoxDragAndDrop };

package/dist/useTableBoxDragAndDrop.d.mts

@@ -0,0 +1,2 @@
+import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-DXqy_AMP.mjs";
+export { DragDirection, ReorderConfig, useTableBoxDragAndDrop };

package/dist/useTableColumns.d.cts

@@ -0,0 +1,72 @@
+import { DataTableColumnFormat, DataTableColumns, RowAction, SortProps } from "./components/DataTable/types.cjs";
+import { ColumnDef, Row, RowData, Table } from "@tanstack/react-table";
+
+//#region components/DataTable/useTableColumns.d.ts
+/**
+ * Host-injected cell format renderer. Dashboard passes its own implementation
+ * that handles all format types including tags, files, and status indicators.
+ */
+type RenderFormatFn<TData = unknown, TFormat extends {
+  type: string;
+} = {
+  type: string;
+}> = (value: unknown, format?: TFormat, row?: TData) => React.ReactNode;
+interface UseTableColumnsParams<TData extends RowData, TFormat extends {
+  type: string;
+} = DataTableColumnFormat<TData>, TFilter = unknown> {
+  columns: DataTableColumns<TData, TFormat, TFilter>;
+  data: TData[];
+  compact?: boolean;
+  sort?: boolean | SortProps;
+  clientSearch?: boolean | {
+    placeholder?: string;
+    initialValue?: string;
+  };
+  clientFiltering?: boolean;
+  expandColumnVisibility?: 'auto' | 'always';
+  showControls?: boolean;
+  enableRowSelection?: boolean;
+  enableSubRowSelection?: boolean;
+  rowActions?: RowAction[] | ((row: TData) => RowAction[]);
+  getRowId?: (row: TData) => string;
+  expandedRows: Set<string>;
+  toggleRowExpansion: (rowId: string) => void;
+  canRowExpand: (rowData: TData) => boolean;
+  checkboxColumnStates: Record<string, Set<string>>;
+  handleCheckboxCellChange: (columnId: string, rowId: string, checked: boolean) => void;
+  handleSelectAllCheckboxCell: (columnId: string, checked: boolean) => void;
+  getSelfAndNestedRowIds: (row: TData, indexPath: number[]) => string[];
+  handleRowSelectionWithShift: (clickedRow: Row<TData>, table: Table<TData>, checked: boolean, isShiftKey: boolean) => void;
+  renderFormat: RenderFormatFn<TData, TFormat>;
+}
+declare function useTableColumns<TData extends RowData, TFormat extends {
+  type: string;
+} = DataTableColumnFormat<TData>, TFilter = unknown>({
+  columns,
+  data,
+  compact,
+  sort,
+  clientSearch,
+  clientFiltering,
+  expandColumnVisibility,
+  showControls,
+  enableRowSelection,
+  enableSubRowSelection,
+  rowActions,
+  getRowId,
+  expandedRows,
+  toggleRowExpansion,
+  canRowExpand,
+  checkboxColumnStates,
+  handleCheckboxCellChange,
+  handleSelectAllCheckboxCell,
+  getSelfAndNestedRowIds,
+  handleRowSelectionWithShift,
+  renderFormat
+}: UseTableColumnsParams<TData, TFormat, TFilter>): [ColumnDef<TData, any>[], {
+  key: string;
+  label: string;
+}[]];
+//#endregion
+export { RenderFormatFn, UseTableColumnsParams, useTableColumns };
+//# sourceMappingURL=useTableColumns.d.cts.map