@womp/kookie-ui 0.34.2 → 0.35.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +5 -3
- package/dist/cjs/helpers/index.d.ts +0 -1
- package/dist/cjs/helpers/index.d.ts.map +1 -1
- package/dist/cjs/helpers/index.js +3 -3
- package/dist/cjs/helpers/index.js.map +4 -4
- package/dist/cjs/hooks/index.d.ts +0 -2
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +3 -11
- package/dist/cjs/hooks/index.js.map +4 -4
- package/dist/cjs/index.js +3 -11
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/props/index.d.ts +0 -1
- package/dist/cjs/props/index.d.ts.map +1 -1
- package/dist/cjs/props/index.js +1 -1
- package/dist/cjs/props/index.js.map +4 -4
- package/dist/esm/chunk-VRWZLGR7.js +2 -0
- package/dist/esm/helpers/index.d.ts +0 -1
- package/dist/esm/helpers/index.d.ts.map +1 -1
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/helpers/index.js.map +2 -2
- package/dist/esm/hooks/index.d.ts +0 -2
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.d.ts +0 -1
- package/dist/esm/props/index.d.ts.map +1 -1
- package/dist/esm/props/index.js +1 -1
- package/package.json +1 -1
- package/src/components/_internal/base-checkbox.css +0 -2
- package/src/components/_internal/base-sidebar-menu.css +0 -3
- package/src/components/_internal/base-sidebar.css +0 -2
- package/src/components/_internal/base-tab-list.css +0 -1
- package/src/components/accordion.css +0 -1
- package/src/components/chatbar.css +0 -2
- package/src/components/notice.css +1 -1
- package/src/components/segmented-control.css +0 -3
- package/src/components/sidebar.css +2 -7
- package/src/components/text-area.css +0 -1
- package/src/components/virtual-menu.css +0 -1
- package/src/helpers/index.ts +0 -1
- package/src/hooks/index.ts +0 -2
- package/src/props/index.ts +0 -1
- package/styles.css +5 -3
- package/dist/cjs/helpers/map-prop-values.d.ts +0 -4
- package/dist/cjs/helpers/map-prop-values.d.ts.map +0 -1
- package/dist/cjs/helpers/map-prop-values.js +0 -2
- package/dist/cjs/helpers/map-prop-values.js.map +0 -7
- package/dist/cjs/hooks/use-live-announcer.d.ts +0 -6
- package/dist/cjs/hooks/use-live-announcer.d.ts.map +0 -1
- package/dist/cjs/hooks/use-live-announcer.js +0 -11
- package/dist/cjs/hooks/use-live-announcer.js.map +0 -7
- package/dist/cjs/hooks/use-toggle-state.d.ts +0 -37
- package/dist/cjs/hooks/use-toggle-state.d.ts.map +0 -1
- package/dist/cjs/hooks/use-toggle-state.js +0 -11
- package/dist/cjs/hooks/use-toggle-state.js.map +0 -7
- package/dist/cjs/props/shadow.props.d.ts +0 -24
- package/dist/cjs/props/shadow.props.d.ts.map +0 -1
- package/dist/cjs/props/shadow.props.js +0 -2
- package/dist/cjs/props/shadow.props.js.map +0 -7
- package/dist/esm/chunk-677CX2QF.js +0 -2
- package/dist/esm/chunk-677CX2QF.js.map +0 -7
- package/dist/esm/chunk-AYKOOEZR.js +0 -2
- package/dist/esm/chunk-RIHTVZVJ.js +0 -3
- package/dist/esm/chunk-RIHTVZVJ.js.map +0 -7
- package/dist/esm/chunk-WTP2KIK3.js +0 -11
- package/dist/esm/chunk-WTP2KIK3.js.map +0 -7
- package/dist/esm/chunk-WYLIU3Q6.js +0 -2
- package/dist/esm/chunk-WYLIU3Q6.js.map +0 -7
- package/dist/esm/helpers/map-prop-values.d.ts +0 -4
- package/dist/esm/helpers/map-prop-values.d.ts.map +0 -1
- package/dist/esm/helpers/map-prop-values.js +0 -2
- package/dist/esm/helpers/map-prop-values.js.map +0 -7
- package/dist/esm/hooks/use-live-announcer.d.ts +0 -6
- package/dist/esm/hooks/use-live-announcer.d.ts.map +0 -1
- package/dist/esm/hooks/use-live-announcer.js +0 -3
- package/dist/esm/hooks/use-live-announcer.js.map +0 -7
- package/dist/esm/hooks/use-toggle-state.d.ts +0 -37
- package/dist/esm/hooks/use-toggle-state.d.ts.map +0 -1
- package/dist/esm/hooks/use-toggle-state.js +0 -3
- package/dist/esm/hooks/use-toggle-state.js.map +0 -7
- package/dist/esm/props/shadow.props.d.ts +0 -24
- package/dist/esm/props/shadow.props.d.ts.map +0 -1
- package/dist/esm/props/shadow.props.js +0 -2
- package/dist/esm/props/shadow.props.js.map +0 -7
- package/src/helpers/map-prop-values.ts +0 -16
- package/src/hooks/use-live-announcer.ts +0 -79
- package/src/hooks/use-toggle-state.ts +0 -72
- package/src/props/shadow.props.ts +0 -30
- /package/dist/esm/{chunk-AYKOOEZR.js.map → chunk-VRWZLGR7.js.map} +0 -0
|
@@ -9,7 +9,6 @@ export * from './get-subtree.js';
|
|
|
9
9
|
export * from './has-own-property.js';
|
|
10
10
|
export * from './input-attributes.js';
|
|
11
11
|
export * from './is-responsive-object.js';
|
|
12
|
-
export * from './map-prop-values.js';
|
|
13
12
|
export * from './merge-styles.js';
|
|
14
13
|
export * from './normalize-to-px.js';
|
|
15
14
|
export * from './require-react-element.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import"../chunk-RJNCH62T.js";import{a}from"../chunk-2LYX5S7H.js";import{a as b}from"../chunk-MJJ7XDIP.js";import{a as c,b as d}from"../chunk-6AUIIXXE.js";import{a as o}from"../chunk-5GXFBLBJ.js";import{a as f}from"../chunk-ELAW7ZUG.js";import{a as h,b as i,c as s,d as z,e as S,f as T,g as u}from"../chunk-FQ3QJOYE.js";import{a as n}from"../chunk-P6UX6FFY.js";import"../chunk-YLDV2HKZ.js";import{a as x}from"../chunk-E23RKOQJ.js";import{a as C}from"../chunk-F22ZRNWL.js";import{a as m,b as t,c as p}from"../chunk-PBFSBHBS.js";import"../chunk-WRWNN2NW.js";import{a as e}from"../chunk-RZCX6IBE.js";import{a as P}from"../chunk-PS6NEG5A.js";import{a as r}from"../chunk-QM3RCK5P.js";import"../chunk-AX5S56DS.js";import"../chunk-ODWCNOWX.js";import{ThemeSizeContext as K,useThemeSize as L,useThemeSizeProps as M}from"../hooks/theme-size.js";export{i as FONT_ROLE_VARIABLES,s as FONT_STACKS,h as FONT_STACK_VARIABLES,c as THEME_SIZE_DEFAULT,K as ThemeSizeContext,z as applyFontConfig,d as clampSize,o as extractMarginProps,f as extractProps,S as generateFontCSS,u as getCurrentFontConfig,n as getMarginStyles,C as getMatchingGrayColor,t as getResponsiveClassNames,p as getResponsiveCustomProperties,m as getResponsiveStyles,P as getSubtree,r as hasOwnProperty,e as isResponsiveObject,x as mergeStyles,a as normalizeToPx,b as requireReactElement,T as resetFonts,L as useThemeSize,M as useThemeSizeProps};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/index.ts"],
|
|
4
|
-
"sourcesContent": ["export * from './component-props.js';\nexport * from './extract-margin-props.js';\nexport * from './extract-props.js';\nexport * from './font-config.js';\nexport * from './get-margin-styles.js';\nexport * from './get-matching-gray-color.js';\nexport * from './get-responsive-styles.js';\nexport * from './get-subtree.js';\nexport * from './has-own-property.js';\nexport * from './input-attributes.js';\nexport * from './is-responsive-object.js';\nexport * from './
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["export * from './component-props.js';\nexport * from './extract-margin-props.js';\nexport * from './extract-props.js';\nexport * from './font-config.js';\nexport * from './get-margin-styles.js';\nexport * from './get-matching-gray-color.js';\nexport * from './get-responsive-styles.js';\nexport * from './get-subtree.js';\nexport * from './has-own-property.js';\nexport * from './input-attributes.js';\nexport * from './is-responsive-object.js';\nexport * from './merge-styles.js';\nexport * from './normalize-to-px.js';\nexport * from './require-react-element.js';\nexport * from './theme-size.js';\n// The context and its hooks are client code. The server-safe build keeps this import external, so\n// `/helpers` shares the one context the components read and stays loadable from a server component.\nexport { ThemeSizeContext, useThemeSize, useThemeSizeProps } from '../hooks/theme-size.js';\n"],
|
|
5
|
+
"mappings": "guBAiBA,OAAS,oBAAAA,EAAkB,gBAAAC,EAAc,qBAAAC,MAAyB",
|
|
6
6
|
"names": ["ThemeSizeContext", "useThemeSize", "useThemeSizeProps"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
export { useLiveAnnouncer } from './use-live-announcer.js';
|
|
2
1
|
export { useBodyPointerEventsCleanup } from './use-body-pointer-events-cleanup.js';
|
|
3
2
|
export { useTooltipWrapper } from './use-tooltip-wrapper.js';
|
|
4
|
-
export { useToggleState } from './use-toggle-state.js';
|
|
5
3
|
export { useAppearance, setAppearance } from './use-appearance.js';
|
|
6
4
|
export { appearanceScript, APPEARANCE_STORAGE_KEY } from './appearance-script.js';
|
|
7
5
|
export type { AppearanceChoice, ResolvedAppearance } from './use-appearance.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAClF,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import"../chunk-
|
|
2
|
+
import"../chunk-VRWZLGR7.js";import{a as c,b as d,c as e,d as f}from"../chunk-3LIF53YY.js";import{a as b}from"../chunk-Y2DBXOLT.js";import{a}from"../chunk-7VJF6EXN.js";import"../chunk-VQPANPMI.js";export{c as APPEARANCE_STORAGE_KEY,d as appearanceScript,e as setAppearance,f as useAppearance,a as useBodyPointerEventsCleanup,b as useTooltipWrapper};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import"./chunk-
|
|
2
|
+
import"./chunk-VRWZLGR7.js";import{a as Mo,b as No,c as Oo,d as Po}from"./chunk-3LIF53YY.js";import"./chunk-SHKPQ3RI.js";import{a as jo}from"./chunk-FYZXC7AL.js";import{a as Ho}from"./chunk-FTNZWAPB.js";import{a as ao}from"./chunk-VYF6KKYM.js";import{a as bo}from"./chunk-VBF3XALY.js";import{h as co}from"./chunk-MPLBIPJ6.js";import{e as go}from"./chunk-QBONJMSE.js";import{a as ho}from"./chunk-D42VCLKH.js";import{d as io}from"./chunk-YLGIP3A5.js";import{h as to}from"./chunk-OGVKMDO7.js";import{g as Ko}from"./chunk-J7MIXG6M.js";import{h as Jo}from"./chunk-BJVXB3PN.js";import"./chunk-TS4QCDSI.js";import"./chunk-B447PNRD.js";import{l as Io}from"./chunk-X4PWBFOT.js";import{a as xo}from"./chunk-COLJWVN7.js";import{a as mo}from"./chunk-L66IUPDW.js";import{c as po}from"./chunk-S6SEWECR.js";import{a as Ao,b as Bo,c as Co,d as Do,e as Eo,f as Fo,g as Go}from"./chunk-I5TPDYJO.js";import{a as ko,c as lo,d as no,e as qo,f as so,g as uo,h as vo,i as wo,j as yo}from"./chunk-C6VGCYFQ.js";import{a as zo}from"./chunk-65URNXF2.js";import{a as oo}from"./chunk-AXODGYRY.js";import{a as ro}from"./chunk-LFAUMDU5.js";import{c as eo}from"./chunk-26O4RBOJ.js";import{a as fo}from"./chunk-OPYTQ34H.js";import{a as Z}from"./chunk-AKSAKP35.js";import{a as _}from"./chunk-3H33S3UA.js";import{i as Lo}from"./chunk-Y5ITMKC6.js";import{e as $}from"./chunk-4X64QOAR.js";import{a as I}from"./chunk-NYIYRILR.js";import{l as K}from"./chunk-XFMAA4MD.js";import{g as J}from"./chunk-TUZ665BA.js";import{b as L,c as M,d as N,e as O,f as P,g as Q,h as R,i as S,j as T,k as U}from"./chunk-GZPB6MRQ.js";import{n as V}from"./chunk-TRJAVWCK.js";import{g as W}from"./chunk-CAM66IXC.js";import{o as X}from"./chunk-KBSH6CBD.js";import"./chunk-2ACVWLFA.js";import{a as Y}from"./chunk-Q5SANVIW.js";import{a as u}from"./chunk-XD3C3GVF.js";import{a as A}from"./chunk-X7DGYRAY.js";import{m as E}from"./chunk-R4DMVTM3.js";import{b as B,c as C}from"./chunk-TANYRHGP.js";import{a as D}from"./chunk-WUCBFB25.js";import{a as z}from"./chunk-YLPCYCYA.js";import{a as y}from"./chunk-Y2DBXOLT.js";import{c as F}from"./chunk-3M5ZM67R.js";import"./chunk-2VSRZ4IT.js";import{a as G}from"./chunk-HVMRB3AH.js";import"./chunk-4KIZRO52.js";import{a as H}from"./chunk-JFJV4HL3.js";import{a as v,b as w}from"./chunk-NJ7RQYLX.js";import"./chunk-2WFN4D52.js";import{a as h}from"./chunk-B6YGNB3V.js";import{f as i}from"./chunk-OMPLFDS6.js";import{h as n}from"./chunk-NZJRXZYX.js";import"./chunk-FATCGZZE.js";import{a as j}from"./chunk-OBSZOD5M.js";import{a as l}from"./chunk-7VJF6EXN.js";import"./chunk-TGRHRMQI.js";import{a as k}from"./chunk-FICBVI4M.js";import"./chunk-BQC2P3SN.js";import{a as q}from"./chunk-5APRBJRR.js";import{a as s}from"./chunk-IFHBMTFX.js";import"./chunk-UJ7JERJ5.js";import"./chunk-HGF4CKRY.js";import{a as c,b as d,c as g}from"./chunk-FVRVBB6O.js";import"./chunk-GHUAUFG7.js";import"./chunk-M26LLCQC.js";import"./chunk-HQT32HQ6.js";import"./chunk-XUCR7L4G.js";import"./chunk-4OJRLS5N.js";import"./chunk-KGCGT4MJ.js";import"./chunk-4TTRPCGG.js";import"./chunk-MXEOE4LA.js";import"./chunk-SGKLJDA3.js";import{a as f}from"./chunk-BUXK5VGR.js";import{a as e}from"./chunk-KVVRFWGQ.js";import"./chunk-YCLPURTD.js";import"./chunk-CR65RYGM.js";import"./chunk-7N2Q5WOM.js";import"./chunk-OAJ5DARR.js";import{b as o,c as r}from"./chunk-5KMEUZWN.js";import{a as m,b as p,c as t,d as x}from"./chunk-GKDGNPBD.js";import"./chunk-5ON3XLRD.js";import"./chunk-HBWBPBSA.js";import"./chunk-5JYSYTHA.js";import"./chunk-ISCZ57VL.js";import"./chunk-EB4AG3OL.js";import{a}from"./chunk-QPRUTOLI.js";import"./chunk-G66WDIIV.js";import"./chunk-4KBKS3ZE.js";import"./chunk-VWRPVM5K.js";import"./chunk-PMXIQ5B4.js";import{a as b}from"./chunk-DFQIIYLD.js";import"./chunk-KOAWATCI.js";import"./chunk-5KJIPH2N.js";import"./chunk-YOSLXJI5.js";import"./chunk-QEDKL23P.js";import"./chunk-5BXCPANF.js";import"./chunk-LPLW7OWA.js";import"./chunk-L54FWKJE.js";import"./chunk-XU74PNM2.js";import"./chunk-MAA6LEE2.js";import"./chunk-OKQAVYW4.js";import"./chunk-CLJ6SEGP.js";import"./chunk-ANQLWGFN.js";import"./chunk-VQPANPMI.js";export{Mo as APPEARANCE_STORAGE_KEY,h as AccessibleIcon,i as Accordion,n as AlertDialog,q as Avatar,s as Blockquote,u as Box,z as Button,A as Card,E as Chatbar,G as Checkbox,F as CheckboxGroup,t as ChevronDownIcon,H as Chip,I as Code,K as Combobox,L as Command,S as CommandCollection,N as CommandContent,U as CommandEmpty,Q as CommandGroup,R as CommandGroupLabel,O as CommandInput,T as CommandItem,P as CommandList,M as CommandTrigger,C as Confirmation,V as ContextMenu,W as Dialog,X as DropdownMenu,e as Flex,Y as Grid,j as Heading,Z as Image,a as Kbd,_ as Link,Lo as MessageScroller,$ as Navbar,Ao as Navigator,Do as NavigatorBack,Go as NavigatorLink,Bo as NavigatorOutlet,Fo as NavigatorScreen,Eo as NavigatorTitle,B as Notice,zo as Page,J as Popover,oo as Portal,ro as Progress,fo as Radio,eo as RadioGroup,mo as Reset,b as ScrollArea,po as SegmentedControl,to as Select,xo as Separator,Ko as Sheet,Jo as Shell,Io as Sidebar,ao as Slider,o as Slot,r as Slottable,f as Spinner,bo as Switch,co as Table,go as Tabs,k as Text,ho as TextArea,io as TextField,g as Theme,c as ThemeContext,p as ThickCheckIcon,x as ThickChevronRightIcon,m as ThickDividerHorizontalIcon,jo as Toggle,yo as Toolbar,no as ToolbarButton,uo as ToolbarFill,lo as ToolbarGroup,qo as ToolbarOverflow,vo as ToolbarSeparator,so as ToolbarSlot,wo as ToolbarTitle,w as Tooltip,v as TooltipProvider,Ho as VirtualMenu,D as VisuallyHidden,No as appearanceScript,Oo as setAppearance,Po as useAppearance,l as useBodyPointerEventsCleanup,Co as useNavigator,d as useThemeContext,ko as useToolbarOverflow,y as useTooltipWrapper};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -10,7 +10,6 @@ export * from './leading-trim.prop.js';
|
|
|
10
10
|
export * from './margin.props.js';
|
|
11
11
|
export * from './padding.props.js';
|
|
12
12
|
export * from './radius.prop.js';
|
|
13
|
-
export * from './shadow.props.js';
|
|
14
13
|
export * from './text-align.prop.js';
|
|
15
14
|
export * from './text-wrap.prop.js';
|
|
16
15
|
export * from './truncate.prop.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/props/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC"}
|
package/dist/esm/props/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as Do}from"../chunk-JQVW4WNN.js";import{a as Co}from"../chunk-YLDV2HKZ.js";import{a as Ao,b as Bo}from"../chunk-WRWNN2NW.js";import{a as no}from"../chunk-LUNWI377.js";import{a as qo,b as so,c as uo}from"../chunk-EXF5SF27.js";import{a as vo}from"../chunk-YHQTFDGN.js";import{a as wo}from"../chunk-FH6RT6XH.js";import{a as yo}from"../chunk-BJA75XKG.js";import{a as zo}from"../chunk-H3IAGAEL.js";import{a as fo}from"../chunk-A252TSYI.js";import{a as mo,b as po,c as to}from"../chunk-HCBR74BW.js";import{a as xo}from"../chunk-NR5FQCMU.js";import{a as ao}from"../chunk-3W34KH33.js";import{a as bo}from"../chunk-HIEGLLY7.js";import{a as co}from"../chunk-5XA2N2WR.js";import{a as ho,b as io,c as jo}from"../chunk-XDVTHL3S.js";import{a as go}from"../chunk-P7VSZYG3.js";import{a as ko,b as lo}from"../chunk-TZTUPQYK.js";import{a as Y}from"../chunk-RAVZ7F5L.js";import{a as Z}from"../chunk-VKUAP54W.js";import{a as _}from"../chunk-7ZOGH5NT.js";import{a as $}from"../chunk-VW46DG7H.js";import{a as oo}from"../chunk-SKOYHBIE.js";import{a as ro}from"../chunk-KVOWI6SN.js";import"../chunk-STPMPY3X.js";import{a as eo}from"../chunk-UONSKZQT.js";import{a as N,b as O,c as P}from"../chunk-25FNCKUM.js";import"../chunk-OA7C34MJ.js";import"../chunk-WOR3JCLX.js";import{a as R}from"../chunk-UMYPLUG3.js";import{a as S}from"../chunk-DFLWZOQO.js";import{a as Q}from"../chunk-FJLYSZV3.js";import{a as W}from"../chunk-HSWMHW37.js";import{a as U}from"../chunk-WTCZAUFY.js";import{a as V}from"../chunk-VCV7RACK.js";import{a as T}from"../chunk-KEWNXANF.js";import{a as X}from"../chunk-EZYXYLR2.js";import{a as H}from"../chunk-CT543Q2V.js";import{a as I}from"../chunk-BIITGC3Z.js";import"../chunk-6DWDNKLS.js";import{a as J}from"../chunk-OSSNMF5U.js";import{a as K}from"../chunk-4E5XBM5Q.js";import"../chunk-UICSVJ3B.js";import{a as L}from"../chunk-UUXZ4W6H.js";import{a as M}from"../chunk-PEMFIU3B.js";import{a as C,b as D}from"../chunk-VS2ZWRGO.js";import{a as E}from"../chunk-SBRPXQWH.js";import{a as F}from"../chunk-SJXV4BWZ.js";import{a as G}from"../chunk-N6KH2EOU.js";import{a}from"../chunk-OEPVYHSS.js";import{a as b}from"../chunk-AKXBXLCP.js";import{a as c,b as d,c as g,d as h,e as i,f as j}from"../chunk-AJWCSQIE.js";import{a as k}from"../chunk-BF4WRYUX.js";import{a as l}from"../chunk-ETQNRMHU.js";import{a as n,b as q,c as s,d as u,e as v}from"../chunk-I77CYEBT.js";import{a as A}from"../chunk-DFGY2NZB.js";import{a as z}from"../chunk-FNAE6HUI.js";import{a as y}from"../chunk-NUVUXNHF.js";import{a as w}from"../chunk-EKTVL6SS.js";import{a as B}from"../chunk-NNE3KNH4.js";import{a as t,b as x}from"../chunk-KRJTW535.js";import{a as r,b as e,c as f,d as m,e as p}from"../chunk-CUNKWFKA.js";import{a as o}from"../chunk-NZJGC6ZW.js";export{m as accentColorPropDef,r as accentColors,v as accordionContentPropDefs,s as accordionHeaderPropDefs,q as accordionItemPropDefs,n as accordionRootPropDefs,u as accordionTriggerPropDefs,A as alertDialogContentPropDefs,o as asChildPropDef,B as avatarPropDefs,H as blockquotePropDefs,I as boxPropDefs,Bo as breakpointSet,Ao as breakpoints,a as buttonPropDefs,J as cardPropDefs,K as checkboxGroupRootPropDefs,b as checkboxPropDefs,L as chipPropDefs,M as codePropDefs,f as colorPropDef,P as comboboxContentPropDefs,N as comboboxRootPropDefs,O as comboboxTriggerPropDefs,i as contextMenuCheckboxItemPropDefs,g as contextMenuContentPropDefs,h as contextMenuItemPropDefs,j as contextMenuRadioItemPropDefs,g as contextMenuSubContentPropDefs,z as dialogContentPropDefs,i as dropdownMenuCheckboxItemPropDefs,d as dropdownMenuContentPropDefs,h as dropdownMenuItemPropDefs,j as dropdownMenuRadioItemPropDefs,g as dropdownMenuSubContentPropDefs,C as emphases,D as emphasisPropDef,R as flexPropDefs,V as fontFamilyPropDef,Q as gapPropDefs,p as grayAccentColorPropDef,e as grayColors,S as gridPropDefs,W as headingPropDefs,y as heightPropDefs,X as imagePropDefs,Y as kbdPropDefs,Do as layoutPropDefs,T as leadingTrimPropDef,Z as linkPropDefs,Co as marginPropDefs,_ as navbarRootPropDefs,go as paddingPropDefs,$ as popoverContentPropDefs,oo as progressPropDefs,t as radii,ro as radioGroupRootPropDefs,k as radioPropDefs,x as radiusPropDef,eo as scrollAreaPropDefs,fo as segmentedControlRootPropDefs,to as selectContentPropDefs,mo as selectRootPropDefs,po as selectTriggerPropDefs,xo as separatorPropDefs,ao as sliderPropDefs,bo as spinnerPropDefs,c as submenuBehaviors,co as switchPropDefs,jo as tableCellPropDefs,ho as tableRootPropDefs,io as tableRowPropDefs,lo as tabsContentPropDefs,l as tabsListPropDefs,ko as tabsRootPropDefs,U as textAlignPropDef,no as textAreaPropDefs,so as textFieldGroupPropDefs,qo as textFieldRootPropDefs,uo as textFieldSlotPropDefs,vo as textPropDefs,E as textWrapPropDef,wo as themePropDefs,yo as toolbarRootPropDefs,zo as tooltipPropDefs,F as truncatePropDef,G as weightPropDef,w as widthPropDefs};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -47,7 +47,6 @@
|
|
|
47
47
|
text-align: start;
|
|
48
48
|
/* No default border radius - inherited from size-specific rules */
|
|
49
49
|
|
|
50
|
-
/* Step 3: restrict to paint-only transitions to avoid Chrome compositing nudge */
|
|
51
50
|
|
|
52
51
|
/* Fix sticky text highlighting after selection in Firefox */
|
|
53
52
|
user-select: none;
|
|
@@ -96,7 +95,6 @@
|
|
|
96
95
|
}
|
|
97
96
|
}
|
|
98
97
|
|
|
99
|
-
/* Reduced motion support */
|
|
100
98
|
}
|
|
101
99
|
|
|
102
100
|
/* Sidebar Menu Sub Components - Radix Accordion */
|
|
@@ -120,7 +118,6 @@
|
|
|
120
118
|
overflow: visible;
|
|
121
119
|
}
|
|
122
120
|
|
|
123
|
-
/* Radix Accordion animation support */
|
|
124
121
|
}
|
|
125
122
|
|
|
126
123
|
.kui-SidebarMenuSubList {
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
- No visual variants here; only structure and slot-level primitives
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
/* Removed Sidebar Provider (unused) */
|
|
8
7
|
|
|
9
8
|
/* Sidebar Root Container */
|
|
10
9
|
/* Sidebar Container */
|
|
@@ -79,4 +78,3 @@
|
|
|
79
78
|
margin: var(--space-3) 0;
|
|
80
79
|
}
|
|
81
80
|
|
|
82
|
-
/* Removed mobile hide rule; Shell handles overlay vs inline */
|
|
@@ -68,7 +68,6 @@
|
|
|
68
68
|
min-width: 0;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
/* Send button - extend button transition with opacity for visibility fade */
|
|
72
71
|
|
|
73
72
|
/* Hidden send button stays invisible even when disabled styling applies */
|
|
74
73
|
.kui-ChatbarSend[aria-hidden='true'] {
|
|
@@ -502,7 +501,6 @@
|
|
|
502
501
|
gap: var(--space-3);
|
|
503
502
|
}
|
|
504
503
|
|
|
505
|
-
/* Reduced motion */
|
|
506
504
|
|
|
507
505
|
/* Inline slot positioning */
|
|
508
506
|
.kui-ChatbarInlineStart,
|
|
@@ -101,7 +101,6 @@
|
|
|
101
101
|
/* Staggered effect like tabs */
|
|
102
102
|
:where(.kui-SegmentedControlItem[data-state='on']) & {
|
|
103
103
|
opacity: 0;
|
|
104
|
-
/* Immediate transition for state change */
|
|
105
104
|
}
|
|
106
105
|
}
|
|
107
106
|
|
|
@@ -114,7 +113,6 @@
|
|
|
114
113
|
/* Immediate transition for active state like tabs */
|
|
115
114
|
:where(.kui-SegmentedControlItem[data-state='on']) & {
|
|
116
115
|
opacity: 1;
|
|
117
|
-
/* Immediate transition for active state */
|
|
118
116
|
}
|
|
119
117
|
}
|
|
120
118
|
|
|
@@ -154,7 +152,6 @@
|
|
|
154
152
|
:where(.kui-SegmentedControlItem:where([data-state='on'], :focus-visible)) + * & {
|
|
155
153
|
opacity: 0;
|
|
156
154
|
}
|
|
157
|
-
/* Don't transition when the separator is hidden because of the focus outline */
|
|
158
155
|
}
|
|
159
156
|
|
|
160
157
|
:where(.kui-theme) {
|
|
@@ -392,14 +392,13 @@
|
|
|
392
392
|
background: none;
|
|
393
393
|
border: none;
|
|
394
394
|
width: 100%;
|
|
395
|
-
text-align:
|
|
395
|
+
text-align: start;
|
|
396
396
|
cursor: var(--cursor-menu-item);
|
|
397
397
|
user-select: none;
|
|
398
398
|
|
|
399
399
|
/* Header/Footer-specific styling */
|
|
400
400
|
justify-content: flex-start;
|
|
401
401
|
|
|
402
|
-
/* Transitions */
|
|
403
402
|
|
|
404
403
|
/* Focus state */
|
|
405
404
|
&:where(:focus-visible) {
|
|
@@ -407,7 +406,6 @@
|
|
|
407
406
|
outline-offset: 2px;
|
|
408
407
|
}
|
|
409
408
|
|
|
410
|
-
/* Reduced motion support */
|
|
411
409
|
}
|
|
412
410
|
|
|
413
411
|
/***************************************************************************************************
|
|
@@ -419,7 +417,7 @@
|
|
|
419
417
|
/* A sub-trigger's chevron sits at the row's end; its size comes from the size ladder below */
|
|
420
418
|
.kui-SidebarMenuSubTriggerIcon {
|
|
421
419
|
flex-shrink: 0;
|
|
422
|
-
margin-
|
|
420
|
+
margin-inline-start: auto;
|
|
423
421
|
}
|
|
424
422
|
|
|
425
423
|
@breakpoints {
|
|
@@ -539,14 +537,12 @@
|
|
|
539
537
|
.kui-SidebarHeader:where(.kui-menu-variant-soft),
|
|
540
538
|
.kui-SidebarContent:where(.kui-menu-variant-soft),
|
|
541
539
|
.kui-SidebarFooter:where(.kui-menu-variant-soft) {
|
|
542
|
-
/* Sub-trigger transitions - match base menu */
|
|
543
540
|
|
|
544
541
|
/* Sub-trigger open state - match base menu */
|
|
545
542
|
& :where(.kui-SidebarMenuSubTrigger[data-state='open']) {
|
|
546
543
|
background-color: var(--accent-3);
|
|
547
544
|
}
|
|
548
545
|
|
|
549
|
-
/* Menu item transitions - match base menu */
|
|
550
546
|
|
|
551
547
|
/* Hover/highlighted state for soft variant - EXACT match to base menu */
|
|
552
548
|
& :where(.kui-SidebarMenuButton:where([data-highlighted]):not([data-disabled])) {
|
|
@@ -671,7 +667,6 @@
|
|
|
671
667
|
}
|
|
672
668
|
}
|
|
673
669
|
|
|
674
|
-
/* Removed old icon-only collapsed mode rules in favor of Shell rail mode */
|
|
675
670
|
|
|
676
671
|
/* ===== Sidebar Search ===== */
|
|
677
672
|
|
package/src/helpers/index.ts
CHANGED
|
@@ -9,7 +9,6 @@ export * from './get-subtree.js';
|
|
|
9
9
|
export * from './has-own-property.js';
|
|
10
10
|
export * from './input-attributes.js';
|
|
11
11
|
export * from './is-responsive-object.js';
|
|
12
|
-
export * from './map-prop-values.js';
|
|
13
12
|
export * from './merge-styles.js';
|
|
14
13
|
export * from './normalize-to-px.js';
|
|
15
14
|
export * from './require-react-element.js';
|
package/src/hooks/index.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
export { useLiveAnnouncer } from './use-live-announcer.js';
|
|
2
1
|
export { useBodyPointerEventsCleanup } from './use-body-pointer-events-cleanup.js';
|
|
3
2
|
export { useTooltipWrapper } from './use-tooltip-wrapper.js';
|
|
4
|
-
export { useToggleState } from './use-toggle-state.js';
|
|
5
3
|
export { useAppearance, setAppearance } from './use-appearance.js';
|
|
6
4
|
export { appearanceScript, APPEARANCE_STORAGE_KEY } from './appearance-script.js';
|
|
7
5
|
export type { AppearanceChoice, ResolvedAppearance } from './use-appearance.js';
|
package/src/props/index.ts
CHANGED
|
@@ -13,7 +13,6 @@ export * from './leading-trim.prop.js';
|
|
|
13
13
|
export * from './margin.props.js';
|
|
14
14
|
export * from './padding.props.js';
|
|
15
15
|
export * from './radius.prop.js';
|
|
16
|
-
export * from './shadow.props.js';
|
|
17
16
|
export * from './text-align.prop.js';
|
|
18
17
|
export * from './text-wrap.prop.js';
|
|
19
18
|
export * from './truncate.prop.js';
|
package/styles.css
CHANGED
|
@@ -16284,7 +16284,7 @@
|
|
|
16284
16284
|
background: none;
|
|
16285
16285
|
border: none;
|
|
16286
16286
|
width: 100%;
|
|
16287
|
-
text-align:
|
|
16287
|
+
text-align: start;
|
|
16288
16288
|
cursor: var(--cursor-menu-item);
|
|
16289
16289
|
-webkit-user-select: none;
|
|
16290
16290
|
-moz-user-select: none;
|
|
@@ -16301,7 +16301,8 @@
|
|
|
16301
16301
|
.kui-SidebarMenuSubTriggerIcon {
|
|
16302
16302
|
-ms-flex-negative: 0;
|
|
16303
16303
|
flex-shrink: 0;
|
|
16304
|
-
margin-
|
|
16304
|
+
-webkit-margin-start: auto;
|
|
16305
|
+
margin-inline-start: auto;
|
|
16305
16306
|
}
|
|
16306
16307
|
.kui-SidebarHeader:where(.kui-r-size-1),
|
|
16307
16308
|
.kui-SidebarFooter:where(.kui-r-size-1) {
|
|
@@ -21949,7 +21950,8 @@
|
|
|
21949
21950
|
flex-wrap: wrap;
|
|
21950
21951
|
}
|
|
21951
21952
|
.kui-NoticeRoot:where([data-kind='confirmation']) :where(.kui-NoticeActions) {
|
|
21952
|
-
margin-
|
|
21953
|
+
-webkit-margin-start: auto;
|
|
21954
|
+
margin-inline-start: auto;
|
|
21953
21955
|
}
|
|
21954
21956
|
.kui-NoticeRoot:where(.kui-r-size-1) {
|
|
21955
21957
|
--notice-padding: var(--surface-p-1);
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { Responsive } from '../props/prop-def.js';
|
|
2
|
-
declare function mapResponsiveProp<Input extends string, Output>(propValue: Responsive<Input> | undefined, mapValue: (value: Input) => Output): Responsive<Output> | undefined;
|
|
3
|
-
export { mapResponsiveProp };
|
|
4
|
-
//# sourceMappingURL=map-prop-values.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"map-prop-values.d.ts","sourceRoot":"","sources":["../../../src/helpers/map-prop-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,iBAAS,iBAAiB,CAAC,KAAK,SAAS,MAAM,EAAE,MAAM,EACrD,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,EACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,GACjC,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,CAQhC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var p=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var d=(e,n)=>{for(var t in n)p(e,t,{get:n[t],enumerable:!0})},o=(e,n,t,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of u(n))!f.call(e,i)&&i!==t&&p(e,i,{get:()=>n[i],enumerable:!(s=r(n,i))||s.enumerable});return e};var v=e=>o(p({},"__esModule",{value:!0}),e);var m={};d(m,{mapResponsiveProp:()=>O});module.exports=v(m);function O(e,n){if(e!==void 0)return typeof e=="string"?n(e):Object.fromEntries(Object.entries(e).map(([t,s])=>[t,n(s)]))}
|
|
2
|
-
//# sourceMappingURL=map-prop-values.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/map-prop-values.ts"],
|
|
4
|
-
"sourcesContent": ["import type { Responsive } from '../props/prop-def.js';\n\nfunction mapResponsiveProp<Input extends string, Output>(\n propValue: Responsive<Input> | undefined,\n mapValue: (value: Input) => Output\n): Responsive<Output> | undefined {\n if (propValue === undefined) return undefined;\n if (typeof propValue === 'string') {\n return mapValue(propValue);\n }\n return Object.fromEntries(\n Object.entries(propValue).map(([key, value]) => [key, mapValue(value)])\n );\n}\n\nexport { mapResponsiveProp };\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAEA,SAASE,EACPE,EACAC,EACgC,CAChC,GAAID,IAAc,OAClB,OAAI,OAAOA,GAAc,SAChBC,EAASD,CAAS,EAEpB,OAAO,YACZ,OAAO,QAAQA,CAAS,EAAE,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,CAACD,EAAKD,EAASE,CAAK,CAAC,CAAC,CACxE,CACF",
|
|
6
|
-
"names": ["map_prop_values_exports", "__export", "mapResponsiveProp", "__toCommonJS", "propValue", "mapValue", "key", "value"]
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-live-announcer.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-live-announcer.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,gBAAgB,cA+Ce,MAAM,UAmBpD"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";var l=Object.create;var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var p=(e,n)=>{for(var t in n)r(e,t,{get:n[t],enumerable:!0})},a=(e,n,t,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of s(n))!m.call(e,u)&&u!==t&&r(e,u,{get:()=>n[u],enumerable:!(i=d(n,u))||i.enumerable});return e};var v=(e,n,t)=>(t=e!=null?l(f(e)):{},a(n||!e||!e.__esModule?r(t,"default",{value:e,enumerable:!0}):t,e)),R=e=>a(r({},"__esModule",{value:!0}),e);var x={};p(x,{useLiveAnnouncer:()=>g});module.exports=R(x);var o=v(require("react")),c=0;function g(){let e=o.useRef(void 0);return o.useEffect(()=>{let t=document.getElementById("kui-live-announcer");return t||(t=document.createElement("div"),t.id="kui-live-announcer",t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),t.style.cssText=`
|
|
3
|
-
position: absolute;
|
|
4
|
-
left: -10000px;
|
|
5
|
-
width: 1px;
|
|
6
|
-
height: 1px;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
clip: rect(0, 0, 0, 0);
|
|
9
|
-
white-space: nowrap;
|
|
10
|
-
`,document.body.appendChild(t)),c++,()=>{if(c--,e.current&&clearTimeout(e.current),c===0){let i=document.getElementById("kui-live-announcer");i&&i.remove()}}},[]),o.useCallback(t=>{let i=document.getElementById("kui-live-announcer");i&&(e.current&&clearTimeout(e.current),i.textContent="",e.current=setTimeout(()=>{i.textContent=t},100))},[])}
|
|
11
|
-
//# sourceMappingURL=use-live-announcer.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/use-live-announcer.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\n\n/**\n * Reference counter to track how many components are using the live region.\n * Only remove the live region when no components are using it.\n */\nlet liveRegionRefCount = 0;\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n // Track the timeout so we can clean it up on unmount\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n // Create aria-live region if it doesn't exist\n React.useEffect(() => {\n let liveRegion = document.getElementById('kui-live-announcer');\n\n if (!liveRegion) {\n liveRegion = document.createElement('div');\n liveRegion.id = 'kui-live-announcer';\n liveRegion.setAttribute('aria-live', 'polite');\n liveRegion.setAttribute('aria-atomic', 'true');\n liveRegion.style.cssText = `\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n `;\n document.body.appendChild(liveRegion);\n }\n\n // Increment ref count when component mounts\n liveRegionRefCount++;\n\n return () => {\n // Decrement ref count when component unmounts\n liveRegionRefCount--;\n\n // Clean up timeout on unmount\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n // Only remove the live region if no components are using it\n if (liveRegionRefCount === 0) {\n const region = document.getElementById('kui-live-announcer');\n if (region) {\n region.remove();\n }\n }\n };\n }, []);\n\n const announce = React.useCallback((message: string) => {\n const liveRegion = document.getElementById('kui-live-announcer');\n if (liveRegion) {\n // Clear any pending timeout\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n // Clear previous announcements\n liveRegion.textContent = '';\n\n // Add new announcement with a small delay to ensure it's announced\n timeoutRef.current = setTimeout(() => {\n liveRegion.textContent = message;\n }, 100);\n }\n }, []);\n\n return announce;\n}\n"],
|
|
5
|
-
"mappings": ";0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAMnBC,EAAqB,EAMlB,SAASH,GAAmB,CAEjC,IAAMI,EAAmB,SAAkD,MAAS,EAGpF,OAAM,YAAU,IAAM,CACpB,IAAIC,EAAa,SAAS,eAAe,oBAAoB,EAE7D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,qBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAItCF,IAEO,IAAM,CAUX,GARAA,IAGIC,EAAW,SACb,aAAaA,EAAW,OAAO,EAI7BD,IAAuB,EAAG,CAC5B,IAAMG,EAAS,SAAS,eAAe,oBAAoB,EACvDA,GACFA,EAAO,OAAO,CAElB,CACF,CACF,EAAG,CAAC,CAAC,EAEkB,cAAaC,GAAoB,CACtD,IAAMF,EAAa,SAAS,eAAe,oBAAoB,EAC3DA,IAEED,EAAW,SACb,aAAaA,EAAW,OAAO,EAIjCC,EAAW,YAAc,GAGzBD,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,YAAcE,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP",
|
|
6
|
-
"names": ["use_live_announcer_exports", "__export", "useLiveAnnouncer", "__toCommonJS", "React", "liveRegionRefCount", "timeoutRef", "liveRegion", "region", "message"]
|
|
7
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Options for the useToggleState hook
|
|
3
|
-
*/
|
|
4
|
-
interface UseToggleStateOptions {
|
|
5
|
-
/** Controlled pressed state */
|
|
6
|
-
pressed?: boolean;
|
|
7
|
-
/** Callback when pressed state changes */
|
|
8
|
-
onPressedChange?: (pressed: boolean) => void;
|
|
9
|
-
/** Function to get the accessible name for announcements */
|
|
10
|
-
getAccessibleName: () => string;
|
|
11
|
-
/** Component name for warning messages */
|
|
12
|
-
componentName: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Hook for shared toggle button state management.
|
|
16
|
-
* Provides accessibility announcements and controlled/uncontrolled warnings.
|
|
17
|
-
*
|
|
18
|
-
* @param options - Configuration options for the toggle state
|
|
19
|
-
* @returns Object containing the handlePressedChange callback
|
|
20
|
-
*
|
|
21
|
-
* @example
|
|
22
|
-
* ```tsx
|
|
23
|
-
* const getAccessibleName = React.useCallback(() => 'Toggle button', []);
|
|
24
|
-
*
|
|
25
|
-
* const { handlePressedChange } = useToggleState({
|
|
26
|
-
* pressed,
|
|
27
|
-
* onPressedChange,
|
|
28
|
-
* getAccessibleName,
|
|
29
|
-
* componentName: 'Toggle',
|
|
30
|
-
* });
|
|
31
|
-
* ```
|
|
32
|
-
*/
|
|
33
|
-
export declare function useToggleState({ pressed, onPressedChange, getAccessibleName, componentName }: UseToggleStateOptions): {
|
|
34
|
-
handlePressedChange: (newPressed: boolean) => void;
|
|
35
|
-
};
|
|
36
|
-
export {};
|
|
37
|
-
//# sourceMappingURL=use-toggle-state.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-toggle-state.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toggle-state.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,UAAU,qBAAqB;IAC7B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4DAA4D;IAC5D,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAAE,qBAAqB;sCAWnG,OAAO;EAwBvB"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";var g=Object.create;var a=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var w=(e,n)=>{for(var t in n)a(e,t,{get:n[t],enumerable:!0})},l=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of R(n))!b.call(e,r)&&r!==t&&a(e,r,{get:()=>n[r],enumerable:!(o=v(n,r))||o.enumerable});return e};var d=(e,n,t)=>(t=e!=null?g(h(e)):{},l(n||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),y=e=>l(a({},"__esModule",{value:!0}),e);var C={};w(C,{useToggleState:()=>T});module.exports=y(C);var u=d(require("react"));var i=d(require("react")),s=0;function f(){let e=i.useRef(void 0);return i.useEffect(()=>{let t=document.getElementById("kui-live-announcer");return t||(t=document.createElement("div"),t.id="kui-live-announcer",t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),t.style.cssText=`
|
|
3
|
-
position: absolute;
|
|
4
|
-
left: -10000px;
|
|
5
|
-
width: 1px;
|
|
6
|
-
height: 1px;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
clip: rect(0, 0, 0, 0);
|
|
9
|
-
white-space: nowrap;
|
|
10
|
-
`,document.body.appendChild(t)),s++,()=>{if(s--,e.current&&clearTimeout(e.current),s===0){let o=document.getElementById("kui-live-announcer");o&&o.remove()}}},[]),i.useCallback(t=>{let o=document.getElementById("kui-live-announcer");o&&(e.current&&clearTimeout(e.current),o.textContent="",e.current=setTimeout(()=>{o.textContent=t},100))},[])}function T({pressed:e,onPressedChange:n,getAccessibleName:t,componentName:o}){let r=f(),x=u.useRef(!1),p=u.useCallback(c=>{let m=t();r(`${m} ${c?"pressed":"unpressed"}`),n?.(c)},[r,n,t]);return u.useEffect(()=>{},[e,n,o]),{handlePressedChange:p}}
|
|
11
|
-
//# sourceMappingURL=use-toggle-state.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/use-toggle-state.ts", "../../../src/hooks/use-live-announcer.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport { useLiveAnnouncer } from './use-live-announcer.js';\n\n/**\n * Options for the useToggleState hook\n */\ninterface UseToggleStateOptions {\n /** Controlled pressed state */\n pressed?: boolean;\n /** Callback when pressed state changes */\n onPressedChange?: (pressed: boolean) => void;\n /** Function to get the accessible name for announcements */\n getAccessibleName: () => string;\n /** Component name for warning messages */\n componentName: string;\n}\n\n/**\n * Hook for shared toggle button state management.\n * Provides accessibility announcements and controlled/uncontrolled warnings.\n *\n * @param options - Configuration options for the toggle state\n * @returns Object containing the handlePressedChange callback\n *\n * @example\n * ```tsx\n * const getAccessibleName = React.useCallback(() => 'Toggle button', []);\n *\n * const { handlePressedChange } = useToggleState({\n * pressed,\n * onPressedChange,\n * getAccessibleName,\n * componentName: 'Toggle',\n * });\n * ```\n */\nexport function useToggleState({ pressed, onPressedChange, getAccessibleName, componentName }: UseToggleStateOptions) {\n const announce = useLiveAnnouncer();\n\n // Track if we've already warned about controlled without handler\n const warnedRef = React.useRef(false);\n\n /**\n * Memoized handler for state changes with accessibility announcements.\n * Announces the new state immediately for screen readers.\n */\n const handlePressedChange = React.useCallback(\n (newPressed: boolean) => {\n const accessibleName = getAccessibleName();\n // Announce the state change for screen readers\n announce(`${accessibleName} ${newPressed ? 'pressed' : 'unpressed'}`);\n // Call the user's change handler\n onPressedChange?.(newPressed);\n },\n [announce, onPressedChange, getAccessibleName],\n );\n\n // Development-only warning for controlled/uncontrolled pattern\n // Only warns once to avoid console spam\n React.useEffect(() => {\n if (process.env.NODE_ENV === 'development' && pressed !== undefined && onPressedChange === undefined && !warnedRef.current) {\n warnedRef.current = true;\n console.warn(\n `${componentName}: You provided a \\`pressed\\` prop without an \\`onPressedChange\\` handler. ` +\n 'This will result in a read-only toggle button. If you want the button to be interactive, ' +\n 'you should provide an `onPressedChange` handler.',\n );\n }\n }, [pressed, onPressedChange, componentName]);\n\n return { handlePressedChange };\n}\n", "import * as React from 'react';\n\n/**\n * Reference counter to track how many components are using the live region.\n * Only remove the live region when no components are using it.\n */\nlet liveRegionRefCount = 0;\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n // Track the timeout so we can clean it up on unmount\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n // Create aria-live region if it doesn't exist\n React.useEffect(() => {\n let liveRegion = document.getElementById('kui-live-announcer');\n\n if (!liveRegion) {\n liveRegion = document.createElement('div');\n liveRegion.id = 'kui-live-announcer';\n liveRegion.setAttribute('aria-live', 'polite');\n liveRegion.setAttribute('aria-atomic', 'true');\n liveRegion.style.cssText = `\n position: absolute;\n left: -10000px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n `;\n document.body.appendChild(liveRegion);\n }\n\n // Increment ref count when component mounts\n liveRegionRefCount++;\n\n return () => {\n // Decrement ref count when component unmounts\n liveRegionRefCount--;\n\n // Clean up timeout on unmount\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n // Only remove the live region if no components are using it\n if (liveRegionRefCount === 0) {\n const region = document.getElementById('kui-live-announcer');\n if (region) {\n region.remove();\n }\n }\n };\n }, []);\n\n const announce = React.useCallback((message: string) => {\n const liveRegion = document.getElementById('kui-live-announcer');\n if (liveRegion) {\n // Clear any pending timeout\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n // Clear previous announcements\n liveRegion.textContent = '';\n\n // Add new announcement with a small delay to ensure it's announced\n timeoutRef.current = setTimeout(() => {\n liveRegion.textContent = message;\n }, 100);\n }\n }, []);\n\n return announce;\n}\n"],
|
|
5
|
-
"mappings": ";0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBCAvB,IAAAC,EAAuB,oBAMnBC,EAAqB,EAMlB,SAASC,GAAmB,CAEjC,IAAMC,EAAmB,SAAkD,MAAS,EAGpF,OAAM,YAAU,IAAM,CACpB,IAAIC,EAAa,SAAS,eAAe,oBAAoB,EAE7D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,qBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAItCH,IAEO,IAAM,CAUX,GARAA,IAGIE,EAAW,SACb,aAAaA,EAAW,OAAO,EAI7BF,IAAuB,EAAG,CAC5B,IAAMI,EAAS,SAAS,eAAe,oBAAoB,EACvDA,GACFA,EAAO,OAAO,CAElB,CACF,CACF,EAAG,CAAC,CAAC,EAEkB,cAAaC,GAAoB,CACtD,IAAMF,EAAa,SAAS,eAAe,oBAAoB,EAC3DA,IAEED,EAAW,SACb,aAAaA,EAAW,OAAO,EAIjCC,EAAW,YAAc,GAGzBD,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,YAAcE,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP,CD1CO,SAASC,EAAe,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,kBAAAC,EAAmB,cAAAC,CAAc,EAA0B,CACpH,IAAMC,EAAWC,EAAiB,EAG5BC,EAAkB,SAAO,EAAK,EAM9BC,EAA4B,cAC/BC,GAAwB,CACvB,IAAMC,EAAiBP,EAAkB,EAEzCE,EAAS,GAAGK,CAAc,IAAID,EAAa,UAAY,WAAW,EAAE,EAEpEP,IAAkBO,CAAU,CAC9B,EACA,CAACJ,EAAUH,EAAiBC,CAAiB,CAC/C,EAIA,OAAM,YAAU,IAAM,CAStB,EAAG,CAACF,EAASC,EAAiBE,CAAa,CAAC,EAErC,CAAE,oBAAAI,CAAoB,CAC/B",
|
|
6
|
-
"names": ["use_toggle_state_exports", "__export", "useToggleState", "__toCommonJS", "React", "React", "liveRegionRefCount", "useLiveAnnouncer", "timeoutRef", "liveRegion", "region", "message", "useToggleState", "pressed", "onPressedChange", "getAccessibleName", "componentName", "announce", "useLiveAnnouncer", "warnedRef", "handlePressedChange", "newPressed", "accessibleName"]
|
|
7
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { GetPropDefTypes } from './prop-def.js';
|
|
2
|
-
declare const shadowPropDefs: {
|
|
3
|
-
/**
|
|
4
|
-
* Sets the CSS **box-shadow** property using design system shadow tokens.
|
|
5
|
-
* Supports shadow scale values and responsive objects.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* shadow="3"
|
|
9
|
-
* shadow={{ sm: '2', lg: '4' }}
|
|
10
|
-
*
|
|
11
|
-
* @link
|
|
12
|
-
* https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
|
|
13
|
-
*/
|
|
14
|
-
shadow: {
|
|
15
|
-
type: "enum";
|
|
16
|
-
className: string;
|
|
17
|
-
values: readonly ["1", "2", "3", "4", "5", "6"];
|
|
18
|
-
responsive: true;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
type ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;
|
|
22
|
-
export { shadowPropDefs };
|
|
23
|
-
export type { ShadowProps };
|
|
24
|
-
//# sourceMappingURL=shadow.props.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shadow.props.d.ts","sourceRoot":"","sources":["../../../src/props/shadow.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AAI9D,QAAA,MAAM,cAAc;IAClB;;;;;;;;;;OAUG;;;;;;;CASJ,CAAC;AAEF,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var r=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var h=(o,e)=>{for(var p in e)r(o,p,{get:e[p],enumerable:!0})},w=(o,e,p,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of f(e))!d.call(o,s)&&s!==p&&r(o,s,{get:()=>e[s],enumerable:!(a=t(e,s))||a.enumerable});return o};var y=o=>w(r({},"__esModule",{value:!0}),o);var n={};h(n,{shadowPropDefs:()=>u});module.exports=y(n);var P=["1","2","3","4","5","6"],u={shadow:{type:"enum",className:"kui-r-shadow",values:P,responsive:!0}};
|
|
2
|
-
//# sourceMappingURL=shadow.props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/props/shadow.props.ts"],
|
|
4
|
-
"sourcesContent": ["import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst shadowValues = ['1', '2', '3', '4', '5', '6'] as const;\n\nconst shadowPropDefs = {\n /**\n * Sets the CSS **box-shadow** property using design system shadow tokens.\n * Supports shadow scale values and responsive objects.\n *\n * @example\n * shadow=\"3\"\n * shadow={{ sm: '2', lg: '4' }}\n *\n * @link\n * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow\n */\n shadow: {\n type: 'enum',\n className: 'kui-r-shadow',\n values: shadowValues,\n responsive: true,\n },\n} satisfies {\n shadow: PropDef<(typeof shadowValues)[number]>;\n};\n\ntype ShadowProps = GetPropDefTypes<typeof shadowPropDefs>;\n\nexport { shadowPropDefs };\nexport type { ShadowProps };\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAMI,EAAe,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAE5CF,EAAiB,CAYrB,OAAQ,CACN,KAAM,OACN,UAAW,eACX,OAAQE,EACR,WAAY,EACd,CACF",
|
|
6
|
-
"names": ["shadow_props_exports", "__export", "shadowPropDefs", "__toCommonJS", "shadowValues"]
|
|
7
|
-
}
|