@womp/kookie-ui 0.26.0 → 0.26.2

package/dist/cjs/components/_internal/base-button.props.js

@@ -1,3 +1,2 @@
-"use client";
 "use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},d=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of f(e))!u.call(o,s)&&s!==r&&a(o,s,{get:()=>e[s],enumerable:!(t=p(e,s))||t.enumerable});return o};var m=o=>d(a({},"__esModule",{value:!0}),o);var v={};c(v,{baseButtonPropDefs:()=>g});module.exports=m(v);var l={asChild:{type:"boolean"}};var y=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var n={color:{type:"enum",values:y,default:""}};var D=["none","small","medium","large","full"],i={radius:{type:"enum",values:D,default:void 0}};var P=["1","2","3","4"],b=["raised","solid","soft","surface","outline","ghost"],g={...l,size:{type:"enum",className:"kui-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:b,default:"solid"},...n,...i,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};
 //# sourceMappingURL=base-button.props.js.map

package/dist/cjs/components/_internal/base-button.props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-button.props.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/radius.prop.ts"],
   "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 28px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - raised: lifted off its ground, with an edge and a shadow\n * - solid: Primary actions that should be noticed first (the default)\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button and Toggle)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'kui-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'kui-full-width', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Chip, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n"],
-  "mappings": ";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAgBvP,IAAMC,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,EACX,CACF,ECvBA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,EHGA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,EA2BpEC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAI7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,OAAQ,EACtF,GAAGG,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,cAAe,QAAS,EAAM,EAKrE,UAAW,CAAE,KAAM,UAAW,UAAW,iBAAkB,QAAS,EAAM,CAC5E",
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAgBvP,IAAMC,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,EACX,CACF,ECvBA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,EHGA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,EA2BpEC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAI7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,OAAQ,EACtF,GAAGG,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,cAAe,QAAS,EAAM,EAKrE,UAAW,CAAE,KAAM,UAAW,UAAW,iBAAkB,QAAS,EAAM,CAC5E",
   "names": ["base_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "radii", "radiusPropDef", "sizes", "variants", "baseButtonPropDefs", "asChildPropDef", "accentColorPropDef", "radiusPropDef"]
 }

package/dist/cjs/components/_internal/base-checkbox.props.js

@@ -1,3 +1,2 @@
-"use client";
 "use strict";var t=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var f=(o,e)=>{for(var s in e)t(o,s,{get:e[s],enumerable:!0})},i=(o,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!l.call(o,r)&&r!==s&&t(o,r,{get:()=>e[r],enumerable:!(a=c(e,r))||a.enumerable});return o};var u=o=>i(t({},"__esModule",{value:!0}),o);var b={};f(b,{baseCheckboxPropDefs:()=>d});module.exports=u(b);var m=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var n={color:{type:"enum",values:m,default:void 0}};var y=["1","2","3","4"],d={size:{type:"enum",className:"kui-r-size",values:y,default:"2",responsive:!0},...n};
 //# sourceMappingURL=base-checkbox.props.js.map

package/dist/cjs/components/_internal/base-checkbox.props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-checkbox.props.ts", "../../../../src/props/color.prop.ts"],
   "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport { baseCheckboxPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Chip, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
-  "mappings": ";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,GAAGE,CACL",
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,GAAGE,CACL",
   "names": ["base_checkbox_props_exports", "__export", "baseCheckboxPropDefs", "__toCommonJS", "accentColors", "colorPropDef", "accentColors", "sizes", "baseCheckboxPropDefs", "colorPropDef"]
 }

package/dist/cjs/components/_internal/base-menu.props.js

@@ -1,3 +1,2 @@
-"use client";
 "use strict";var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var t in e)n(o,t,{get:e[t],enumerable:!0})},y=(o,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of u(e))!l.call(o,s)&&s!==t&&n(o,s,{get:()=>e[s],enumerable:!(a=f(e,s))||a.enumerable});return o};var b=o=>y(n({},"__esModule",{value:!0}),o);var z={};m(z,{baseMenuCheckboxItemPropDefs:()=>h,baseMenuContentPropDefs:()=>P,baseMenuItemPropDefs:()=>g,baseMenuRadioItemPropDefs:()=>v,baseMenuSubContentPropDefs:()=>C,submenuBehaviors:()=>c});module.exports=b(z);var p={asChild:{type:"boolean"}};var d=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var r={color:{type:"enum",values:d,default:void 0}};var D=["1","2","3","4"],c=["cascade","drill-down"],i={size:{type:"enum",className:"kui-r-size",values:D,default:"2",responsive:!0},...r},P={...i,submenuBehavior:{type:"enum",values:c,default:"cascade",responsive:!0}},C=i,g={...p,...r,shortcut:{type:"string"}},h={...r,shortcut:{type:"string"}},v={...r};
 //# sourceMappingURL=base-menu.props.js.map

package/dist/cjs/components/_internal/base-menu.props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-menu.props.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts"],
   "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3', '4'] as const;\nconst submenuBehaviors = ['cascade', 'drill-down'] as const;\n\n// Base props shared between Content and SubContent\nconst baseMenuSharedPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'kui-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n};\n\n// Content-specific props (includes submenuBehavior)\nconst baseMenuContentPropDefs = {\n  ...baseMenuSharedPropDefs,\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior: {\n    type: 'enum',\n    values: submenuBehaviors,\n    default: 'cascade',\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  submenuBehavior: PropDef<(typeof submenuBehaviors)[number]>;\n};\n\n// SubContent props (no submenuBehavior)\nconst baseMenuSubContentPropDefs = baseMenuSharedPropDefs;\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuSubContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n  submenuBehaviors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Chip, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
-  "mappings": ";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,EAAA,+BAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAR,GCEA,IAAMS,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EFRA,IAAMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,UAAW,YAAY,EAG3CC,EAAyB,CAC7B,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,GAAGG,CACL,EAKMC,EAA0B,CAC9B,GAAGF,EAOH,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,UACT,WAAY,EACd,CACF,EAMMI,EAA6BH,EAE7BI,EAAuB,CAC3B,GAAGC,EACH,GAAGJ,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMK,EAA+B,CACnC,GAAGL,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMM,EAA4B,CAChC,GAAGN,CACL",
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,EAAA,+BAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAR,GCEA,IAAMS,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EFRA,IAAMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,UAAW,YAAY,EAG3CC,EAAyB,CAC7B,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,GAAGG,CACL,EAKMC,EAA0B,CAC9B,GAAGF,EAOH,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,UACT,WAAY,EACd,CACF,EAMMI,EAA6BH,EAE7BI,EAAuB,CAC3B,GAAGC,EACH,GAAGJ,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMK,EAA+B,CACnC,GAAGL,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMM,EAA4B,CAChC,GAAGN,CACL",
   "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "baseMenuSubContentPropDefs", "submenuBehaviors", "__toCommonJS", "asChildPropDef", "accentColors", "colorPropDef", "accentColors", "contentSizes", "submenuBehaviors", "baseMenuSharedPropDefs", "colorPropDef", "baseMenuContentPropDefs", "baseMenuSubContentPropDefs", "baseMenuItemPropDefs", "asChildPropDef", "baseMenuCheckboxItemPropDefs", "baseMenuRadioItemPropDefs"]
 }

package/dist/cjs/components/_internal/base-radio.props.js

@@ -1,3 +1,2 @@
-"use client";
 "use strict";var t=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var f=(o,e)=>{for(var s in e)t(o,s,{get:e[s],enumerable:!0})},i=(o,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!l.call(o,r)&&r!==s&&t(o,r,{get:()=>e[r],enumerable:!(a=p(e,r))||a.enumerable});return o};var u=o=>i(t({},"__esModule",{value:!0}),o);var b={};f(b,{baseRadioPropDefs:()=>d});module.exports=u(b);var m=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var n={color:{type:"enum",values:m,default:void 0}};var y=["1","2","3","4"],d={size:{type:"enum",className:"kui-r-size",values:y,default:"2",responsive:!0},...n};
 //# sourceMappingURL=base-radio.props.js.map

package/dist/cjs/components/_internal/base-radio.props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-radio.props.ts", "../../../../src/props/color.prop.ts"],
   "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\n\nconst baseRadioPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport { baseRadioPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Chip, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
-  "mappings": ";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAoB,CACxB,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,GAAGE,CACL",
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAoB,CACxB,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,GAAGE,CACL",
   "names": ["base_radio_props_exports", "__export", "baseRadioPropDefs", "__toCommonJS", "accentColors", "colorPropDef", "accentColors", "sizes", "baseRadioPropDefs", "colorPropDef"]
 }

package/dist/cjs/components/_internal/base-tab-list.props.js

@@ -1,3 +1,2 @@
-"use client";
 "use strict";var t=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var r in e)t(o,r,{get:e[r],enumerable:!0})},f=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of c(e))!u.call(o,s)&&s!==r&&t(o,s,{get:()=>e[s],enumerable:!(a=p(e,s))||a.enumerable});return o};var i=o=>f(t({},"__esModule",{value:!0}),o);var D={};l(D,{baseTabListPropDefs:()=>v});module.exports=i(D);var m=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var n={color:{type:"enum",values:m,default:void 0}};var y=["1","2","3","4"],b=["nowrap","wrap","wrap-reverse"],d=["start","center","end"],v={size:{type:"enum",className:"kui-r-size",values:y,default:"2",responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:b,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:d,responsive:!0},...n};
 //# sourceMappingURL=base-tab-list.props.js.map

package/dist/cjs/components/_internal/base-tab-list.props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-tab-list.props.ts", "../../../../src/props/color.prop.ts"],
   "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nconst justifyValues = ['start', 'center', 'end'] as const;\n\nconst baseTabListPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  wrap: {\n    type: 'enum',\n    className: 'kui-r-fw',\n    values: wrapValues,\n    responsive: true,\n  },\n  justify: {\n    type: 'enum',\n    className: 'kui-r-jc',\n    values: justifyValues,\n    responsive: true,\n  },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n};\n\nexport { baseTabListPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Chip, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
-  "mappings": ";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAC9CC,EAAgB,CAAC,QAAS,SAAU,KAAK,EAEzCC,EAAsB,CAC1B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EACA,GAAGE,CACL",
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAC9CC,EAAgB,CAAC,QAAS,SAAU,KAAK,EAEzCC,EAAsB,CAC1B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EACA,GAAGE,CACL",
   "names": ["base_tab_list_props_exports", "__export", "baseTabListPropDefs", "__toCommonJS", "accentColors", "colorPropDef", "accentColors", "sizes", "wrapValues", "justifyValues", "baseTabListPropDefs", "colorPropDef"]
 }

package/dist/cjs/components/_internal/pane-band-context.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type BandSize = '1' | '2' | '3' | '4';
+/**
+ * Set by `Shell.PaneHeader` and `Shell.PaneFooter` to their band size, and by `Shell.Scroll` to
+ * null (a scrolling list has no band). A `Theme asChild`, the root of every portalled surface
+ * (Popover, Dialog, Sheet, menus), sets null too, so a Toolbar in one does not take the Shell's
+ * step. `Shell.Root` clears it again. Unset (`undefined`) everywhere else.
+ *
+ * Its own module so Theme can reset it without bringing the Shell.
+ */
+declare const PaneBandSizeContext: React.Context<BandSize | null | undefined>;
+export { PaneBandSizeContext };
+export type { BandSize };
+//# sourceMappingURL=pane-band-context.d.ts.map

package/dist/cjs/components/_internal/pane-band-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane-band-context.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-band-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtC;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4CAA8D,CAAC;AAExF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/dist/cjs/components/_internal/pane-band-context.js

@@ -0,0 +1,3 @@
+"use client";
+"use strict";var r=Object.create;var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var S=(e,n)=>{for(var t in n)d(e,t,{get:n[t],enumerable:!0})},o=(e,n,t,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of x(n))!B.call(e,a)&&a!==t&&d(e,a,{get:()=>n[a],enumerable:!(i=c(n,a))||i.enumerable});return e};var f=(e,n,t)=>(t=e!=null?r(z(e)):{},o(n||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e)),u=e=>o(d({},"__esModule",{value:!0}),e);var m={};S(m,{PaneBandSizeContext:()=>l});module.exports=u(m);var p=f(require("react")),l=p.createContext(void 0);
+//# sourceMappingURL=pane-band-context.js.map

package/dist/cjs/components/_internal/pane-band-context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/_internal/pane-band-context.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\ntype BandSize = '1' | '2' | '3' | '4';\n\n/**\n * Set by `Shell.PaneHeader` and `Shell.PaneFooter` to their band size, and by `Shell.Scroll` to\n * null (a scrolling list has no band). A `Theme asChild`, the root of every portalled surface\n * (Popover, Dialog, Sheet, menus), sets null too, so a Toolbar in one does not take the Shell's\n * step. `Shell.Root` clears it again. Unset (`undefined`) everywhere else.\n *\n * Its own module so Theme can reset it without bringing the Shell.\n */\nconst PaneBandSizeContext = React.createContext<BandSize | null | undefined>(undefined);\n\nexport { PaneBandSizeContext };\nexport type { BandSize };\n"],
+  "mappings": ";0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAYjBF,EAA4B,gBAA2C,MAAS",
+  "names": ["pane_band_context_exports", "__export", "PaneBandSizeContext", "__toCommonJS", "React"]
+}

package/dist/cjs/components/_internal/pane-chrome.d.ts

@@ -7,6 +7,7 @@
  * Shell (`Shell.Root size`), or from a deprecated `Sidebar.Root` that still wraps them.
  */
 import * as React from 'react';
+import { type BandSize } from './pane-band-context.js';
 type PaneSize = '1' | '2' | '3';
 type SidebarVisualContextValue = {
     size: PaneSize;
@@ -33,7 +34,6 @@ declare function PaneChromeScope({ children, presentation }: {
     children: React.ReactNode;
     presentation?: 'thin';
 }): React.JSX.Element;
-type BandSize = '1' | '2' | '3' | '4';
 /**
  * The index a Toolbar in a pane's header or footer rests at when it states none: one step above
  * the Shell's, so the band reads as chrome over the rows (v2 BAND_STEP). 4 has no step above.

package/dist/cjs/components/_internal/pane-chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,wBAA6B,CAAC;AAEvD;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AAWD,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtC;;;GAGG;AACH,QAAA,MAAM,SAAS;;;;;CAA2F,CAAC;AAc3G;;;;;;;GAOG;AACH,iBAAS,eAAe,IAAI,QAAQ,GAAG,IAAI,CAM1C;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjE,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,oFAyBV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AACtK,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE5E,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,wBAA6B,CAAC;AAEvD;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AAWD;;;GAGG;AACH,QAAA,MAAM,SAAS;;;;;CAA2F,CAAC;AAQ3G;;;;;;;GAOG;AACH,iBAAS,eAAe,IAAI,QAAQ,GAAG,IAAI,CAM1C;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjE,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,oFAyBV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AACtK,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/components/_internal/pane-chrome.js

@@ -1,3 +1,3 @@
 "use client";
-"use strict";"use client";var me=Object.create;var v=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var ye=Object.getOwnPropertyNames;var ge=Object.getPrototypeOf,Se=Object.prototype.hasOwnProperty;var he=(t,e)=>{for(var r in e)v(t,r,{get:e[r],enumerable:!0})},M=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ye(e))!Se.call(t,s)&&s!==r&&v(t,s,{get:()=>e[s],enumerable:!(n=Pe(e,s))||n.enumerable});return t};var m=(t,e,r)=>(r=t!=null?me(ge(t)):{},M(e||!t||!t.__esModule?v(r,"default",{value:t,enumerable:!0}):r,t)),ve=t=>M(v({},"__esModule",{value:!0}),t);var Me={};he(Me,{BAND_STEP:()=>ne,PaneChromeScope:()=>He,PaneFooter:()=>se,PaneHeader:()=>oe,Scroll:()=>ie,ShellContentContext:()=>re,ShellSizeContext:()=>k,SidebarVisualContext:()=>O,usePaneBandSize:()=>Be,useSidebarVisual:()=>N});module.exports=ve(Me);var c=m(require("react")),h=m(require("classnames"));var d=m(require("react")),X=m(require("classnames")),P=require("radix-ui"),Q=require("radix-ui/internal");var W={asChild:{type:"boolean"}};var Re=["none","small","medium","large","full"],$={radius:{type:"enum",values:Re,default:void 0}};var be=["vertical","horizontal","both"],R={...W,...$,scrollbars:{type:"enum",values:be,default:"both"},fade:{type:"boolean",default:!1}};var b=m(require("react"));function j(t){let[e,r]=b.useState(null);return b.useEffect(()=>{if(!t||!e)return;let n=0,s=()=>{n=0;let l=Math.max(0,e.scrollTop),a=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${l}px`),e.style.setProperty("--scroll-overflow-end",`${a}px`);let u=Math.abs(e.scrollLeft),f=Math.max(0,e.scrollWidth-e.clientWidth-u);e.style.setProperty("--scroll-overflow-x-start",`${u}px`),e.style.setProperty("--scroll-overflow-x-end",`${f}px`)},i=()=>{n||(n=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(i);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{n&&cancelAnimationFrame(n),e.removeEventListener("scroll",i),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),r}var x=m(require("react"));function I(){let[t,e]=x.useState(null);return x.useEffect(()=>{let r=t?.parentElement;if(!t||!r)return;let n=0,s=()=>{n=0;for(let o of r.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),u=L(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${u}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),u=L(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${u}px, 0)`}}},i=()=>{n||(n=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{n&&cancelAnimationFrame(n),t.removeEventListener("scroll",i)}},[t]),e}function L(t,e,r){return e<=0||r<=0?0:Math.min(Math.max(t,-e),e)/e*r}var D=m(require("react"));function F(t,e){let{asChild:r,children:n}=t;if(!r)return typeof e=="function"?e(n):e;let s=D.Children.only(n);return D.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var q=m(require("classnames"));var xe=[],De=new Set;function Te(t){let e=Object.assign({},...t),r=[],n=[],s=new Set;for(let i in e){let o=e[i],p=o.values??xe,l={key:i,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):De,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(r.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&n.push(l)}return{styling:r,passthrough:n,stylingKeys:s}}var Ce={children:new WeakMap};function G(t){let e=Ce;for(let r=0;r<t.length;r++){let n=t[r],s=e.children.get(n);s===void 0&&(s={children:new WeakMap},e.children.set(n,s)),e=s}return e.compiled??(e.compiled=Te(t))}var Ne=["initial","xs","sm","md","lg","xl"],V=new Set(Ne);function E(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var ke=new Set(["initial","xs","sm","md","lg","xl"]);function g(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(ke.has(e))return!0;return!1}function T(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function _({className:t,customProperties:e,...r}){let n=A({allowArbitraryValues:!0,className:t,...r}),s=we({customProperties:e,...r});return[n,s]}function A({allowArbitraryValues:t,value:e,className:r,propValues:n,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return T(n,s,e)?K(r,e,i):t?r:void 0;if(g(e)){let o=e,p=[];for(let l in o){if(!E(o,l)||!V.has(l))continue;let a=o[l];if(a!==void 0){if(T(n,s,a)){let u=K(r,a,i),f=l==="initial"?u:`${l}:${u}`;p.push(f)}else if(t){let u=l==="initial"?r:`${l}:${r}`;p.push(u)}}}return p.length>0?p.join(" "):""}if(t)return r}}function K(t,e,r){let n=t?"-":"",s=r(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${n}${p}`}function we({customProperties:t,value:e,propValues:r,propValueSet:n,parseValue:s=i=>i}){if(!e||typeof e=="string"&&T(r,n,e))return;let i;if(typeof e=="string"){let o=s(e);i={};for(let p of t)i[p]=o;return i}if(g(e)){let o=e;for(let p in o){if(!E(o,p)||!V.has(p))continue;let l=o[p];if(l===void 0||T(r,n,l))continue;let a=s(l);i??(i={});for(let u of t){let f=p==="initial"?u:`${u}-${p}`;i[f]=a}}}return i??{}}function z(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function Ve(t,e){let r=t.initial,n=!1;return e.hasDefault&&r===void 0&&(r=e.default,n=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,n=!0),n?{...t,initial:r}:t}function U(t,...e){let{styling:r,passthrough:n,stylingKeys:s}=G(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<n.length;l++){let a=n[l],u=i[a.key];if(u===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!g(u)&&(i[a.key]=a.default)}let o,p=[];for(let l=0;l<r.length;l++){let a=r[l],u=t[a.key];if(u===void 0&&a.hasDefault&&(u=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!g(u)&&(u=a.default),!!u){if(g(u)){if(!a.responsive)continue;u=Ve(u,a)}if(a.type==="enum"){let f=A({allowArbitraryValues:!1,value:u,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,y]=_({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:u});y&&(o=z(o,y)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return i.className=(0,q.default)(p.length>0?p.join(" "):void 0,t.className),i.style=z(o,t.style),i}var Y={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var J={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Ee='[role="menu"], [role="listbox"]';function Ae(t,e){d.useEffect(()=>{if(!e||!t||t.closest(Ee))return;let r=0,n=()=>{r=0,t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{r||(r=requestAnimationFrame(n))};n();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{r&&cancelAnimationFrame(r),i?.disconnect()}},[t,e])}var C=d.forwardRef((t,e)=>{let{asChild:r,children:n,className:s,style:i,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=R.radius.default,scrollbars:u=R.scrollbars.default,fade:f=R.fade.default,...y}=U(t,Y,J),[ae,le]=d.useState(null),pe=j(f),ue=I(),ce=(0,Q.useComposedRefs)(e,pe,ue,le);Ae(ae,y.tabIndex===void 0);let de=y["aria-label"]!==void 0||y["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,X.default)("kui-ScrollAreaRoot",s),"data-fade":f?"":void 0,style:i,asChild:r},F({asChild:r,children:n},fe=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:de?"region":void 0,...y,ref:ce,className:"kui-ScrollAreaViewport"},fe),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),u!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,u!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,u==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});C.displayName="ScrollArea";var S=m(require("react")),ze=require("radix-ui/internal");var Z=["initial","xs","sm","md","lg","xl"];function ee(t){return typeof t=="object"&&t!==null}function Oe(t,e){let r={},n=null;for(let s of Z){if(t!==void 0&&!ee(t)){r[s]=t;continue}let i=ee(t)?t[s]:void 0;i!==void 0&&(n={value:i}),r[s]=n?n.value:e(s)}return r}var ht=Oe("fixed",()=>"fixed");var te=S.createContext(null);var vt=S.createContext(null);var O=c.createContext(null);function N(){return c.useContext(O)}var k=c.createContext("2"),re=c.createContext(!1);function He({children:t,presentation:e}){let r=c.useContext(k),n=c.useMemo(()=>({size:r,menuVariant:"soft",presentation:e}),[r,e]);return c.createElement(O.Provider,{value:n},t)}function H(){let t=N(),e=c.useContext(k),r=t?.size??e,n=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${r}`,`kui-menu-variant-${n}`]}var ne={1:"2",2:"3",3:"4",4:"4"},w=c.createContext(void 0);function B(){let t=N(),e=c.useContext(k);return ne[t?.size??e]}function Be(){let t=c.useContext(w),e=c.useContext(te)!==null,r=B();return t!==void 0?t:e?r:null}var oe=c.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=H(),o=B();return c.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,h.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},c.createElement(w.Provider,{value:o},r))});oe.displayName="Shell.PaneHeader";var se=c.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=H(),o=B();return c.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,h.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},c.createElement(w.Provider,{value:o},r))});se.displayName="Shell.PaneFooter";var ie=c.forwardRef(({className:t,style:e,dir:r,children:n,fade:s=!1,...i},o)=>{let p=H(),l=c.useContext(re),a=N();return l&&a===null?c.createElement(C,{...i,ref:o,type:"hover",fade:s,className:"kui-ShellScroll"},c.createElement("div",{style:e,dir:r,className:(0,h.default)("kui-ShellScrollContent",t)},n)):c.createElement(C,{...i,ref:o,type:"hover",fade:s,className:"kui-ShellScroll"},c.createElement("div",{style:e,dir:r,className:(0,h.default)("kui-BaseMenuContent","kui-SidebarContent",...p,t)},c.createElement(w.Provider,{value:null},c.createElement("div",{className:"kui-BaseMenuViewport"},n))))});ie.displayName="Shell.Scroll";
+"use strict";"use client";var Pe=Object.create;var R=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var Re=(t,e)=>{for(var r in e)R(t,r,{get:e[r],enumerable:!0})},W=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ge(e))!ve.call(t,s)&&s!==r&&R(t,s,{get:()=>e[s],enumerable:!(n=Se(e,s))||n.enumerable});return t};var m=(t,e,r)=>(r=t!=null?Pe(he(t)):{},W(e||!t||!t.__esModule?R(r,"default",{value:t,enumerable:!0}):r,t)),be=t=>W(R({},"__esModule",{value:!0}),t);var Le={};Re(Le,{BAND_STEP:()=>se,PaneChromeScope:()=>He,PaneFooter:()=>ae,PaneHeader:()=>ie,Scroll:()=>le,ShellContentContext:()=>oe,ShellSizeContext:()=>w,SidebarVisualContext:()=>B,usePaneBandSize:()=>We,useSidebarVisual:()=>k});module.exports=be(Le);var c=m(require("react")),v=m(require("classnames"));var d=m(require("react")),Q=m(require("classnames")),P=require("radix-ui"),Z=require("radix-ui/internal");var L={asChild:{type:"boolean"}};var xe=["none","small","medium","large","full"],$={radius:{type:"enum",values:xe,default:void 0}};var De=["vertical","horizontal","both"],b={...L,...$,scrollbars:{type:"enum",values:De,default:"both"},fade:{type:"boolean",default:!1}};var x=m(require("react"));function V(t){let e=getComputedStyle(t);return{x:e.overflowX==="hidden"?0:Math.max(0,t.scrollWidth-t.clientWidth),y:e.overflowY==="hidden"?0:Math.max(0,t.scrollHeight-t.clientHeight)}}function j(t){let[e,r]=x.useState(null);return x.useEffect(()=>{if(!t||!e)return;let n=0,s=()=>{n=0;let l=V(e),a=Math.max(0,e.scrollTop),u=Math.max(0,l.y-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${u}px`);let f=Math.abs(e.scrollLeft),y=Math.max(0,l.x-f);e.style.setProperty("--scroll-overflow-x-start",`${f}px`),e.style.setProperty("--scroll-overflow-x-end",`${y}px`)},i=()=>{n||(n=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(i);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{n&&cancelAnimationFrame(n),e.removeEventListener("scroll",i),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),r}var D=m(require("react"));function F(){let[t,e]=D.useState(null);return D.useEffect(()=>{let r=t?.parentElement;if(!t||!r)return;let n=0,s=()=>{n=0;for(let o of r.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),u=I(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${u}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),u=I(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${u}px, 0)`}}},i=()=>{n||(n=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{n&&cancelAnimationFrame(n),t.removeEventListener("scroll",i)}},[t]),e}function I(t,e,r){return e<=0||r<=0?0:Math.min(Math.max(t,-e),e)/e*r}var T=m(require("react"));function G(t,e){let{asChild:r,children:n}=t;if(!r)return typeof e=="function"?e(n):e;let s=T.Children.only(n);return T.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var U=m(require("classnames"));var Te=[],Ce=new Set;function Ne(t){let e=Object.assign({},...t),r=[],n=[],s=new Set;for(let i in e){let o=e[i],p=o.values??Te,l={key:i,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):Ce,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(r.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&n.push(l)}return{styling:r,passthrough:n,stylingKeys:s}}var ke={children:new WeakMap};function K(t){let e=ke;for(let r=0;r<t.length;r++){let n=t[r],s=e.children.get(n);s===void 0&&(s={children:new WeakMap},e.children.set(n,s)),e=s}return e.compiled??(e.compiled=Ne(t))}var we=["initial","xs","sm","md","lg","xl"],E=new Set(we);function A(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Ve=new Set(["initial","xs","sm","md","lg","xl"]);function S(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Ve.has(e))return!0;return!1}function C(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function q({className:t,customProperties:e,...r}){let n=z({allowArbitraryValues:!0,className:t,...r}),s=Ee({customProperties:e,...r});return[n,s]}function z({allowArbitraryValues:t,value:e,className:r,propValues:n,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return C(n,s,e)?_(r,e,i):t?r:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!A(o,l)||!E.has(l))continue;let a=o[l];if(a!==void 0){if(C(n,s,a)){let u=_(r,a,i),f=l==="initial"?u:`${l}:${u}`;p.push(f)}else if(t){let u=l==="initial"?r:`${l}:${r}`;p.push(u)}}}return p.length>0?p.join(" "):""}if(t)return r}}function _(t,e,r){let n=t?"-":"",s=r(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${n}${p}`}function Ee({customProperties:t,value:e,propValues:r,propValueSet:n,parseValue:s=i=>i}){if(!e||typeof e=="string"&&C(r,n,e))return;let i;if(typeof e=="string"){let o=s(e);i={};for(let p of t)i[p]=o;return i}if(S(e)){let o=e;for(let p in o){if(!A(o,p)||!E.has(p))continue;let l=o[p];if(l===void 0||C(r,n,l))continue;let a=s(l);i??(i={});for(let u of t){let f=p==="initial"?u:`${u}-${p}`;i[f]=a}}}return i??{}}function O(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function Ae(t,e){let r=t.initial,n=!1;return e.hasDefault&&r===void 0&&(r=e.default,n=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,n=!0),n?{...t,initial:r}:t}function Y(t,...e){let{styling:r,passthrough:n,stylingKeys:s}=K(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<n.length;l++){let a=n[l],u=i[a.key];if(u===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!S(u)&&(i[a.key]=a.default)}let o,p=[];for(let l=0;l<r.length;l++){let a=r[l],u=t[a.key];if(u===void 0&&a.hasDefault&&(u=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!S(u)&&(u=a.default),!!u){if(S(u)){if(!a.responsive)continue;u=Ae(u,a)}if(a.type==="enum"){let f=z({allowArbitraryValues:!1,value:u,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,y]=q({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:u});y&&(o=O(o,y)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return i.className=(0,U.default)(p.length>0?p.join(" "):void 0,t.className),i.style=O(o,t.style),i}var X={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var J={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var ze='[role="menu"], [role="listbox"]';function Oe(t,e){d.useEffect(()=>{if(!e||!t||t.closest(ze))return;let r=0,n=()=>{r=0;let o=V(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{r||(r=requestAnimationFrame(n))};n();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{r&&cancelAnimationFrame(r),i?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:r,children:n,className:s,style:i,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=b.radius.default,scrollbars:u=b.scrollbars.default,fade:f=b.fade.default,...y}=Y(t,X,J),[pe,ue]=d.useState(null),ce=j(f),de=F(),fe=(0,Z.useComposedRefs)(e,ce,de,ue);Oe(pe,y.tabIndex===void 0);let me=y["aria-label"]!==void 0||y["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,Q.default)("kui-ScrollAreaRoot",s),"data-fade":f?"":void 0,style:i,asChild:r},G({asChild:r,children:n},ye=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:me?"region":void 0,...y,ref:fe,className:"kui-ScrollAreaViewport"},ye),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),u!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,u!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,u==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";var g=m(require("react")),Be=require("radix-ui/internal");var ee=["initial","xs","sm","md","lg","xl"];function te(t){return typeof t=="object"&&t!==null}function Me(t,e){let r={},n=null;for(let s of ee){if(t!==void 0&&!te(t)){r[s]=t;continue}let i=te(t)?t[s]:void 0;i!==void 0&&(n={value:i}),r[s]=n?n.value:e(s)}return r}var Rt=Me("fixed",()=>"fixed");var re=g.createContext(null);var bt=g.createContext(null);var ne=m(require("react")),h=ne.createContext(void 0);var B=c.createContext(null);function k(){return c.useContext(B)}var w=c.createContext("2"),oe=c.createContext(!1);function He({children:t,presentation:e}){let r=c.useContext(w),n=c.useMemo(()=>({size:r,menuVariant:"soft",presentation:e}),[r,e]);return c.createElement(B.Provider,{value:n},t)}function M(){let t=k(),e=c.useContext(w),r=t?.size??e,n=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${r}`,`kui-menu-variant-${n}`]}var se={1:"2",2:"3",3:"4",4:"4"};function H(){let t=k(),e=c.useContext(w);return se[t?.size??e]}function We(){let t=c.useContext(h),e=c.useContext(re)!==null,r=H();return t!==void 0?t:e?r:null}var ie=c.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=M(),o=H();return c.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},c.createElement(h.Provider,{value:o},r))});ie.displayName="Shell.PaneHeader";var ae=c.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=M(),o=H();return c.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},c.createElement(h.Provider,{value:o},r))});ae.displayName="Shell.PaneFooter";var le=c.forwardRef(({className:t,style:e,dir:r,children:n,fade:s=!1,...i},o)=>{let p=M(),l=c.useContext(oe),a=k();return l&&a===null?c.createElement(N,{...i,ref:o,type:"hover",fade:s,className:"kui-ShellScroll"},c.createElement("div",{style:e,dir:r,className:(0,v.default)("kui-ShellScrollContent",t)},n)):c.createElement(N,{...i,ref:o,type:"hover",fade:s,className:"kui-ShellScroll"},c.createElement("div",{style:e,dir:r,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...p,t)},c.createElement(h.Provider,{value:null},c.createElement("div",{className:"kui-BaseMenuViewport"},n))))});le.displayName="Shell.Scroll";
 //# sourceMappingURL=pane-chrome.js.map