@womp/kookie-ui 0.22.1 → 0.24.0

package/dist/esm/chunk-Y3JYEEFB.js

@@ -1,2 +0,0 @@
-import{b as o}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";import{a as t,e as a}from"./chunk-CUNKWFKA.js";var s=["1","2","3","4","5","6","7","8","9"],r=["raised","solid","soft","surface","outline"],i=["cover","contain","fill","scale-down","none"],p={...e,size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:r,default:"raised"},...a,...o,fallback:{type:"ReactNode",required:!0},status:{type:"enum",values:t,default:void 0},badge:{type:"ReactNode",default:void 0},fit:{type:"enum",className:"kui-r-fit",values:i,default:"cover",responsive:!0}};export{p as a};
-//# sourceMappingURL=chunk-Y3JYEEFB.js.map

package/dist/esm/chunk-YK3ZUMRQ.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-KL73COYX.js";import{a as x}from"./chunk-T62PRLPN.js";import{a as B}from"./chunk-4P6TKZCA.js";import{f as y}from"./chunk-AB3QCCUM.js";import{d as R}from"./chunk-3YLYGKFB.js";import{a as m}from"./chunk-ELAW7ZUG.js";import*as o from"react";import u from"classnames";import{Toolbar as f}from"radix-ui";var v=o.createContext(null),S=o.createContext(null);function b(t){let r=o.useContext(v);if(!r)throw new Error(`${t} must be rendered inside a Toolbar.`);return r}var P=o.forwardRef((t,r)=>{let e=y(),a=R(t.size??e??void 0,p.size),s=t.orientation??p.orientation.default,{className:n,orientation:l,backdrop:i=!1,children:T,...d}=m({...t,size:a},p),c=o.useMemo(()=>({size:a,orientation:s,backdrop:i}),[a,s,i]);return o.createElement(f.Root,{...d,ref:r,orientation:s,"data-backdrop":i||void 0,className:u("kui-Toolbar",n)},o.createElement(v.Provider,{value:c},T))});P.displayName="Toolbar";var C=o.forwardRef(({className:t,disabled:r=!1,children:e,...a},s)=>{let{orientation:n}=b("ToolbarGroup"),l=o.useMemo(()=>({disabled:r}),[r]);return o.createElement("div",{role:"group","data-orientation":n,"data-disabled":r||void 0,...a,ref:s,className:u("kui-ToolbarGroup",t)},o.createElement(S.Provider,{value:l},e))});C.displayName="Toolbar.Group";function D(t){return t===!0||t==="true"}var z=o.forwardRef((t,r)=>{let e=b("ToolbarButton"),a=o.useContext(S),{iconOnly:s,size:n,variant:l,emphasis:i,color:T,disabled:d,...c}=t,h=D(t["aria-pressed"]),k="data-state"in t||t["aria-pressed"]===void 0?{}:{"data-state":h?"on":"off"},O={size:n??e.size,...i!==void 0?{emphasis:i}:{variant:l??(a?"ghost":e.backdrop?"raised":"soft")},color:T??(l||i?void 0:"gray"),...k},g={...c,...s?{iconOnly:!0}:{},...O};return o.createElement(f.Button,{asChild:!0,ref:r,disabled:d||a?.disabled||void 0},o.createElement(x,{...g}))});z.displayName="Toolbar.Button";var G=o.forwardRef(({className:t,...r},e)=>(b("ToolbarSeparator"),o.createElement(f.Separator,{...r,ref:e,className:u("kui-ToolbarSeparator",t)})));G.displayName="Toolbar.Separator";var w={1:"2",2:"3",3:"4",4:"5"},N=o.forwardRef(({className:t,children:r,style:e,id:a},s)=>{let{size:n}=b("ToolbarTitle");return r==null||r===!1?null:o.createElement(B,{ref:s,as:"span",size:w[n],weight:"medium",truncate:!0,id:a,style:e,className:u("kui-ToolbarTitle",t)},r)});N.displayName="Toolbar.Title";var A=Object.assign(P,{Root:P,Group:C,Button:z,Separator:G,Title:N});export{P as a,C as b,z as c,G as d,N as e,A as f};
-//# sourceMappingURL=chunk-YK3ZUMRQ.js.map

package/dist/esm/chunk-YK3ZUMRQ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/toolbar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Toolbar as ToolbarPrimitive } from 'radix-ui';\n\nimport { toolbarRootPropDefs } from './toolbar.props.js';\nimport { Button } from './button.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../helpers/theme-size.js';\nimport { usePaneBandSize } from './_internal/pane-chrome.js';\n\nimport type { ButtonProps } from './button.js';\nimport type { TextProps } from './text.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ButtonRankProps } from './button.js';\n\n/*\n * Toolbar takes Kookie UI v2's contract (v2: components/toolbar), built on Radix instead of\n * Base UI. A toolbar is a row of controls with ONE tab stop: `role=\"toolbar\"`, and the arrow\n * keys move focus between its controls. That keyboard is the reason it is a component.\n *\n * Its `size` reaches every control inside it that does not state its own. The row itself paints\n * nothing; a `ToolbarGroup` draws a quiet well around controls that belong together, and a\n * `ToolbarSeparator` draws a gray hairline between clusters. Use a `Flex` to cluster controls\n * without a well: the row spaces the clusters with `space-between`.\n */\n\ntype ToolbarSize = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['size']>;\ntype ToolbarOrientation = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['orientation']>;\n\ninterface ToolbarContextValue {\n  size: ToolbarSize;\n  orientation: ToolbarOrientation;\n  backdrop: boolean;\n}\n\nconst ToolbarContext = React.createContext<ToolbarContextValue | null>(null);\n\n/** Set by a `ToolbarGroup`: its children rest quiet, and `disabled` turns them all off. */\nconst ToolbarGroupContext = React.createContext<{ disabled: boolean } | null>(null);\n\nfunction useToolbarContext(consumer: string): ToolbarContextValue {\n  const context = React.useContext(ToolbarContext);\n  if (!context) {\n    throw new Error(`${consumer} must be rendered inside a Toolbar.`);\n  }\n  return context;\n}\n\n// ============================================================================\n// Toolbar (root)\n// ============================================================================\n\ntype ToolbarOwnProps = GetPropDefTypes<typeof toolbarRootPropDefs>;\n\ninterface ToolbarProps\n  extends ComponentPropsWithout<typeof ToolbarPrimitive.Root, RemovedProps | 'orientation'>,\n    ToolbarOwnProps {\n  /**\n   * Gives every control a surface of its own, for a row that content passes behind, such as\n   * `Shell.PaneHeader float`. Buttons rest `raised` instead of `soft`, and a group's well is\n   * solid and raised.\n   */\n  backdrop?: boolean;\n}\n\n/**\n * A row of controls with one keyboard tab stop. The arrow keys move focus between the controls.\n *\n * Give it an `aria-label` (or `aria-labelledby`) that says what the controls act on.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Formatting\">\n *   <ToolbarGroup>\n *     <ToolbarButton iconOnly aria-label=\"Bold\" aria-pressed={bold} onClick={toggleBold}>\n *       <HugeiconsIcon icon={TextBoldIcon} strokeWidth={1.75} />\n *     </ToolbarButton>\n *   </ToolbarGroup>\n *   <ToolbarSeparator />\n *   <ToolbarButton>Share</ToolbarButton>\n * </Toolbar>\n * ```\n */\nconst ToolbarRoot = React.forwardRef<HTMLDivElement, ToolbarProps>((props, forwardedRef) => {\n  // In a Shell pane's header or footer, a toolbar with no size rests one step above the Shell's.\n  const band = usePaneBandSize();\n  // Elsewhere it takes the nearest Theme's size.\n  const size: ToolbarSize = useThemeSize(props.size ?? band ?? undefined, toolbarRootPropDefs.size);\n  const orientation: ToolbarOrientation = props.orientation ?? toolbarRootPropDefs.orientation.default;\n  const { className, orientation: _orientation, backdrop = false, children, ...rootProps } = extractProps(\n    { ...props, size },\n    toolbarRootPropDefs,\n  );\n\n  const context = React.useMemo(() => ({ size, orientation, backdrop }), [size, orientation, backdrop]);\n\n  return (\n    <ToolbarPrimitive.Root\n      {...rootProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      data-backdrop={backdrop || undefined}\n      className={classNames('kui-Toolbar', className)}\n    >\n      <ToolbarContext.Provider value={context}>{children}</ToolbarContext.Provider>\n    </ToolbarPrimitive.Root>\n  );\n});\nToolbarRoot.displayName = 'Toolbar';\n\n// ============================================================================\n// ToolbarGroup\n// ============================================================================\n\ninterface ToolbarGroupProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /** Turns every control in the group off at once. */\n  disabled?: boolean;\n}\n\n/**\n * Controls that belong together, drawn as one quiet well that stands level with a button\n * beside it. Buttons inside it rest as `ghost` unless they state a `variant`.\n * To cluster controls without a well, use a `Flex`.\n */\nconst ToolbarGroup = React.forwardRef<HTMLDivElement, ToolbarGroupProps>(\n  ({ className, disabled = false, children, ...props }, forwardedRef) => {\n    const { orientation } = useToolbarContext('ToolbarGroup');\n    const group = React.useMemo(() => ({ disabled }), [disabled]);\n    return (\n      <div\n        role=\"group\"\n        data-orientation={orientation}\n        data-disabled={disabled || undefined}\n        {...props}\n        ref={forwardedRef}\n        className={classNames('kui-ToolbarGroup', className)}\n      >\n        <ToolbarGroupContext.Provider value={group}>{children}</ToolbarGroupContext.Provider>\n      </div>\n    );\n  },\n);\nToolbarGroup.displayName = 'Toolbar.Group';\n\n// ============================================================================\n// ToolbarButton\n// ============================================================================\n\ntype ToolbarButtonBaseProps = Omit<ButtonProps, 'as' | 'asChild' | 'variant' | 'emphasis'>;\n\n/** A labelled button: takes every `Button` prop. */\ntype ToolbarTextButtonProps = ToolbarButtonBaseProps &\n  ButtonRankProps & {\n  iconOnly?: false;\n};\n\n/** An icon-only button: renders `Button iconOnly`, and the type requires an `aria-label`. */\ntype ToolbarIconButtonProps = Omit<ToolbarButtonBaseProps, 'aria-label' | 'aria-labelledby' | 'fullWidth'> &\n  ButtonRankProps & {\n  iconOnly: true;\n  /** The control's accessible name. An icon has no words of its own, so this is required. */\n  'aria-label': string;\n};\n\ntype ToolbarButtonProps = ToolbarTextButtonProps | ToolbarIconButtonProps;\n\nfunction isPressed(value: React.AriaAttributes['aria-pressed']) {\n  return value === true || value === 'true';\n}\n\n/**\n * A `Button` that joins the toolbar's keyboard navigation, so a row of them is one tab stop.\n *\n * Set `iconOnly` (with an `aria-label`) for a symbol-only control. Set `aria-pressed` for a\n * control that toggles; a pressed button wears Button's pressed look.\n *\n * It takes the toolbar's `size`, and rests as a gray `soft` button (`raised` in a toolbar with\n * `backdrop`, gray `ghost` inside a `ToolbarGroup`). A stated `size`, `variant` or `color` wins; a stated `variant` without a\n * `color` takes Button's own default colour. It throws outside a `Toolbar`.\n */\nconst ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>((props, forwardedRef) => {\n  const toolbar = useToolbarContext('ToolbarButton');\n  const group = React.useContext(ToolbarGroupContext);\n  const { iconOnly, size, variant, emphasis, color, disabled, ...rest } = props;\n\n  const pressed = isPressed(props['aria-pressed']);\n  const stateProps =\n    'data-state' in props || props['aria-pressed'] === undefined ? {} : { 'data-state': pressed ? 'on' : 'off' };\n\n  const shared = {\n    size: size ?? toolbar.size,\n    // A caller states the look by `variant` or the rank by `emphasis`, never both.\n    ...(emphasis !== undefined ? { emphasis } : { variant: variant ?? (group ? 'ghost' : toolbar.backdrop ? 'raised' : 'soft') }),\n    // The gray rest is a pair with the default variant: a caller who states a variant or an\n    // emphasis gets Button's own colour for it unless they state a colour too.\n    color: color ?? (variant || emphasis ? undefined : 'gray'),\n    ...stateProps,\n  } as const;\n\n  // The text and icon-only branches share every prop but the name; one Button renders both.\n  const buttonProps = { ...rest, ...(iconOnly ? { iconOnly: true } : {}), ...shared } as ButtonProps;\n\n  return (\n    <ToolbarPrimitive.Button asChild ref={forwardedRef} disabled={disabled || group?.disabled || undefined}>\n      <Button {...buttonProps} />\n    </ToolbarPrimitive.Button>\n  );\n});\nToolbarButton.displayName = 'Toolbar.Button';\n\n// ============================================================================\n// ToolbarSeparator\n// ============================================================================\n\ntype ToolbarSeparatorProps = ComponentPropsWithout<typeof ToolbarPrimitive.Separator, RemovedProps | 'orientation'>;\n\n/**\n * A gray hairline between two clusters, announced as a separator. Its direction is always\n * opposite to the toolbar's.\n */\nconst ToolbarSeparator = React.forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    useToolbarContext('ToolbarSeparator');\n    return (\n      <ToolbarPrimitive.Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('kui-ToolbarSeparator', className)}\n      />\n    );\n  },\n);\nToolbarSeparator.displayName = 'Toolbar.Separator';\n\n// ============================================================================\n// ToolbarTitle\n// ============================================================================\n\n/** The title's text step: one step above the label of a button at the same size. */\nconst TITLE_SIZE = { '1': '2', '2': '3', '3': '4', '4': '5' } as const satisfies Record<ToolbarSize, TextProps['size']>;\n\ninterface ToolbarTitleProps {\n  /** The title text. With none, the title renders nothing. */\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /** The id of the title, so that the toolbar's `aria-labelledby` can point at it. */\n  id?: string;\n}\n\n/**\n * What the row is about, at its leading edge. One line: it truncates rather than wrapping.\n * Its text step follows the toolbar's `size`, and it takes more air from the controls beside it\n * than they take from each other.\n */\nconst ToolbarTitle = React.forwardRef<HTMLSpanElement, ToolbarTitleProps>(\n  ({ className, children, style, id }, forwardedRef) => {\n    const { size } = useToolbarContext('ToolbarTitle');\n    if (children === undefined || children === null || children === false) return null;\n    return (\n      <Text\n        ref={forwardedRef}\n        as=\"span\"\n        size={TITLE_SIZE[size]}\n        weight=\"medium\"\n        truncate\n        id={id}\n        style={style}\n        className={classNames('kui-ToolbarTitle', className)}\n      >\n        {children}\n      </Text>\n    );\n  },\n);\nToolbarTitle.displayName = 'Toolbar.Title';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst Toolbar = Object.assign(ToolbarRoot, {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Separator: ToolbarSeparator,\n  Title: ToolbarTitle,\n});\n\nexport {\n  Toolbar,\n  ToolbarGroup,\n  ToolbarButton,\n  ToolbarSeparator,\n  ToolbarTitle,\n  ToolbarRoot as Root,\n  ToolbarGroup as Group,\n  ToolbarButton as Button,\n  ToolbarSeparator as Separator,\n  ToolbarTitle as Title,\n};\nexport type {\n  ToolbarProps,\n  ToolbarGroupProps,\n  ToolbarButtonProps,\n  ToolbarSeparatorProps,\n  ToolbarTitleProps,\n  ToolbarProps as RootProps,\n  ToolbarGroupProps as GroupProps,\n  ToolbarButtonProps as ButtonProps,\n  ToolbarSeparatorProps as SeparatorProps,\n  ToolbarTitleProps as TitleProps,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "ToolbarPrimitive", "ToolbarContext", "ToolbarGroupContext", "useToolbarContext", "consumer", "context", "ToolbarRoot", "props", "forwardedRef", "band", "usePaneBandSize", "size", "useThemeSize", "toolbarRootPropDefs", "orientation", "className", "_orientation", "backdrop", "children", "rootProps", "extractProps", "ToolbarPrimitive", "classNames", "ToolbarGroup", "disabled", "group", "isPressed", "value", "ToolbarButton", "toolbar", "iconOnly", "variant", "emphasis", "color", "rest", "pressed", "stateProps", "shared", "buttonProps", "Button", "ToolbarSeparator", "TITLE_SIZE", "ToolbarTitle", "style", "id", "Text", "Toolbar"]
-}

package/dist/esm/chunk-YZM54IJE.js

@@ -1,2 +0,0 @@
-import{a as R}from"./chunk-MHANZINI.js";import{a as u}from"./chunk-MPTTUBFU.js";import{a as c}from"./chunk-MJJ7XDIP.js";import{c as y}from"./chunk-PPZY7PJA.js";import{a as S}from"./chunk-4P6TKZCA.js";import{a as g}from"./chunk-FNAE6HUI.js";import{e as P}from"./chunk-3YLYGKFB.js";import{a as d}from"./chunk-ELAW7ZUG.js";import{a as W}from"./chunk-OS3FCYZY.js";var B={};W(B,{Close:()=>x,Content:()=>v,Description:()=>b,Root:()=>D,Title:()=>E,Trigger:()=>T});import*as e from"react";import j from"classnames";import{Dialog as n}from"radix-ui";var D=o=>e.createElement(n.Root,{...o,modal:!0});D.displayName="Sheet.Root";var T=e.forwardRef(({children:o,...t},i)=>e.createElement(n.Trigger,{...t,ref:i,asChild:!0},c(o)));T.displayName="Sheet.Trigger";var{align:Y,...A}=g,C=A,v=e.forwardRef((o,t)=>{let{side:i="start",forceMount:s,container:N,className:M,...w}=o,k=P(w,C.size),H={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[i],{className:L,...O}=d(k,C),f=e.useRef(null),z=e.useMemo(()=>r=>{f.current=r,typeof t=="function"?t(r):t&&(t.current=r)},[t]);return R(),e.useEffect(()=>{if(typeof window>"u")return;let r=f.current;if(!r)return;let a=r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(a.length===0)return;let l=a[0],m=a[a.length-1],h=p=>{p.key==="Tab"&&(p.shiftKey?document.activeElement===l&&(p.preventDefault(),m.focus()):document.activeElement===m&&(p.preventDefault(),l.focus()))};return r.addEventListener("keydown",h),l.focus(),()=>{r.removeEventListener("keydown",h)}},[]),e.createElement(n.Portal,{container:N,forceMount:s},e.createElement(y,{asChild:!0},e.createElement(n.Overlay,{className:"kui-BaseDialogOverlay kui-DialogOverlay kui-SheetOverlay"},e.createElement(n.Content,{...O,ref:z,className:j("kui-BaseDialogContent","kui-SheetContent",M,L),"data-side":H,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});v.displayName="Sheet.Content";var E=e.forwardRef(({size:o="4",weight:t="medium",...i},s)=>e.createElement(n.Title,{asChild:!0},e.createElement(u,{ref:s,size:o,weight:t,...i})));E.displayName="Sheet.Title";var b=e.forwardRef(({size:o="2",emphasis:t="medium",...i},s)=>e.createElement(n.Description,{asChild:!0},e.createElement(S,{ref:s,size:o,emphasis:t,...i})));b.displayName="Sheet.Description";var x=e.forwardRef(({children:o,...t},i)=>e.createElement(n.Close,{...t,ref:i,asChild:!0},c(o)));x.displayName="Sheet.Close";export{D as a,T as b,v as c,E as d,b as e,x as f,B as g};
-//# sourceMappingURL=chunk-YZM54IJE.js.map

package/dist/esm/chunk-YZM54IJE.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/sheet.tsx"],
-  "sourcesContent": ["'use client';\n\n/**\n * Sheet\n *\n * A side-placed overlay built on top of Radix Dialog. It inherits accessibility,\n * focus management, overlay behavior, and sizing scales from the base dialog, and\n * adds side placement and slide motion suited for navigation panels and drawers.\n *\n * Structure mirrors Dialog:\n * - Root, Trigger, Content, Title, Description, Close\n *\n * Notes\n * - Side: set with `side` on `Sheet.Content`. Aliases: `left` \u2192 `start`, `right` \u2192 `end`.\n * - Sizing: reuses Dialog content prop defs (width/min/max/height/size). Size follows the\n *   Theme size; start/end sheets cap at the size's overlay width unless maxWidth is set.\n * - A11y: provide an accessible name via `Sheet.Title` or `aria-label` on `Sheet.Content`.\n *\n * Example\n * <Sheet.Root>\n *   <Sheet.Trigger>\n *     <Button>Open</Button>\n *   </Sheet.Trigger>\n *   <Sheet.Content side=\"end\" width={{ initial: '280px', md: '360px' }}>\n *     <Sheet.Title>Details</Sheet.Title>\n *     ...\n *     <Sheet.Close>\n *       <Button>Close</Button>\n *     </Sheet.Close>\n *   </Sheet.Content>\n * </Sheet.Root>\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './dialog.props.js';\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport { Theme } from './theme.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { useBodyPointerEventsCleanup } from '../hooks/use-body-pointer-events-cleanup.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { HeadingProps } from './heading.js';\n\n/**\n * Supported sides for the Sheet.\n * Aliases are normalized RTL-aware: `left` \u2192 `start`, `right` \u2192 `end`.\n */\ntype SheetSide = 'start' | 'end' | 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * Sheet is a side-placed overlay built on the Dialog primitive.\n * It reuses Dialog's accessibility, focus, overlay, and size scales, while adding side placement and slide motion.\n */\n\n// Root\n/**\n * Props for `Sheet.Root` (Radix Dialog root with `modal` forced on).\n */\ninterface SheetRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst Root: React.FC<SheetRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nRoot.displayName = 'Sheet.Root';\n\n// Trigger\n/** Element type for `Sheet.Trigger`. */\ntype SheetTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\n/** Props for `Sheet.Trigger` (expects a single element child). */\ninterface SheetTriggerProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst Trigger = React.forwardRef<SheetTriggerElement, SheetTriggerProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Trigger {...props} ref={ref} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Trigger>\n  ),\n);\nTrigger.displayName = 'Sheet.Trigger';\n\n// Content\n/** Element type for `Sheet.Content`. */\n// Reuse dialog content prop defs for size/width/height tokens.\n// Built once at module scope: `extractProps` memoises on the identity of the\n// prop def objects it is handed, so rebuilding these per render would recompile\n// them every time a sheet renders.\nconst {\n  align: _alignPropDef,\n  ...dialogPropDefsForSheet\n} = dialogContentPropDefs;\nconst sheetPropDefs = dialogPropDefsForSheet;\n\ntype SheetContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface SheetContentProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n    DialogContentOwnProps {\n  /** Side where the Sheet should appear. `left`/`right` alias to `start`/`end`. */\n  side?: SheetSide;\n  /** Optional DOM container to portal into. Defaults to `document.body`. */\n  container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\n\n/**\n * Renders the Sheet panel. Normalizes left/right to logical start/end and\n * forwards dialog sizing props. Provide an accessible name via `Sheet.Title`\n * or `aria-label`.\n */\nconst Content = React.forwardRef<SheetContentElement, SheetContentProps>(\n  (allProps, forwardedRef) => {\n    const {\n      side = 'start',\n      forceMount,\n      container,\n      className,\n      ...ownProps\n    } = allProps;\n    const restProps = useThemeSizeProps(ownProps, sheetPropDefs.size);\n    const normalizedSideMap: Record<SheetSide, 'start' | 'end' | 'top' | 'bottom'> = {\n      left: 'start',\n      right: 'end',\n      start: 'start',\n      end: 'end',\n      top: 'top',\n      bottom: 'bottom',\n    };\n    const normalizedSide = normalizedSideMap[side];\n    // Size/width/height class names come from the dialog defs \u2014 see `sheetPropDefs`.\n    const { className: extractedClassName, ...contentProps } = extractProps(\n      restProps,\n      sheetPropDefs,\n    );\n\n    // Dev-only a11y guard: ensure label is provided via Title or aria-label\n    if (process.env.NODE_ENV !== 'production') {\n      const children = (contentProps as any).children as React.ReactNode;\n      const hasAriaLabel = typeof (contentProps as any)['aria-label'] === 'string';\n      let hasTitle = false;\n      if (children) {\n        for (const child of React.Children.toArray(children)) {\n          if (React.isValidElement(child) && child.type === Title) {\n            hasTitle = true;\n            break;\n          }\n        }\n      }\n      if (!hasTitle && !hasAriaLabel) {\n        console.warn(\n          'Sheet.Content: Missing accessible name. Include Sheet.Title as a child or provide aria-label.',\n        );\n      }\n    }\n\n    // Focus management and stuck pointer-events cleanup like Dialog\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const combinedRef = React.useMemo(\n      () => (node: HTMLDivElement | null) => {\n        contentRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    useBodyPointerEventsCleanup();\n\n    React.useEffect(() => {\n      if (typeof window === 'undefined') return;\n      const content = contentRef.current;\n      if (!content) return;\n\n      const focusableElements = content.querySelectorAll(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n      );\n\n      if (focusableElements.length === 0) return;\n\n      const firstElement = focusableElements[0] as HTMLElement;\n      const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (document.activeElement === firstElement) {\n              event.preventDefault();\n              lastElement.focus();\n            }\n          } else if (document.activeElement === lastElement) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      };\n\n      content.addEventListener('keydown', handleKeyDown);\n      firstElement.focus();\n\n      return () => {\n        content.removeEventListener('keydown', handleKeyDown);\n      };\n    }, []);\n\n    return (\n      <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DialogPrimitive.Overlay className=\"kui-BaseDialogOverlay kui-DialogOverlay kui-SheetOverlay\">\n            <DialogPrimitive.Content\n              {...contentProps}\n              ref={combinedRef}\n              className={classNames(\n                'kui-BaseDialogContent',\n                'kui-SheetContent',\n                className,\n                extractedClassName,\n              )}\n              data-side={normalizedSide}\n              tabIndex={-1}\n              role=\"dialog\"\n              aria-modal=\"true\"\n            />\n          </DialogPrimitive.Overlay>\n        </Theme>\n      </DialogPrimitive.Portal>\n    );\n  },\n);\nContent.displayName = 'Sheet.Content';\n\n// Title - renders as Heading with sensible defaults\ntype SheetTitleElement = React.ElementRef<typeof Heading>;\ntype SheetTitleProps = HeadingProps;\n/** Accessible title for the Sheet. Renders as Heading with sensible defaults. */\nconst Title = React.forwardRef<SheetTitleElement, SheetTitleProps>(\n  ({ size = '4', weight = 'medium', ...props }, ref) => (\n    <DialogPrimitive.Title asChild>\n      <Heading ref={ref} size={size} weight={weight} {...props} />\n    </DialogPrimitive.Title>\n  ),\n);\nTitle.displayName = 'Sheet.Title';\n\n// Description - renders as Text with sensible defaults\ntype SheetDescriptionElement = React.ElementRef<typeof Text>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof Text>;\n/** Supplementary description text for Sheet content. Renders as Text with sensible defaults. */\nconst Description = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n  ({ size = '2', emphasis = 'medium', ...rest }, ref) => (\n    <DialogPrimitive.Description asChild>\n      <Text ref={ref} size={size} emphasis={emphasis} {...rest} />\n    </DialogPrimitive.Description>\n  ),\n);\nDescription.displayName = 'Sheet.Description';\n\ntype SheetCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface SheetCloseProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\n/** Close button for the Sheet. Expects a single element child rendered via `asChild`. */\nconst Close = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Close {...props} ref={ref} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Close>\n  ),\n);\nClose.displayName = 'Sheet.Close';\n\nexport { Root, Trigger, Content, Title, Description, Close };\nexport type {\n  SheetRootProps as RootProps,\n  SheetTriggerProps as TriggerProps,\n  SheetContentProps as ContentProps,\n  SheetTitleProps as TitleProps,\n  SheetDescriptionProps as DescriptionProps,\n  SheetCloseProps as CloseProps,\n};\n"],
-  "mappings": "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",
-  "names": ["sheet_exports", "__export", "Close", "Content", "Description", "Root", "Title", "Trigger", "React", "classNames", "DialogPrimitive", "Root", "props", "DialogPrimitive", "Trigger", "children", "ref", "requireReactElement", "_alignPropDef", "dialogPropDefsForSheet", "dialogContentPropDefs", "sheetPropDefs", "Content", "allProps", "forwardedRef", "side", "forceMount", "container", "className", "ownProps", "restProps", "useThemeSizeProps", "normalizedSide", "extractedClassName", "contentProps", "extractProps", "contentRef", "combinedRef", "node", "useBodyPointerEventsCleanup", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "Theme", "classNames", "Title", "size", "weight", "Heading", "Description", "emphasis", "rest", "Text", "Close"]
-}

package/dist/esm/chunk-ZJI2IK7C.js

@@ -1,2 +0,0 @@
-import{a as m}from"./chunk-Y3JYEEFB.js";import{a as f}from"./chunk-PS6NEG5A.js";import{e as v}from"./chunk-3YLYGKFB.js";import{a as u}from"./chunk-ELAW7ZUG.js";import*as a from"react";import A from"classnames";import{Avatar as c}from"radix-ui";var R=a.forwardRef((t,o)=>{let i=v(t,m.size),{asChild:r,children:e,className:n,style:p,color:s,radius:g,status:l,badge:d,...y}=u(i,m),b=r&&e!=null&&a.isValidElement(e)&&(e.props.disabled===!0||e.props["data-disabled"]===!0),h=d!==void 0||l!==void 0;return a.createElement(c.Root,{"data-accent-color":s,"data-radius":g,"data-disabled":b||void 0,"data-has-indicator":h||void 0,className:A("kui-reset","kui-AvatarRoot",n),style:p,asChild:r},f({asChild:r,children:e},a.createElement(P,{ref:o,...y})),d!==void 0?a.createElement("span",{className:"kui-AvatarBadge"},d):l!==void 0?a.createElement("span",{className:"kui-AvatarStatus","data-accent-color":l}):null)});R.displayName="Avatar";var P=a.memo(a.forwardRef(({fallback:t,onLoadingStatusChange:o,...i},r)=>{let[e,n]=a.useState("idle"),p=a.useCallback(s=>{o?.(s),n(s)},[o]);return a.createElement(a.Fragment,null,e==="idle"||e==="loading"?a.createElement("span",{className:"kui-AvatarFallback"}):null,e==="error"?a.createElement(c.Fallback,{className:A("kui-AvatarFallback",{"kui-one-letter":typeof t=="string"&&t.length===1,"kui-two-letters":typeof t=="string"&&t.length===2}),delayMs:0},t):null,a.createElement(c.Image,{ref:r,className:"kui-AvatarImage",...i,onLoadingStatusChange:p}))}));P.displayName="AvatarImpl";export{R as a};
-//# sourceMappingURL=chunk-ZJI2IK7C.js.map

package/dist/esm/chunk-ZJI2IK7C.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/avatar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface AvatarProps extends AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarImplElement, AvatarProps>((ownProps, forwardedRef) => {\n  // An unset size follows the Theme, like a control. Sizes above 4 are only explicit.\n  const props = useThemeSizeProps(ownProps, avatarPropDefs.size);\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    color,\n    radius,\n    status,\n    badge,\n    ...imageProps\n  } = extractProps(props, avatarPropDefs);\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (status !== undefined && badge !== undefined) {\n      console.warn(\n        'Avatar: Cannot use both `status` and `badge` props together. ' +\n          'The `badge` prop will be used and `status` will be ignored.'\n      );\n    }\n  }\n\n  // Cheap boolean checks \u2014 no memoization needed\n  const isDisabled =\n    asChild &&\n    children != null &&\n    React.isValidElement(children) &&\n    ((children.props as any).disabled === true ||\n      (children.props as any)['data-disabled'] === true);\n\n  const hasIndicator = badge !== undefined || status !== undefined;\n\n  return (\n    // TODO as a rule, should we rather spread the props on root?\n    <AvatarPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      data-disabled={isDisabled || undefined}\n      data-has-indicator={hasIndicator || undefined}\n      className={classNames('kui-reset', 'kui-AvatarRoot', className)}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, <AvatarImpl ref={forwardedRef} {...imageProps} />)}\n      {badge !== undefined ? (\n        <span className=\"kui-AvatarBadge\">{badge}</span>\n      ) : status !== undefined ? (\n        <span className=\"kui-AvatarStatus\" data-accent-color={status} />\n      ) : null}\n    </AvatarPrimitive.Root>\n  );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarImplElement = React.ElementRef<typeof AvatarPrimitive.Image>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps\n  extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>,\n    AvatarOwnProps {\n  // TODO: See if we can automate making prop defs with `required: true` non nullable\n  fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\nconst AvatarImpl = React.memo(\n  React.forwardRef<AvatarImplElement, AvatarImplProps>(\n    ({ fallback, onLoadingStatusChange, ...imageProps }, forwardedRef) => {\n      const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n      const handleLoadingStatusChange = React.useCallback(\n        (newStatus: 'idle' | 'loading' | 'loaded' | 'error') => {\n          onLoadingStatusChange?.(newStatus);\n          setStatus(newStatus);\n        },\n        [onLoadingStatusChange],\n      );\n\n      return (\n        <>\n          {status === 'idle' || status === 'loading' ? <span className=\"kui-AvatarFallback\" /> : null}\n\n          {status === 'error' ? (\n            <AvatarPrimitive.Fallback\n              className={classNames('kui-AvatarFallback', {\n                'kui-one-letter': typeof fallback === 'string' && fallback.length === 1,\n                'kui-two-letters': typeof fallback === 'string' && fallback.length === 2,\n              })}\n              delayMs={0}\n            >\n              {fallback}\n            </AvatarPrimitive.Fallback>\n          ) : null}\n\n          <AvatarPrimitive.Image\n            ref={forwardedRef}\n            className=\"kui-AvatarImage\"\n            {...imageProps}\n            onLoadingStatusChange={handleLoadingStatusChange}\n          />\n        </>\n      );\n    },\n  ),\n);\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n"],
-  "mappings": "gKAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAW1C,IAAMC,EAAe,aAA2C,CAACC,EAAUC,IAAiB,CAE1F,IAAMC,EAAQC,EAAkBH,EAAUI,EAAe,IAAI,EACvD,CACJ,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaZ,EAAOE,CAAc,EAYhCW,EACJV,GACAC,GAAY,MACN,iBAAeA,CAAQ,IAC3BA,EAAS,MAAc,WAAa,IACnCA,EAAS,MAAc,eAAe,IAAM,IAE3CU,EAAeJ,IAAU,QAAaD,IAAW,OAEvD,OAEE,gBAACM,EAAgB,KAAhB,CACC,oBAAmBR,EACnB,cAAaC,EACb,gBAAeK,GAAc,OAC7B,qBAAoBC,GAAgB,OACpC,UAAWE,EAAW,YAAa,iBAAkBX,CAAS,EAC9D,MAAOC,EACP,QAASH,GAERc,EAAW,CAAE,QAAAd,EAAS,SAAAC,CAAS,EAAG,gBAACc,EAAA,CAAW,IAAKnB,EAAe,GAAGY,EAAY,CAAE,EACnFD,IAAU,OACT,gBAAC,QAAK,UAAU,mBAAmBA,CAAM,EACvCD,IAAW,OACb,gBAAC,QAAK,UAAU,mBAAmB,oBAAmBA,EAAQ,EAC5D,IACN,CAEJ,CAAC,EACDZ,EAAO,YAAc,SAYrB,IAAMqB,EAAmB,OACjB,aACJ,CAAC,CAAE,SAAAC,EAAU,sBAAAC,EAAuB,GAAGT,CAAW,EAAGZ,IAAiB,CACpE,GAAM,CAACU,EAAQY,CAAS,EAAU,WAAkD,MAAM,EAEpFC,EAAkC,cACrCC,GAAuD,CACtDH,IAAwBG,CAAS,EACjCF,EAAUE,CAAS,CACrB,EACA,CAACH,CAAqB,CACxB,EAEA,OACE,gCACGX,IAAW,QAAUA,IAAW,UAAY,gBAAC,QAAK,UAAU,qBAAqB,EAAK,KAEtFA,IAAW,QACV,gBAACM,EAAgB,SAAhB,CACC,UAAWC,EAAW,qBAAsB,CAC1C,iBAAkB,OAAOG,GAAa,UAAYA,EAAS,SAAW,EACtE,kBAAmB,OAAOA,GAAa,UAAYA,EAAS,SAAW,CACzE,CAAC,EACD,QAAS,GAERA,CACH,EACE,KAEJ,gBAACJ,EAAgB,MAAhB,CACC,IAAKhB,EACL,UAAU,kBACT,GAAGY,EACJ,sBAAuBW,EACzB,CACF,CAEJ,CACF,CACF,EAEAJ,EAAW,YAAc",
-  "names": ["React", "classNames", "AvatarPrimitive", "Avatar", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "avatarPropDefs", "asChild", "children", "className", "style", "color", "radius", "status", "badge", "imageProps", "extractProps", "isDisabled", "hasIndicator", "AvatarPrimitive", "classNames", "getSubtree", "AvatarImpl", "fallback", "onLoadingStatusChange", "setStatus", "handleLoadingStatusChange", "newStatus"]
-}

package/dist/esm/chunk-ZNDCZM5A.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-X4A3XRBY.js";import{a as t}from"./chunk-ELAW7ZUG.js";import*as o from"react";import f from"classnames";import{Slot as i}from"radix-ui";var C=o.forwardRef((e,s)=>{let{asChild:d,className:m,color:r,...c}=t(e,p),n=e.variant==="ghost"?r||void 0:r,a=d?i.Root:"code";return o.createElement(a,{"data-accent-color":n,...c,ref:s,className:f("kui-reset","kui-Code",m)})});C.displayName="Code";export{C as a};
-//# sourceMappingURL=chunk-ZNDCZM5A.js.map