@womp/kookie-ui 0.23.0 → 0.24.0

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/spinner.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Flex } from './flex.js';\nimport { spinnerPropDefs } from './spinner.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SpinnerElement = React.ElementRef<'span'>;\ntype SpinnerOwnProps = GetPropDefTypes<typeof spinnerPropDefs>;\ninterface SpinnerProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    SpinnerOwnProps {}\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>((props, forwardedRef) => {\n  const { className, children, loading, ...spinnerProps } = extractProps(\n    props,\n    spinnerPropDefs\n  );\n\n  if (!loading) return children;\n\n  const spinner = (\n    <span {...spinnerProps} ref={forwardedRef} className={classNames('kui-Spinner', className)}>\n      <span className=\"kui-SpinnerWheel\">\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n      </span>\n    </span>\n  );\n\n  if (children === undefined) return spinner;\n\n  return (\n    <Flex asChild position=\"relative\" align=\"center\" justify=\"center\">\n      <span>\n        {/**\n         * `display: contents` removes the content from the accessibility tree in some browsers,\n         * so we force remove it with `aria-hidden`\n         */}\n        <span aria-hidden className=\"kui-SpinnerHiddenChildren\" inert={undefined}>\n          {children}\n        </span>\n\n        <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n          <span>{spinner}</span>\n        </Flex>\n      </span>\n    </Flex>\n  );\n});\nSpinner.displayName = 'Spinner';\n\nexport { Spinner };\nexport type { SpinnerProps };\n"],
-  "mappings": "mHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAcvB,IAAMC,EAAgB,aAAyC,CAACC,EAAOC,IAAiB,CACtF,GAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAa,EAAIC,EACxDN,EACAO,CACF,EAEA,GAAI,CAACH,EAAS,OAAOD,EAErB,IAAMK,EACJ,gBAAC,QAAM,GAAGH,EAAc,IAAKJ,EAAc,UAAWQ,EAAW,cAAeP,CAAS,GACvF,gBAAC,QAAK,UAAU,oBACd,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,CACpC,CACF,EAGF,OAAIC,IAAa,OAAkBK,EAGjC,gBAACE,EAAA,CAAK,QAAO,GAAC,SAAS,WAAW,MAAM,SAAS,QAAQ,UACvD,gBAAC,YAKC,gBAAC,QAAK,cAAW,GAAC,UAAU,4BAA4B,MAAO,QAC5DP,CACH,EAEA,gBAACO,EAAA,CAAK,QAAO,GAAC,MAAM,SAAS,QAAQ,SAAS,SAAS,WAAW,MAAM,KACtE,gBAAC,YAAMF,CAAQ,CACjB,CACF,CACF,CAEJ,CAAC,EACDT,EAAQ,YAAc",
-  "names": ["React", "classNames", "Spinner", "props", "forwardedRef", "className", "children", "loading", "spinnerProps", "extractProps", "spinnerPropDefs", "spinner", "classNames", "Flex"]
-}

package/dist/esm/chunk-V32EP3S7.js

@@ -1,2 +0,0 @@
-import*as e from"react";import{Checkbox as C,Direction as q}from"radix-ui";import{Context as N,Primitive as D,useComposedRefs as W,RovingFocus as d,useControllableState as U}from"radix-ui/internal";var{useDirection:A}=q,R="CheckboxGroup",[M,K]=N.createContextScope(R,[d.createRovingFocusGroupScope,C.createCheckboxScope]),v=d.createRovingFocusGroupScope(),f=C.createCheckboxScope(),[O,w]=M(R),G=e.forwardRef((c,n)=>{let{__scopeCheckboxGroup:o,name:i,defaultValue:r,value:t,required:p=!1,disabled:s=!1,orientation:h,dir:l,loop:b=!0,onValueChange:a,...k}=c,S=v(o),P=A(l),[E=[],u]=U({prop:t,defaultProp:r??[],onChange:a}),F=e.useCallback(x=>u((m=[])=>[...m,x]),[u]),_=e.useCallback(x=>u((m=[])=>m.filter(V=>V!==x)),[u]);return e.createElement(O,{scope:o,name:i,required:p,disabled:s,value:E,onItemCheck:F,onItemUncheck:_},e.createElement(d.Root,{asChild:!0,...S,orientation:h,dir:P,loop:b},e.createElement(D.div,{role:"group","data-disabled":s?"":void 0,dir:P,...k,ref:n})))});G.displayName=R;var I="CheckboxGroupItem",g=e.forwardRef((c,n)=>{let{__scopeCheckboxGroup:o,disabled:i,...r}=c,t=w(I,o),p=t.disabled||i,s=v(o),h=f(o),l=e.useRef(null),b=W(n,l),a=t.value?.includes(r.value);return e.createElement(d.Item,{asChild:!0,...s,focusable:!p,active:a},e.createElement(C.Root,{name:t.name,disabled:p,required:t.required,checked:a,...h,...r,ref:b,onCheckedChange:k=>{k?t.onItemCheck(c.value):t.onItemUncheck(c.value)}}))});g.displayName=I;var T="CheckboxGroupIndicator",y=e.forwardRef((c,n)=>{let{__scopeCheckboxGroup:o,...i}=c,r=f(o);return e.createElement(C.Indicator,{...r,...i,ref:n})});y.displayName=T;var X=G,j=g,z=y;export{K as a,G as b,g as c,y as d,X as e,j as f,z as g};
-//# sourceMappingURL=chunk-V32EP3S7.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/checkbox-group.primitive.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive, Direction } from 'radix-ui';\nimport {\n  Context,\n  Primitive,\n  useComposedRefs,\n  RovingFocus,\n  useControllableState,\n} from 'radix-ui/internal';\n\nconst { useDirection } = Direction;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = Context.createContextScope(\n  CHECKBOX_GROUP_NAME,\n  [RovingFocus.createRovingFocusGroupScope, CheckboxPrimitive.createCheckboxScope],\n);\nconst useRovingFocusGroupScope = RovingFocus.createRovingFocusGroupScope();\nconst useCheckboxScope = CheckboxPrimitive.createCheckboxScope();\n\ntype CheckboxGroupContextValue = {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck(value: string): void;\n  onItemUncheck(value: string): void;\n};\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocus.Root>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface CheckboxGroupProps extends PrimitiveDivProps {\n  name?: CheckboxGroupContextValue['name'];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];\n  dir?: RovingFocusGroupProps['dir'];\n  orientation?: RovingFocusGroupProps['orientation'];\n  loop?: RovingFocusGroupProps['loop'];\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue['value'];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (props: ScopedProps<CheckboxGroupProps>, forwardedRef) => {\n    const {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue ?? [],\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue],\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n      [setValue],\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <RovingFocus.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div\n            role=\"group\"\n            data-disabled={disabled ? '' : undefined}\n            dir={direction}\n            {...groupProps}\n            ref={forwardedRef}\n          />\n        </RovingFocus.Root>\n      </CheckboxGroupProvider>\n    );\n  },\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'CheckboxGroupItem';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\ninterface CheckboxGroupItemProps\n  extends Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, disabled, ...itemProps } = props;\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const ref = React.useRef<React.ElementRef<typeof CheckboxPrimitive.Root>>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const checked = context.value?.includes(itemProps.value);\n\n    return (\n      <RovingFocus.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...itemProps}\n          ref={composedRefs}\n          onCheckedChange={(checked) => {\n            if (checked) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocus.Item>\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxGroupIndicator';\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\ninterface CheckboxGroupIndicatorProps extends CheckboxIndicatorProps {}\n\nconst CheckboxGroupIndicator = React.forwardRef<\n  CheckboxGroupIndicatorElement,\n  CheckboxGroupIndicatorProps\n>((props: ScopedProps<CheckboxGroupIndicatorProps>, forwardedRef) => {\n  const { __scopeCheckboxGroup, ...indicatorProps } = props;\n  const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n  return <CheckboxPrimitive.Indicator {...checkboxScope} {...indicatorProps} ref={forwardedRef} />;\n});\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  //\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  //\n  Root,\n  Item,\n  Indicator,\n};\nexport type { CheckboxGroupProps, CheckboxGroupItemProps, CheckboxGroupIndicatorProps };\n"],
-  "mappings": "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",
-  "names": ["React", "CheckboxPrimitive", "Direction", "Context", "Primitive", "useComposedRefs", "RovingFocus", "useControllableState", "useDirection", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "createCheckboxGroupScope", "useRovingFocusGroupScope", "useCheckboxScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroup", "props", "forwardedRef", "__scopeCheckboxGroup", "name", "defaultValue", "valueProp", "required", "disabled", "orientation", "dir", "loop", "onValueChange", "groupProps", "rovingFocusGroupScope", "direction", "value", "setValue", "handleItemCheck", "itemValue", "prevValue", "handleItemUncheck", "ITEM_NAME", "CheckboxGroupItem", "itemProps", "context", "isDisabled", "checkboxScope", "ref", "composedRefs", "checked", "INDICATOR_NAME", "CheckboxGroupIndicator", "indicatorProps", "Root", "Item", "Indicator"]
-}

package/dist/esm/chunk-XKSU3NLG.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-LUNWI377.js";import{e as c}from"./chunk-3YLYGKFB.js";import{a as n}from"./chunk-ELAW7ZUG.js";import*as e from"react";import v from"classnames";var R=e.forwardRef((m,u)=>{let x=c(m,p.size),{className:f,color:y,radius:b,style:P,...r}=n(x,p),s=e.useId(),{"aria-describedby":o,"aria-labelledby":d,"aria-invalid":a}=r,i=!!r.error||a===!0||a==="true",l=e.useMemo(()=>{let t=[];return r.errorMessage&&t.push(s),o&&t.push(o),t.length>0?t.join(" "):void 0},[r.errorMessage,o,s]),A=e.useMemo(()=>({"aria-invalid":i?!0:a,"aria-describedby":l,"aria-labelledby":d}),[i,a,l,d]),{error:g,errorMessage:M,required:h,"aria-describedby":D,"aria-labelledby":N,...T}=r;return e.createElement("div",{"data-accent-color":y,"data-radius":b,className:v("kui-TextAreaRoot",f,{"kui-error":i}),style:P},e.createElement("textarea",{className:"kui-reset kui-TextAreaInput",ref:u,...T,...A}),r.errorMessage&&e.createElement("div",{id:s,className:"kui-TextAreaErrorMessage",role:"alert"},r.errorMessage))});R.displayName="TextArea";export{R as a};
-//# sourceMappingURL=chunk-XKSU3NLG.js.map

package/dist/esm/chunk-XRCMPBAY.js

@@ -1,2 +0,0 @@
-import{a as k}from"./chunk-UE3HATOA.js";import{a as T}from"./chunk-BJUCBOGU.js";import{e as x}from"./chunk-3YLYGKFB.js";import{a as E}from"./chunk-BWLCTTTN.js";import{a as N}from"./chunk-ELAW7ZUG.js";import*as e from"react";import G from"classnames";import{Slot as W}from"radix-ui";import{useComposedRefs as X,useLayoutEffect as $}from"radix-ui/internal";var q=e.forwardRef((l,p)=>{let t=x(l,E.size),{className:h,children:n,asChild:a,as:r,color:S,radius:M,disabled:u,...b}=N(t,E),d=!!t.loading,B=!!u||d,{onClick:P,"aria-describedby":C}=b,v=e.useCallback(o=>{if(B){o.preventDefault();return}P?.(o)},[B,P]),w=e.useMemo(()=>{let o=a&&e.isValidElement(n)?n.props.children:n,c=m=>e.Children.toArray(m).flatMap(f=>e.isValidElement(f)&&f.type===e.Fragment?c(f.props.children):[f]),i=c(o),s=m=>e.isValidElement(m)&&m.type==="svg";return{iconStart:s(i[0]),iconEnd:s(i[i.length-1])}},[a,n]),[O,L]=e.useState(null),g=e.useRef(null),I=X(p,g);$(()=>{let o=g.current;if(!o||d)return;let c=D(o,"start"),i=D(o,"end");L(s=>s&&s.iconStart===c&&s.iconEnd===i?s:{iconStart:c,iconEnd:i})});let{iconStart:j,iconEnd:H}=O??w,A=a?W.Root:r||"button",R=a||!r||["button","input","textarea","select"].includes(r),F=!a&&(!r||r==="button"),V="type"in b,_=e.useId(),y=d?`${_}-loading`:void 0,z=e.useMemo(()=>d?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[C,y].filter(Boolean).join(" ")}:u&&(!R||a)?{"aria-disabled":!0}:{},[d,y,C,u,R,a]);return e.createElement(A,{"data-accent-color":S,"data-radius":M,"data-icon-start":j||void 0,"data-icon-end":H||void 0,...b,...z,"data-disabled":B||void 0,onClick:v,ref:I,className:G("kui-reset","kui-BaseButton",h),...R&&{disabled:u},...F&&!V?{type:"button"}:{}},t.loading?e.createElement(e.Fragment,null,e.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":!0},n),e.createElement("span",{className:"kui-sr-only"},e.createElement("span",{id:y,"aria-hidden":!0},"Loading"),n),e.createElement(T,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,e.createElement(k,{"aria-hidden":"true"})))):n)});q.displayName="BaseButton";function D(l,p){let t=p==="start"?l.firstChild:l.lastChild;for(;t&&(t.nodeType===Node.COMMENT_NODE||t.nodeType===Node.TEXT_NODE&&!t.textContent?.trim());)t=p==="start"?t.nextSibling:t.previousSibling;return t?.nodeType===Node.ELEMENT_NODE&&t.localName==="svg"}export{q as a};
-//# sourceMappingURL=chunk-XRCMPBAY.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/_internal/base-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { extractProps } from '../../helpers/extract-props.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\ntype BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n/**\n * Polymorphic BaseButton props that support rendering as different HTML elements\n * Uses the proper ComponentPropsWithout pattern for type safety\n * @template C - The element type to render as (defaults to 'button')\n */\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & BaseButtonOwnProps &\n  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | 'as'>;\n\n/**\n * BaseButton props interface that combines all available props\n */\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\n/**\n * BaseButton component that provides the core button functionality\n *\n * This is the foundational button component that handles all the complex logic\n * including loading states, accessibility, performance optimizations, and\n * polymorphic rendering. It's used by Button and Toggle to ensure consistent behavior across the design system.\n *\n * Key features:\n * - Loading state with spinner and accessibility announcements\n * - Comprehensive accessibility support\n * - Polymorphic rendering support\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BaseButton>Click me</BaseButton>\n *\n * // With loading state\n * <BaseButton loading>Processing...</BaseButton>\n *\n * // Polymorphic rendering\n * <BaseButton as=\"a\" href=\"/link\">Link Button</BaseButton>\n * ```\n */\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, baseButtonPropDefs.size);\n\n  // Extract button-specific props from the combined props object\n  const {\n    className,\n    children,\n    asChild,\n    as,\n    color,\n    radius,\n    disabled: nativeDisabled,\n    ...baseButtonProps\n  } = extractProps(props, baseButtonPropDefs);\n\n  // Loading blocks activation but keeps the native `disabled` off, so the button keeps focus\n  // and its place in the tab order (aria-disabled carries the state). An explicit `disabled`\n  // stays native on form controls; on anything else (a link, an asChild child) the `disabled`\n  // attribute does nothing, so aria-disabled carries the state and the click is stopped here.\n  const loading = Boolean(props.loading);\n  const disabled = Boolean(nativeDisabled) || loading;\n  const { onClick, 'aria-describedby': ariaDescribedByProp } = baseButtonProps as {\n    onClick?: React.MouseEventHandler<HTMLElement>;\n    'aria-describedby'?: string;\n  };\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.preventDefault();\n        return;\n      }\n      onClick?.(event);\n    },\n    [disabled, onClick],\n  );\n\n  // Which edges start or end with an icon. A bare edge pads wider under a full radius; an edge\n  // holding an icon keeps the plain padding (the icon already stands between text and curve).\n  // Only an svg is an icon. Rendering reads the children for an svg element at either end, so\n  // the server output is right for inline svgs; after mount the rendered DOM settles it, which\n  // also catches icon components (they render an svg) and rules out wrapped text (`<Text>`,\n  // `<Kbd>`, `<Trans>`), whose first node is not an svg.\n  const childEdges = React.useMemo(() => {\n    const content =\n      asChild && React.isValidElement(children) ? (children.props as { children?: React.ReactNode }).children : children;\n    // Fragments are see-through: their own first and last children are the edges.\n    const flatten = (nodes: React.ReactNode): React.ReactNode[] =>\n      React.Children.toArray(nodes).flatMap((node) =>\n        React.isValidElement(node) && node.type === React.Fragment\n          ? flatten((node.props as { children?: React.ReactNode }).children)\n          : [node],\n      );\n    const items = flatten(content);\n    const isIcon = (node: React.ReactNode) => React.isValidElement(node) && node.type === 'svg';\n    return { iconStart: isIcon(items[0]), iconEnd: isIcon(items[items.length - 1]) };\n  }, [asChild, children]);\n  const [domEdges, setDomEdges] = React.useState<{ iconStart: boolean; iconEnd: boolean } | null>(null);\n  const elementRef = React.useRef<HTMLElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, elementRef as React.Ref<BaseButtonElement>);\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    // While loading the label sits in a wrapper; keep the edges read before it.\n    if (!element || loading) return;\n    const iconStart = edgeIsSvg(element, 'start');\n    const iconEnd = edgeIsSvg(element, 'end');\n    setDomEdges((prev) => (prev && prev.iconStart === iconStart && prev.iconEnd === iconEnd ? prev : { iconStart, iconEnd }));\n  });\n  const { iconStart, iconEnd } = domEdges ?? childEdges;\n\n  // asChild takes precedence over as prop for Radix Slot integration\n  // When asChild is true, we use Slot.Root to merge props onto the child element\n  // When asChild is false, we render as the specified element (or button by default)\n  const Comp = asChild ? Slot.Root : (as || 'button');\n\n  // Only pass disabled for elements that support it\n  // This prevents invalid HTML attributes on unsupported elements\n  const shouldPassDisabled = asChild || !as || ['button', 'input', 'textarea', 'select'].includes(as);\n\n  // Determine if we are rendering a real <button> element so we can set a safe\n  // default type. Native <button> defaults to type=\"submit\" which can cause\n  // accidental form submissions. We default to type=\"button\" unless the user\n  // explicitly provided a type or we're using asChild (unknown underlying node).\n  const isNativeButtonElement = !asChild && (!as || as === 'button');\n  const hasExplicitTypeAttribute = 'type' in (baseButtonProps as Record<string, unknown>);\n\n  // Generate unique ID for loading announcements\n  const loadingId = React.useId();\n  const describedById = loading ? `${loadingId}-loading` : undefined;\n\n  // Loading keeps the caller's name (aria-label, aria-labelledby or the label text) and adds\n  // aria-busy plus a description, as v2 does. A disabled element with no native `disabled`\n  // announces itself through aria-disabled.\n  const accessibilityProps = React.useMemo(() => {\n    if (loading) {\n      return {\n        'aria-busy': true,\n        'aria-disabled': true,\n        'aria-describedby': [ariaDescribedByProp, describedById].filter(Boolean).join(' '),\n      };\n    }\n    if (nativeDisabled && (!shouldPassDisabled || asChild)) {\n      return { 'aria-disabled': true };\n    }\n    return {};\n  }, [loading, describedById, ariaDescribedByProp, nativeDisabled, shouldPassDisabled, asChild]);\n\n  return (\n    <Comp\n      data-accent-color={color}\n      data-radius={radius}\n      data-icon-start={iconStart || undefined}\n      data-icon-end={iconEnd || undefined}\n      {...baseButtonProps}\n      {...accessibilityProps}\n      // After the spread: `data-disabled` styles `<Button asChild disabled>`, and a wrapping\n      // Radix Toggle (asChild) passes `data-disabled={undefined}` that must not erase it.\n      data-disabled={disabled || undefined}\n      onClick={handleClick}\n      ref={composedRef}\n      className={classNames('kui-reset', 'kui-BaseButton', className)}\n      {...(shouldPassDisabled && { disabled: nativeDisabled })}\n      {...(isNativeButtonElement && !hasExplicitTypeAttribute ? { type: 'button' } : {})}\n    >\n      {props.loading ? (\n        <>\n          {/**\n           * We need a wrapper to set `visibility: hidden` to hide the button content whilst we show the `Spinner`.\n           * The button is a flex container with a `gap`, so we use `display: contents` to ensure the correct flex layout.\n           *\n           * However, `display: contents` removes the content from the accessibility tree in some browsers,\n           * so we force remove it with `aria-hidden` and re-add it in the tree with a `kui-sr-only` copy.\n           * Both are classes, not style attributes, so a loading button carries no inline style.\n           */}\n          <span className=\"kui-BaseButtonContent\" aria-hidden>\n            {children}\n          </span>\n\n          {/* The label stays the name; the hidden \"Loading\" only describes (aria-describedby reads hidden text). */}\n          <span className=\"kui-sr-only\">\n            <span id={describedById} aria-hidden>\n              Loading\n            </span>\n            {children}\n          </span>\n\n          {/* Centered spinner overlay during loading state */}\n          <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n            <span>\n              <Spinner aria-hidden=\"true\" />\n            </span>\n          </Flex>\n        </>\n      ) : (\n        children\n      )}\n    </Comp>\n  );\n});\nBaseButton.displayName = 'BaseButton';\n\n/** Whether the first or last rendered node of `element` (blank text and comments skipped) is an svg. */\nfunction edgeIsSvg(element: Element, edge: 'start' | 'end'): boolean {\n  let node = edge === 'start' ? element.firstChild : element.lastChild;\n  while (node) {\n    const blank =\n      node.nodeType === Node.COMMENT_NODE || (node.nodeType === Node.TEXT_NODE && !node.textContent?.trim());\n    if (!blank) break;\n    node = edge === 'start' ? node.nextSibling : node.previousSibling;\n  }\n  return node?.nodeType === Node.ELEMENT_NODE && (node as Element).localName === 'svg';\n}\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Slot", "useComposedRefs", "useLayoutEffect", "BaseButton", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "baseButtonPropDefs", "className", "children", "asChild", "as", "color", "radius", "nativeDisabled", "baseButtonProps", "extractProps", "loading", "disabled", "onClick", "ariaDescribedByProp", "handleClick", "event", "childEdges", "content", "flatten", "nodes", "node", "items", "isIcon", "domEdges", "setDomEdges", "elementRef", "composedRef", "useComposedRefs", "useLayoutEffect", "element", "iconStart", "edgeIsSvg", "iconEnd", "prev", "Comp", "Slot", "shouldPassDisabled", "isNativeButtonElement", "hasExplicitTypeAttribute", "loadingId", "describedById", "accessibilityProps", "classNames", "Flex", "Spinner", "edge"]
-}

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-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-ZEX2DECM.js

@@ -1,2 +0,0 @@
-import{a as m}from"./chunk-QGCXTULQ.js";import{a as u}from"./chunk-5BWLY27A.js";import{a as y}from"./chunk-OS3FCYZY.js";var k={};y(k,{Button:()=>g,Content:()=>S,Item:()=>P,Root:()=>d,Viewport:()=>f,useMessageScroller:()=>B,useMessageScrollerScrollable:()=>h,useMessageScrollerVisibility:()=>w});import*as e from"react";import c from"classnames";import{MessageScroller as a,useMessageScroller as B,useMessageScrollerScrollable as h,useMessageScrollerVisibility as w}from"@shadcn/react/message-scroller";import{useComposedRefs as C}from"radix-ui/internal";var d=e.forwardRef(({autoScroll:o=!0,defaultScrollPosition:r="end",scrollEdgeThreshold:t,scrollMargin:s,className:i,children:n,...l},p)=>e.createElement(a.Provider,{autoScroll:o,defaultScrollPosition:r,...t!=null?{scrollEdgeThreshold:t}:{},...s!=null?{scrollMargin:s}:{}},e.createElement(a.Root,{...l,ref:p,className:c("kui-MessageScrollerRoot",i)},n)));d.displayName="MessageScroller.Root";var f=e.forwardRef(({className:o,"aria-label":r,fade:t=!0,...s},i)=>{let n=u(t),l=C(i,n);return e.createElement(a.Viewport,{"aria-label":r??"",...s,ref:l,"data-fade":t?"":void 0,className:c("kui-MessageScrollerViewport",o)})});f.displayName="MessageScroller.Viewport";var S=e.forwardRef(({className:o,...r},t)=>e.createElement(a.Content,{...r,ref:t,className:c("kui-MessageScrollerContent",o)}));S.displayName="MessageScroller.Content";var P=e.forwardRef(({className:o,...r},t)=>e.createElement(a.Item,{...r,ref:t,className:c("kui-MessageScrollerItem",o)}));P.displayName="MessageScroller.Item";var g=e.forwardRef(({direction:o="end",behavior:r,className:t,children:s,size:i,variant:n="surface",emphasis:l,color:p="gray",radius:M="full","aria-label":R,...b},v)=>e.createElement(a.Button,{direction:o,...r?{behavior:r}:{},render:e.createElement(m,{iconOnly:!0,...b,ref:v,size:i,...l?{emphasis:l}:{variant:n},color:p,radius:M,"aria-label":R??(o==="end"?"Jump to the latest":"Jump to the first"),className:c("kui-MessageScrollerButton",t),"data-direction":o},s??e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none","aria-hidden":!0,style:o==="start"?{transform:"rotate(180deg)"}:void 0},e.createElement("path",{d:"M7.5 2.5v10M3.5 8.5l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))}));g.displayName="MessageScroller.Button";export{B as a,h as b,w as c,d,f as e,S as f,P as g,g as h,k as i};
-//# sourceMappingURL=chunk-ZEX2DECM.js.map

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