npm - @nuka-ui/core - Versions diffs - 1.1.3 → 1.1.5 - Mend

@nuka-ui/core 1.1.3 → 1.1.5

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.

Files changed (1152) hide show

package/dist/components/Sidebar/SidebarMenuButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarMenuButton.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n} from \"@nuka/components/Tooltip\";\n\nexport interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n asChild?: boolean;\n tooltip?: string;\n}\n\nfunction SidebarMenuButton({\n ref,\n asChild = false,\n tooltip,\n className,\n children,\n ...props\n}: SidebarMenuButtonProps) {\n const { expanded, isMobile } = useSidebarContext();\n const showTooltip = !expanded && !isMobile && tooltip !== undefined;\n\n const Comp = asChild ? Slot : \"button\";\n\n const button = (\n <Comp\n ref={ref}\n className={cn(\n \"flex w-full items-center gap-(--space-3)\",\n \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n \"text-sm text-(--nuka-text-base)\",\n \"hover:bg-(--nuka-bg-muted)\",\n \"transition-colors duration-150\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n !expanded && !isMobile && \"justify-center px-(--space-2)\",\n className,\n )}\n {...props}\n >\n {children}\n </Comp>\n );\n\n if (showTooltip) {\n return (\n <Tooltip side=\"right\" delay={200}>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n );\n }\n\n return button;\n}\n\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nexport { SidebarMenuButton };\n"],"mappings":";;;;;;;;;;AAiBA,SAAS,EAAkB,EACzB,QACA,aAAU,IACV,YACA,cACA,aACA,GAAG,KACsB;CACzB,IAAM,EAAE,aAAU,gBAAa,~~GAAmB~~,~~EAC5C~~,IAAc,CAAC,KAAY,CAAC,KAAY,MAAY,KAAA,GAIpD,IACJ,kBAHW,IAAU,IAAO,UAG5B;EACO;EACL,WAAW,EACT,4CACA,uDACA,mCACA,8BACA,kCACA,0DACA,+CACA,CAAC,KAAY,CAAC,KAAY,iCAC1B,~~EACD~~;~~EACD~~,GAAI;EAEH;~~EACI~~,CAAA;~~AAYT~~,~~QATI~~,IAEA,kBAAC,GAAD;EAAS,MAAK;EAAQ,OAAO;YAA7B,CACE,kBAAC,GAAD;GAAgB,SAAA;aAAS;~~GAAwB~~,CAAA,~~EACjD~~,kBAAC,GAAD,EAAA,UAAiB,~~GAAyB~~,CAAA,CAClC;~~MAIP;;AAGT~~,EAAkB,cAAc"}
1	+ {"version":3,"file":"SidebarMenuButton.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuButton.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n} from \"@nuka/components/Tooltip\";\n\nexport interface SidebarMenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n asChild?: boolean;\n tooltip?: string;\n}\n\nfunction SidebarMenuButton({\n ref,\n asChild = false,\n tooltip,\n className,\n children,\n ...props\n}: SidebarMenuButtonProps) {\n const { expanded, isMobile } = useSidebarContext();\n const showTooltip = !expanded && !isMobile && tooltip !== undefined;\n\n const Comp = asChild ? Slot : \"button\";\n\n const button = (\n <Comp\n ref={ref}\n className={cn(\n \"flex w-full items-center gap-(--space-3)\",\n \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n \"text-sm text-(--nuka-text-base)\",\n \"hover:bg-(--nuka-bg-muted)\",\n \"transition-colors duration-150\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n !expanded && !isMobile && \"justify-center px-(--space-2)\",\n className,\n )}\n data-slot=\"menu-button\"\n {...props}\n >\n {children}\n </Comp>\n );\n\n if (showTooltip) {\n return (\n <Tooltip side=\"right\" delay={200}>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n );\n }\n\n return button;\n}\n\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nexport { SidebarMenuButton };\n"],"mappings":";;;;;;;;;;AAiBA,SAAS,EAAkB,EACzB,QACA,aAAU,IACV,YACA,cACA,aACA,GAAG,KACsB;CACzB,IAAM,EAAE,aAAU,gBAAa,EAAkB,GAC3C,IAAc,CAAC,KAAY,CAAC,KAAY,MAAY,KAAA,GAIpD,IACJ,kBAHW,IAAU,IAAO,UAG5B;EACO;EACL,WAAW,EACT,4CACA,uDACA,mCACA,8BACA,kCACA,0DACA,+CACA,CAAC,KAAY,CAAC,KAAY,iCAC1B,CACF;EACA,aAAU;EACV,GAAI;EAEH;CACG,CAAA;CAYR,OATI,IAEA,kBAAC,GAAD;EAAS,MAAK;EAAQ,OAAO;YAA7B,CACE,kBAAC,GAAD;GAAgB,SAAA;aAAS;EAAuB,CAAA,GAChD,kBAAC,GAAD,EAAA,UAAiB,EAAwB,CAAA,CAClC;MAIN;AACT;AAEA,EAAkB,cAAc"}

package/dist/components/Sidebar/SidebarMenuItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(n),...i})}i.displayName=`SidebarMenuItem`,exports.SidebarMenuItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,className:n,...i}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(n),"data-slot":`menu-item`,...i})}i.displayName=`SidebarMenuItem`,exports.SidebarMenuItem=i;
 //# sourceMappingURL=SidebarMenuItem.cjs.map

package/dist/components/Sidebar/SidebarMenuItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarMenuItem.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n ref?: React.Ref<HTMLLIElement> \| undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n return <li ref={ref} className={cn(className)} {...props} ~~/>;\~~n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":"gLAQA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,~~OAAO~~,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,UAAW,EAAA,GAAG,~~EAAU~~,~~CAAE~~,GAAI,~~EAAS~~,CAAA,~~CAG9D~~,EAAgB,YAAc"}
1	+ {"version":3,"file":"SidebarMenuItem.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n ref?: React.Ref<HTMLLIElement> \| undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n return (\n <li ref={ref} className={cn(className)} data-slot=\"menu-item\" {...props} />\n );\n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":"gLAQA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,OACE,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,UAAW,EAAA,GAAG,CAAS,EAAG,YAAU,YAAY,GAAI,CAAQ,CAAA,CAE9E,CAEA,EAAgB,YAAc"}

package/dist/components/Sidebar/SidebarMenuItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,~~2CAE1E~~;~~kBAFQ~~,eAAe;;;~~AAMxB~~,OAAO,EAAE,eAAe,EAAE,CAAC"}
1	+ {"version":3,"file":"SidebarMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAI1E;kBAJQ,eAAe;;;AAQxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarMenuItem.js CHANGED Viewed

@@ -7,6 +7,7 @@ function n({ ref: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("li", {
 		ref: n,
 		className: e(r),
+		"data-slot": "menu-item",
 		...i
 	});
 }

package/dist/components/Sidebar/SidebarMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarMenuItem.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n ref?: React.Ref<HTMLLIElement> \| undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n return <li ref={ref} className={cn(className)} {...props} ~~/>;\~~n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":";;;;;AAQA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;~~AAC3E~~,~~QAAO~~,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,~~EAAU~~;~~EAAE~~,GAAI;~~EAAS~~,CAAA~~;;AAG9D~~,EAAgB,cAAc"}
1	+ {"version":3,"file":"SidebarMenuItem.js","names":[],"sources":["../../../src/components/Sidebar/SidebarMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n ref?: React.Ref<HTMLLIElement> \| undefined;\n}\n\nfunction SidebarMenuItem({ ref, className, ...props }: SidebarMenuItemProps) {\n return (\n <li ref={ref} className={cn(className)} data-slot=\"menu-item\" {...props} />\n );\n}\n\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nexport { SidebarMenuItem };\n"],"mappings":";;;;;AAQA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;CAC3E,OACE,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,CAAS;EAAG,aAAU;EAAY,GAAI;CAAQ,CAAA;AAE9E;AAEA,EAAgB,cAAc"}

package/dist/components/Sidebar/SidebarProvider.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../../hooks/use-media-query.cjs`),i=require(`./Sidebar.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,expanded:s,defaultExpanded:c=!0,onExpandedChange:l,mobileBreakpoint:u=`(max-width: 768px)`,className:d,children:f,...p}){let[m,h]=n.useControllableState(s,c,l),g=r.useMediaQuery(u),[_,v]=a.useState(!1);return(0,o.jsx)(i.SidebarContext,{value:a.useMemo(()=>({expanded:m,setExpanded:h,isMobile:g,mobileOpen:_,setMobileOpen:v}),[m,h,g,_]),children:(0,o.jsx)(`div`,{ref:e,className:t.cn(`flex min-h-svh w-full`,d),...p,children:f})})}s.displayName=`SidebarProvider`,exports.SidebarProvider=s;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../hooks/use-controllable-state.cjs"),r=require("../../hooks/use-media-query.cjs"),i=require("./Sidebar.context.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({ref:e,expanded:s,defaultExpanded:c=!0,onExpandedChange:l,mobileBreakpoint:u=`(max-width: 768px)`,className:d,children:f,...p}){let[m,h]=n.useControllableState(s,c,l),g=r.useMediaQuery(u),[_,v]=a.useState(!1);return(0,o.jsx)(i.SidebarContext,{value:a.useMemo(()=>({expanded:m,setExpanded:h,isMobile:g,mobileOpen:_,setMobileOpen:v}),[m,h,g,_]),children:(0,o.jsx)(`div`,{ref:e,className:t.cn(`flex min-h-svh w-full`,d),"data-slot":`provider`,...p,children:f})})}s.displayName=`SidebarProvider`,exports.SidebarProvider=s;
 //# sourceMappingURL=SidebarProvider.cjs.map

package/dist/components/Sidebar/SidebarProvider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarProvider.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n expanded?: boolean;\n defaultExpanded?: boolean;\n onExpandedChange?: (expanded: boolean) => void;\n mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n ref,\n expanded: controlledExpanded,\n defaultExpanded = true,\n onExpandedChange,\n mobileBreakpoint = \"(max-width: 768px)\",\n className,\n children,\n ...props\n}: SidebarProviderProps) {\n const [currentExpanded, setExpanded] = useControllableState(\n controlledExpanded,\n defaultExpanded,\n onExpandedChange,\n );\n\n const isMobile = useMediaQuery(mobileBreakpoint);\n const [mobileOpen, setMobileOpen] = React.useState(false);\n\n const contextValue: SidebarContextValue = React.useMemo(\n () => ({\n expanded: currentExpanded,\n setExpanded,\n isMobile,\n mobileOpen,\n setMobileOpen,\n }),\n [currentExpanded, setExpanded, isMobile, mobileOpen],\n );\n\n return (\n <SidebarContext value={contextValue}>\n <div\n ref={ref}\n className={cn(\"flex min-h-svh w-full\", className)}\n {...props}\n >\n {children}\n </div>\n </SidebarContext>\n );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":"oTAgBA,SAAS,EAAgB,CACvB,MACA,SAAU,EACV,kBAAkB,GAClB,mBACA,mBAAmB,qBACnB,YACA,WACA,GAAG,GACoB,CACvB,GAAM,CAAC,EAAiB,GAAe,EAAA,qBACrC,EACA,EACA,~~EACD~~,~~CAEK~~,EAAW,EAAA,cAAc,~~EAAiB~~,~~CAC1C~~,CAAC,EAAY,GAAiB,EAAM,SAAS,~~GAAM~~,~~CAazD~~,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAZwB,EAAM,aACvC,CACL,SAAU,EACV,cACA,WACA,aACA,~~gBACD~~,~~EACD~~,CAAC,EAAiB,EAAa,EAAU,~~EAAW~~,~~CACrD~~,~~WAIG~~,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,wBAAyB,~~EAAU~~,~~CACjD~~,GAAI,EAEH,~~WACG~~,CAAA,CACS,CAAA,~~CAIrB~~,EAAgB,YAAc"}
1	+ {"version":3,"file":"SidebarProvider.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n expanded?: boolean;\n defaultExpanded?: boolean;\n onExpandedChange?: (expanded: boolean) => void;\n mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n ref,\n expanded: controlledExpanded,\n defaultExpanded = true,\n onExpandedChange,\n mobileBreakpoint = \"(max-width: 768px)\",\n className,\n children,\n ...props\n}: SidebarProviderProps) {\n const [currentExpanded, setExpanded] = useControllableState(\n controlledExpanded,\n defaultExpanded,\n onExpandedChange,\n );\n\n const isMobile = useMediaQuery(mobileBreakpoint);\n const [mobileOpen, setMobileOpen] = React.useState(false);\n\n const contextValue: SidebarContextValue = React.useMemo(\n () => ({\n expanded: currentExpanded,\n setExpanded,\n isMobile,\n mobileOpen,\n setMobileOpen,\n }),\n [currentExpanded, setExpanded, isMobile, mobileOpen],\n );\n\n return (\n <SidebarContext value={contextValue}>\n <div\n ref={ref}\n className={cn(\"flex min-h-svh w-full\", className)}\n data-slot=\"provider\"\n {...props}\n >\n {children}\n </div>\n </SidebarContext>\n );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":"oTAgBA,SAAS,EAAgB,CACvB,MACA,SAAU,EACV,kBAAkB,GAClB,mBACA,mBAAmB,qBACnB,YACA,WACA,GAAG,GACoB,CACvB,GAAM,CAAC,EAAiB,GAAe,EAAA,qBACrC,EACA,EACA,CACF,EAEM,EAAW,EAAA,cAAc,CAAgB,EACzC,CAAC,EAAY,GAAiB,EAAM,SAAS,EAAK,EAaxD,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAZwB,EAAM,aACvC,CACL,SAAU,EACV,cACA,WACA,aACA,eACF,GACA,CAAC,EAAiB,EAAa,EAAU,CAAU,CAI5B,YACrB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,wBAAyB,CAAS,EAChD,YAAU,WACV,GAAI,EAEH,UACE,CAAA,CACS,CAAA,CAEpB,CAEA,EAAgB,YAAc"}

package/dist/components/Sidebar/SidebarProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,QAAQ,EAAE,kBAAkB,EAC5B,eAAsB,EACtB,gBAAgB,EAChB,gBAAuC,EACvC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,~~2CAgCtB~~;~~kBAzCQ~~,eAAe;;;~~AA6CxB~~,OAAO,EAAE,eAAe,EAAE,CAAC"}
1	+ {"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,QAAQ,EAAE,kBAAkB,EAC5B,eAAsB,EACtB,gBAAgB,EAChB,gBAAuC,EACvC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiCtB;kBA1CQ,eAAe;;;AA8CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarProvider.js CHANGED Viewed

@@ -24,6 +24,7 @@ function o({ ref: o, expanded: s, defaultExpanded: c = !0, onExpandedChange: l,
 		children: /* @__PURE__ */ a("div", {
 			ref: o,
 			className: e("flex min-h-svh w-full", d),
+			"data-slot": "provider",
 			...p,
 			children: f
 		})

package/dist/components/Sidebar/SidebarProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarProvider.js","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n expanded?: boolean;\n defaultExpanded?: boolean;\n onExpandedChange?: (expanded: boolean) => void;\n mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n ref,\n expanded: controlledExpanded,\n defaultExpanded = true,\n onExpandedChange,\n mobileBreakpoint = \"(max-width: 768px)\",\n className,\n children,\n ...props\n}: SidebarProviderProps) {\n const [currentExpanded, setExpanded] = useControllableState(\n controlledExpanded,\n defaultExpanded,\n onExpandedChange,\n );\n\n const isMobile = useMediaQuery(mobileBreakpoint);\n const [mobileOpen, setMobileOpen] = React.useState(false);\n\n const contextValue: SidebarContextValue = React.useMemo(\n () => ({\n expanded: currentExpanded,\n setExpanded,\n isMobile,\n mobileOpen,\n setMobileOpen,\n }),\n [currentExpanded, setExpanded, isMobile, mobileOpen],\n );\n\n return (\n <SidebarContext value={contextValue}>\n <div\n ref={ref}\n className={cn(\"flex min-h-svh w-full\", className)}\n {...props}\n >\n {children}\n </div>\n </SidebarContext>\n );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":";;;;;;;;AAgBA,SAAS,EAAgB,EACvB,QACA,UAAU,GACV,qBAAkB,IAClB,qBACA,sBAAmB,sBACnB,cACA,aACA,GAAG,KACoB;CACvB,IAAM,CAAC,GAAiB,KAAe,EACrC,GACA,GACA,~~EACD~~,~~EAEK~~,IAAW,EAAc,~~EAAiB~~,~~EAC1C~~,CAAC,GAAY,KAAiB,EAAM,SAAS,~~GAAM~~;~~AAazD~~,~~QACE~~,kBAAC,GAAD;EAAgB,OAZwB,EAAM,eACvC;GACL,UAAU;GACV;GACA;GACA;GACA;~~GACD~~,~~GACD~~;GAAC;GAAiB;GAAa;GAAU;~~GAAW~~,~~CACrD~~;~~YAIG~~,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,yBAAyB,~~EAAU~~;~~GACjD~~,GAAI;GAEH;~~GACG~~,CAAA;~~EACS~~,CAAA~~;;AAIrB~~,EAAgB,cAAc"}
1	+ {"version":3,"file":"SidebarProvider.js","names":[],"sources":["../../../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useMediaQuery } from \"@nuka/hooks/use-media-query\";\nimport { SidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport type { SidebarContextValue } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nexport interface SidebarProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n expanded?: boolean;\n defaultExpanded?: boolean;\n onExpandedChange?: (expanded: boolean) => void;\n mobileBreakpoint?: string;\n}\n\nfunction SidebarProvider({\n ref,\n expanded: controlledExpanded,\n defaultExpanded = true,\n onExpandedChange,\n mobileBreakpoint = \"(max-width: 768px)\",\n className,\n children,\n ...props\n}: SidebarProviderProps) {\n const [currentExpanded, setExpanded] = useControllableState(\n controlledExpanded,\n defaultExpanded,\n onExpandedChange,\n );\n\n const isMobile = useMediaQuery(mobileBreakpoint);\n const [mobileOpen, setMobileOpen] = React.useState(false);\n\n const contextValue: SidebarContextValue = React.useMemo(\n () => ({\n expanded: currentExpanded,\n setExpanded,\n isMobile,\n mobileOpen,\n setMobileOpen,\n }),\n [currentExpanded, setExpanded, isMobile, mobileOpen],\n );\n\n return (\n <SidebarContext value={contextValue}>\n <div\n ref={ref}\n className={cn(\"flex min-h-svh w-full\", className)}\n data-slot=\"provider\"\n {...props}\n >\n {children}\n </div>\n </SidebarContext>\n );\n}\n\nSidebarProvider.displayName = \"SidebarProvider\";\n\nexport { SidebarProvider };\n"],"mappings":";;;;;;;;AAgBA,SAAS,EAAgB,EACvB,QACA,UAAU,GACV,qBAAkB,IAClB,qBACA,sBAAmB,sBACnB,cACA,aACA,GAAG,KACoB;CACvB,IAAM,CAAC,GAAiB,KAAe,EACrC,GACA,GACA,CACF,GAEM,IAAW,EAAc,CAAgB,GACzC,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAK;CAaxD,OACE,kBAAC,GAAD;EAAgB,OAZwB,EAAM,eACvC;GACL,UAAU;GACV;GACA;GACA;GACA;EACF,IACA;GAAC;GAAiB;GAAa;GAAU;EAAU,CAI5B;YACrB,kBAAC,OAAD;GACO;GACL,WAAW,EAAG,yBAAyB,CAAS;GAChD,aAAU;GACV,GAAI;GAEH;EACE,CAAA;CACS,CAAA;AAEpB;AAEA,EAAgB,cAAc"}

package/dist/components/Sidebar/SidebarTrigger.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M18 6L6 18M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`})}),s=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M4 6h16M4 12h16M4 18h16`,strokeLinecap:`round`,strokeLinejoin:`round`})}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M11 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M4 12h16`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),l=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M13 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M20 12H4`,strokeLinecap:`round`,strokeLinejoin:`round`})]});function u({ref:e,className:i,...u}){let{expanded:d,setExpanded:f,isMobile:p,setMobileOpen:m,mobileOpen:h}=r.useSidebarContext();function g(){p?m(!h):f(!d)}let _=p?h?o:s:d?c:l;return(0,a.jsx)(`button`,{ref:e,type:`button`,"aria-label":p?h?`Close navigation`:`Open navigation`:d?`Collapse sidebar`:`Expand sidebar`,onClick:g,className:t.cn(`inline-flex items-center justify-center`,`w-8 h-8 rounded-(--radius-md)`,`text-(--nuka-text-muted)`,`hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,i),...u,children:(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(_,{})})})}u.displayName=`SidebarTrigger`,exports.SidebarTrigger=u;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Icon/Icon.cjs"),r=require("./Sidebar.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M18 6L6 18M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`})}),s=()=>(0,a.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,a.jsx)(`path`,{d:`M4 6h16M4 12h16M4 18h16`,strokeLinecap:`round`,strokeLinejoin:`round`})}),c=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M11 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M4 12h16`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),l=()=>(0,a.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:[(0,a.jsx)(`path`,{d:`M13 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,a.jsx)(`path`,{d:`M20 12H4`,strokeLinecap:`round`,strokeLinejoin:`round`})]});function u({ref:e,className:i,...u}){let{expanded:d,setExpanded:f,isMobile:p,setMobileOpen:m,mobileOpen:h}=r.useSidebarContext();function g(){p?m(!h):f(!d)}let _=p?h?o:s:d?c:l;return(0,a.jsx)(`button`,{ref:e,type:`button`,"aria-label":p?h?`Close navigation`:`Open navigation`:d?`Collapse sidebar`:`Expand sidebar`,onClick:g,className:t.cn(`inline-flex items-center justify-center`,`w-8 h-8 rounded-(--radius-md)`,`text-(--nuka-text-muted)`,`hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,i),"data-slot":`trigger`,...u,children:(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(_,{})})})}u.displayName=`SidebarTrigger`,exports.SidebarTrigger=u;
 //# sourceMappingURL=SidebarTrigger.cjs.map

package/dist/components/Sidebar/SidebarTrigger.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarTrigger.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nconst CloseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M18 6L6 18M6 6l12 12\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst MenuIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M4 6h16M4 12h16M4 18h16\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst CollapseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M11 19l-7-7 7-7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M4 12h16\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nconst ExpandIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M13 5l7 7-7 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M20 12H4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n}\n\nfunction SidebarTrigger({ ref, className, ...props }: SidebarTriggerProps) {\n const { expanded, setExpanded, isMobile, setMobileOpen, mobileOpen } =\n useSidebarContext();\n\n function handleClick() {\n if (isMobile) {\n setMobileOpen(!mobileOpen);\n } else {\n setExpanded(!expanded);\n }\n }\n\n const IconSvg = isMobile\n ? mobileOpen\n ? CloseIcon\n : MenuIcon\n : expanded\n ? CollapseIcon\n : ExpandIcon;\n\n return (\n <button\n ref={ref}\n type=\"button\"\n aria-label={\n isMobile\n ? mobileOpen\n ? \"Close navigation\"\n : \"Open navigation\"\n : expanded\n ? \"Collapse sidebar\"\n : \"Expand sidebar\"\n }\n onClick={handleClick}\n className={cn(\n \"inline-flex items-center justify-center\",\n \"w-8 h-8 rounded-(--radius-md)\",\n \"text-(--nuka-text-muted)\",\n \"hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)\",\n \"transition-colors duration-150\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n {...props}\n >\n <Icon size=\"sm\">\n <IconSvg />\n </Icon>\n </button>\n );\n}\n\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nexport { SidebarTrigger };\n"],"mappings":"iPAMA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,uBACF,cAAc,QACd,eAAe,~~QACf~~,CAAA,CACE,CAAA,~~CAGF~~,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,0BACF,cAAc,QACd,eAAe,~~QACf~~,CAAA,CACE,CAAA,~~CAGF~~,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAkB,cAAc,QAAQ,eAAe,~~QAAU~~,CAAA,~~EACzE~~,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,~~QAAU~~,CAAA,CAC9D,~~GAGF~~,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAgB,cAAc,QAAQ,eAAe,~~QAAU~~,CAAA,~~EACvE~~,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,~~QAAU~~,CAAA,CAC9D,~~GAOR~~,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,GAAM,CAAE,WAAU,cAAa,WAAU,gBAAe,cACtD,EAAA,~~mBAAmB~~,~~CAErB~~,SAAS,GAAc,CACjB,EACF,EAAc,CAAC,~~EAAW~~,~~CAE1B~~,EAAY,CAAC,~~EAAS~~,~~CAI1B~~,IAAM,EAAU,EACZ,EACE,EACA,EACF,EACE,EACA,EAEN,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,aACE,EACI,EACE,mBACA,kBACF,EACE,mBACA,iBAER,QAAS,EACT,UAAW,EAAA,GACT,0CACA,gCACA,2BACA,2DACA,iCACA,yDACA,8CACA,~~EACD~~,~~CACD~~,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,~~EAAW~~,CAAA,CACN,CAAA,CACA,CAAA,~~CAIb~~,EAAe,YAAc"}
1	+ {"version":3,"file":"SidebarTrigger.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nconst CloseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M18 6L6 18M6 6l12 12\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst MenuIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M4 6h16M4 12h16M4 18h16\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst CollapseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M11 19l-7-7 7-7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M4 12h16\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nconst ExpandIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M13 5l7 7-7 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M20 12H4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n}\n\nfunction SidebarTrigger({ ref, className, ...props }: SidebarTriggerProps) {\n const { expanded, setExpanded, isMobile, setMobileOpen, mobileOpen } =\n useSidebarContext();\n\n function handleClick() {\n if (isMobile) {\n setMobileOpen(!mobileOpen);\n } else {\n setExpanded(!expanded);\n }\n }\n\n const IconSvg = isMobile\n ? mobileOpen\n ? CloseIcon\n : MenuIcon\n : expanded\n ? CollapseIcon\n : ExpandIcon;\n\n return (\n <button\n ref={ref}\n type=\"button\"\n aria-label={\n isMobile\n ? mobileOpen\n ? \"Close navigation\"\n : \"Open navigation\"\n : expanded\n ? \"Collapse sidebar\"\n : \"Expand sidebar\"\n }\n onClick={handleClick}\n className={cn(\n \"inline-flex items-center justify-center\",\n \"w-8 h-8 rounded-(--radius-md)\",\n \"text-(--nuka-text-muted)\",\n \"hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)\",\n \"transition-colors duration-150\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n data-slot=\"trigger\"\n {...props}\n >\n <Icon size=\"sm\">\n <IconSvg />\n </Icon>\n </button>\n );\n}\n\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nexport { SidebarTrigger };\n"],"mappings":"iPAMA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,uBACF,cAAc,QACd,eAAe,OAChB,CAAA,CACE,CAAA,EAGD,OACJ,EAAA,EAAA,KAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,YACtE,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,0BACF,cAAc,QACd,eAAe,OAChB,CAAA,CACE,CAAA,EAGD,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAkB,cAAc,QAAQ,eAAe,OAAS,CAAA,GACxE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,OAAS,CAAA,CAC9D,IAGD,OACJ,EAAA,EAAA,MAAC,MAAD,CAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAa,WAAxE,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAgB,cAAc,QAAQ,eAAe,OAAS,CAAA,GACtE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAW,cAAc,QAAQ,eAAe,OAAS,CAAA,CAC9D,IAOP,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,GAAM,CAAE,WAAU,cAAa,WAAU,gBAAe,cACtD,EAAA,kBAAkB,EAEpB,SAAS,GAAc,CACjB,EACF,EAAc,CAAC,CAAU,EAEzB,EAAY,CAAC,CAAQ,CAEzB,CAEA,IAAM,EAAU,EACZ,EACE,EACA,EACF,EACE,EACA,EAEN,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,aACE,EACI,EACE,mBACA,kBACF,EACE,mBACA,iBAER,QAAS,EACT,UAAW,EAAA,GACT,0CACA,gCACA,2BACA,2DACA,iCACA,yDACA,8CACA,CACF,EACA,YAAU,UACV,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,CAAU,CAAA,CACN,CAAA,CACA,CAAA,CAEZ,CAEA,EAAe,YAAc"}

package/dist/components/Sidebar/SidebarTrigger.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,~~2CAmDxE~~;~~kBAnDQ~~,cAAc;;;~~AAuDvB~~,OAAO,EAAE,cAAc,EAAE,CAAC"}
1	+ {"version":3,"file":"SidebarTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAoDxE;kBApDQ,cAAc;;;AAwDvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarTrigger.js CHANGED Viewed

@@ -66,6 +66,7 @@ function l({ ref: i, className: l, ...u }) {
 		"aria-label": p ? h ? "Close navigation" : "Open navigation" : d ? "Collapse sidebar" : "Expand sidebar",
 		onClick: g,
 		className: e("inline-flex items-center justify-center", "w-8 h-8 rounded-(--radius-md)", "text-(--nuka-text-muted)", "hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", l),
+		"data-slot": "trigger",
 		...u,
 		children: /* @__PURE__ */ r(t, {
 			size: "sm",

package/dist/components/Sidebar/SidebarTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarTrigger.js","names":[],"sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nconst CloseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M18 6L6 18M6 6l12 12\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst MenuIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M4 6h16M4 12h16M4 18h16\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst CollapseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M11 19l-7-7 7-7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M4 12h16\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nconst ExpandIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M13 5l7 7-7 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M20 12H4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n}\n\nfunction SidebarTrigger({ ref, className, ...props }: SidebarTriggerProps) {\n const { expanded, setExpanded, isMobile, setMobileOpen, mobileOpen } =\n useSidebarContext();\n\n function handleClick() {\n if (isMobile) {\n setMobileOpen(!mobileOpen);\n } else {\n setExpanded(!expanded);\n }\n }\n\n const IconSvg = isMobile\n ? mobileOpen\n ? CloseIcon\n : MenuIcon\n : expanded\n ? CollapseIcon\n : ExpandIcon;\n\n return (\n <button\n ref={ref}\n type=\"button\"\n aria-label={\n isMobile\n ? mobileOpen\n ? \"Close navigation\"\n : \"Open navigation\"\n : expanded\n ? \"Collapse sidebar\"\n : \"Expand sidebar\"\n }\n onClick={handleClick}\n className={cn(\n \"inline-flex items-center justify-center\",\n \"w-8 h-8 rounded-(--radius-md)\",\n \"text-(--nuka-text-muted)\",\n \"hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)\",\n \"transition-colors duration-150\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n {...props}\n >\n <Icon size=\"sm\">\n <IconSvg />\n </Icon>\n </button>\n );\n}\n\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nexport { SidebarTrigger };\n"],"mappings":";;;;;;;AAMA,IAAM,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;~~EACf~~,CAAA;~~CACE~~,CAAA,~~EAGF~~,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;~~EACf~~,CAAA;~~CACE~~,CAAA,~~EAGF~~,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAkB,eAAc;EAAQ,gBAAe;~~EAAU~~,CAAA,~~EACzE~~,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;~~EAAU~~,CAAA,CAC9D;~~IAGF~~,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAgB,eAAc;EAAQ,gBAAe;~~EAAU~~,CAAA,~~EACvE~~,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;~~EAAU~~,CAAA,CAC9D;;~~AAOR~~,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;CACzE,IAAM,EAAE,aAAU,gBAAa,aAAU,kBAAe,kBACtD,~~GAAmB~~;~~CAErB~~,SAAS,IAAc;~~AACrB~~,~~EAAI~~,IACF,EAAc,CAAC,~~EAAW~~,~~GAE1B~~,EAAY,CAAC,~~EAAS;;CAI1B~~,IAAM,IAAU,IACZ,IACE,IACA,IACF,IACE,IACA;~~AAEN~~,~~QACE~~,kBAAC,UAAD;EACO;EACL,MAAK;EACL,cACE,IACI,IACE,qBACA,oBACF,IACE,qBACA;EAER,SAAS;EACT,WAAW,EACT,2CACA,iCACA,4BACA,4DACA,kCACA,0DACA,+CACA,~~EACD~~;~~EACD~~,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,GAAD,~~EAAW~~,CAAA;~~GACN~~,CAAA;~~EACA~~,CAAA~~;;AAIb~~,EAAe,cAAc"}
1	+ {"version":3,"file":"SidebarTrigger.js","names":[],"sources":["../../../src/components/Sidebar/SidebarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\n\nconst CloseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M18 6L6 18M6 6l12 12\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst MenuIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path\n d=\"M4 6h16M4 12h16M4 18h16\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst CollapseIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M11 19l-7-7 7-7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M4 12h16\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nconst ExpandIcon = () => (\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n <path d=\"M13 5l7 7-7 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M20 12H4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nexport interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n}\n\nfunction SidebarTrigger({ ref, className, ...props }: SidebarTriggerProps) {\n const { expanded, setExpanded, isMobile, setMobileOpen, mobileOpen } =\n useSidebarContext();\n\n function handleClick() {\n if (isMobile) {\n setMobileOpen(!mobileOpen);\n } else {\n setExpanded(!expanded);\n }\n }\n\n const IconSvg = isMobile\n ? mobileOpen\n ? CloseIcon\n : MenuIcon\n : expanded\n ? CollapseIcon\n : ExpandIcon;\n\n return (\n <button\n ref={ref}\n type=\"button\"\n aria-label={\n isMobile\n ? mobileOpen\n ? \"Close navigation\"\n : \"Open navigation\"\n : expanded\n ? \"Collapse sidebar\"\n : \"Expand sidebar\"\n }\n onClick={handleClick}\n className={cn(\n \"inline-flex items-center justify-center\",\n \"w-8 h-8 rounded-(--radius-md)\",\n \"text-(--nuka-text-muted)\",\n \"hover:bg-(--nuka-bg-muted) hover:text-(--nuka-text-base)\",\n \"transition-colors duration-150\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n data-slot=\"trigger\"\n {...props}\n >\n <Icon size=\"sm\">\n <IconSvg />\n </Icon>\n </button>\n );\n}\n\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nexport { SidebarTrigger };\n"],"mappings":";;;;;;;AAMA,IAAM,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;CAChB,CAAA;AACE,CAAA,GAGD,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WACtE,kBAAC,QAAD;EACE,GAAE;EACF,eAAc;EACd,gBAAe;CAChB,CAAA;AACE,CAAA,GAGD,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAkB,eAAc;EAAQ,gBAAe;CAAS,CAAA,GACxE,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;CAAS,CAAA,CAC9D;IAGD,UACJ,kBAAC,OAAD;CAAK,SAAQ;CAAY,MAAK;CAAO,QAAO;CAAe,aAAa;WAAxE,CACE,kBAAC,QAAD;EAAM,GAAE;EAAgB,eAAc;EAAQ,gBAAe;CAAS,CAAA,GACtE,kBAAC,QAAD;EAAM,GAAE;EAAW,eAAc;EAAQ,gBAAe;CAAS,CAAA,CAC9D;;AAOP,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;CACzE,IAAM,EAAE,aAAU,gBAAa,aAAU,kBAAe,kBACtD,EAAkB;CAEpB,SAAS,IAAc;EACrB,AAAI,IACF,EAAc,CAAC,CAAU,IAEzB,EAAY,CAAC,CAAQ;CAEzB;CAEA,IAAM,IAAU,IACZ,IACE,IACA,IACF,IACE,IACA;CAEN,OACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,cACE,IACI,IACE,qBACA,oBACF,IACE,qBACA;EAER,SAAS;EACT,WAAW,EACT,2CACA,iCACA,4BACA,4DACA,kCACA,0DACA,+CACA,CACF;EACA,aAAU;EACV,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,GAAD,CAAU,CAAA;EACN,CAAA;CACA,CAAA;AAEZ;AAEA,EAAe,cAAc"}

package/dist/components/Skeleton/Skeleton.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Skeleton.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,shape:a,...o}){return(0,i.jsx)(`div`,{ref:e,...o,"aria-hidden":`true`,className:t.cn(n.skeletonVariants({shape:a}),r)})}a.displayName=`Skeleton`,exports.Skeleton=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Skeleton.variants.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({ref:e,className:r,shape:a,...o}){return(0,i.jsx)(`div`,{ref:e,...o,"aria-hidden":`true`,className:t.cn(n.skeletonVariants({shape:a}),r)})}a.displayName=`Skeleton`,exports.Skeleton=a;
 //# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n shape?: \"rect\" \| \"circle\" \| \"text\";\n}\n\nfunction Skeleton({ ref, className, shape, ...props }: SkeletonProps) {\n return (\n <div\n ref={ref}\n {...props}\n aria-hidden=\"true\"\n className={cn(skeletonVariants({ shape }), className)}\n />\n );\n}\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":"qNAWA,SAAS,EAAS,CAAE,MAAK,YAAW,QAAO,GAAG,GAAwB,CACpE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EACJ,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,iBAAiB,CAAE,~~QAAO~~,CAAC,~~CAAE~~,~~EAAU~~,CACrD,CAAA,~~CAIN~~,EAAS,YAAc"}
1	+ {"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n shape?: \"rect\" \| \"circle\" \| \"text\";\n}\n\nfunction Skeleton({ ref, className, shape, ...props }: SkeletonProps) {\n return (\n <div\n ref={ref}\n {...props}\n aria-hidden=\"true\"\n className={cn(skeletonVariants({ shape }), className)}\n />\n );\n}\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":"qNAWA,SAAS,EAAS,CAAE,MAAK,YAAW,QAAO,GAAG,GAAwB,CACpE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EACJ,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,iBAAiB,CAAE,OAAM,CAAC,EAAG,CAAS,CACrD,CAAA,CAEL,CAEA,EAAS,YAAc"}

package/dist/components/Skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n shape?: \"rect\" \| \"circle\" \| \"text\";\n}\n\nfunction Skeleton({ ref, className, shape, ...props }: SkeletonProps) {\n return (\n <div\n ref={ref}\n {...props}\n aria-hidden=\"true\"\n className={cn(skeletonVariants({ shape }), className)}\n />\n );\n}\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":";;;;;;AAWA,SAAS,EAAS,EAAE,QAAK,cAAW,UAAO,GAAG,KAAwB;~~AACpE~~,~~QACE~~,kBAAC,OAAD;EACO;EACL,GAAI;EACJ,eAAY;EACZ,WAAW,EAAG,EAAiB,EAAE,~~UAAO~~,CAAC,~~EAAE~~,~~EAAU~~;~~EACrD~~,CAAA~~;;AAIN~~,EAAS,cAAc"}
1	+ {"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { skeletonVariants } from \"@nuka/components/Skeleton/Skeleton.variants\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n shape?: \"rect\" \| \"circle\" \| \"text\";\n}\n\nfunction Skeleton({ ref, className, shape, ...props }: SkeletonProps) {\n return (\n <div\n ref={ref}\n {...props}\n aria-hidden=\"true\"\n className={cn(skeletonVariants({ shape }), className)}\n />\n );\n}\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"],"mappings":";;;;;;AAWA,SAAS,EAAS,EAAE,QAAK,cAAW,UAAO,GAAG,KAAwB;CACpE,OACE,kBAAC,OAAD;EACO;EACL,GAAI;EACJ,eAAY;EACZ,WAAW,EAAG,EAAiB,EAAE,SAAM,CAAC,GAAG,CAAS;CACrD,CAAA;AAEL;AAEA,EAAS,cAAc"}

package/dist/components/Skeleton/Skeleton.variants.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`animate-pulse bg-(--nuka-bg-muted)`],{variants:{shape:{rect:`rounded-(--radius-md)`,circle:`rounded-full aspect-square`,text:`rounded-(--radius-sm) h-[1em]`}},defaultVariants:{shape:`rect`}});exports.skeletonVariants=e;
+var e=require("../../node_modules/class-variance-authority/dist/index.cjs").cva([`animate-pulse bg-(--nuka-bg-muted)`],{variants:{shape:{rect:`rounded-(--radius-md)`,circle:`rounded-full aspect-square`,text:`rounded-(--radius-sm) h-[1em]`}},defaultVariants:{shape:`rect`}});exports.skeletonVariants=e;
 //# sourceMappingURL=Skeleton.variants.cjs.map

package/dist/components/Skeleton/Skeleton.variants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.variants.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.variants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\n\nexport const skeletonVariants = cva([\"animate-pulse bg-(--nuka-bg-muted)\"], {\n variants: {\n shape: {\n rect: \"rounded-(--radius-md)\",\n circle: \"rounded-full aspect-square\",\n text: \"rounded-(--radius-sm) h-[1em]\",\n },\n },\n defaultVariants: {\n shape: \"rect\",\n },\n});\n"],"mappings":"AAEA,IAAa,~~wEAAmB~~,IAAI,CAAC,~~qCAAqC~~,~~CAAE~~,CAC1E,SAAU,CACR,MAAO,CACL,KAAM,wBACN,OAAQ,6BACR,KAAM,~~gCACP,~~CACF,~~CACD~~,gBAAiB,CACf,MAAO,~~OACR~~,CACF,CAAC"}
1	+ {"version":3,"file":"Skeleton.variants.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.variants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\n\nexport const skeletonVariants = cva([\"animate-pulse bg-(--nuka-bg-muted)\"], {\n variants: {\n shape: {\n rect: \"rounded-(--radius-md)\",\n circle: \"rounded-full aspect-square\",\n text: \"rounded-(--radius-sm) h-[1em]\",\n },\n },\n defaultVariants: {\n shape: \"rect\",\n },\n});\n"],"mappings":"AAEA,IAAa,sEAAmB,EAAA,IAAI,CAAC,oCAAoC,EAAG,CAC1E,SAAU,CACR,MAAO,CACL,KAAM,wBACN,OAAQ,6BACR,KAAM,+BACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC"}

package/dist/components/Skeleton/Skeleton.variants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.variants.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.variants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\n\nexport const skeletonVariants = cva([\"animate-pulse bg-(--nuka-bg-muted)\"], {\n variants: {\n shape: {\n rect: \"rounded-(--radius-md)\",\n circle: \"rounded-full aspect-square\",\n text: \"rounded-(--radius-sm) h-[1em]\",\n },\n },\n defaultVariants: {\n shape: \"rect\",\n },\n});\n"],"mappings":";;AAEA,IAAa,IAAmB,EAAI,CAAC,~~qCAAqC~~,~~EAAE~~;CAC1E,UAAU,EACR,OAAO;EACL,MAAM;EACN,QAAQ;EACR,MAAM;~~EACP~~,EACF;~~CACD~~,iBAAiB,EACf,OAAO,~~QACR~~;~~CACF~~,CAAC"}
1	+ {"version":3,"file":"Skeleton.variants.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.variants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\n\nexport const skeletonVariants = cva([\"animate-pulse bg-(--nuka-bg-muted)\"], {\n variants: {\n shape: {\n rect: \"rounded-(--radius-md)\",\n circle: \"rounded-full aspect-square\",\n text: \"rounded-(--radius-sm) h-[1em]\",\n },\n },\n defaultVariants: {\n shape: \"rect\",\n },\n});\n"],"mappings":";;AAEA,IAAa,IAAmB,EAAI,CAAC,oCAAoC,GAAG;CAC1E,UAAU,EACR,OAAO;EACL,MAAM;EACN,QAAQ;EACR,MAAM;CACR,EACF;CACA,iBAAiB,EACf,OAAO,OACT;AACF,CAAC"}

package/dist/components/SkipLink/SkipLink.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,targetId:i=`main-content`,children:a=`Skip to main content`,...o}){return(0,r.jsx)(`a`,{ref:e,href:`#${i}`,className:t.cn(`sr-only focus:not-sr-only`,`fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)`,`inline-flex items-center`,`rounded-(--radius-md) px-(--space-4) py-(--space-2)`,`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,`text-sm font-medium`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,n),...o,children:a})}i.displayName=`SkipLink`,exports.SkipLink=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,className:n,targetId:i=`main-content`,children:a=`Skip to main content`,...o}){return(0,r.jsx)(`a`,{ref:e,href:`#${i}`,className:t.cn(`sr-only focus:not-sr-only`,`fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)`,`inline-flex items-center`,`rounded-(--radius-md) px-(--space-4) py-(--space-2)`,`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,`text-sm font-[number:var(--font-weight-medium)]`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,n),...o,children:a})}i.displayName=`SkipLink`,exports.SkipLink=i;
 //# sourceMappingURL=SkipLink.cjs.map

package/dist/components/SkipLink/SkipLink.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkipLink.cjs","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\n /** Target element ID without the # prefix */\n targetId?: string;\n}\n\nfunction SkipLink({\n ref,\n className,\n targetId = \"main-content\",\n children = \"Skip to main content\",\n ...props\n}: SkipLinkProps) {\n return (\n <a\n ref={ref}\n href={`#${targetId}`}\n className={cn(\n \"sr-only focus:not-sr-only\",\n \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n \"inline-flex items-center\",\n \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n \"text-sm font-medium\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n {...props}\n >\n {children}\n </a>\n );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":"gLAWA,SAAS,EAAS,CAChB,MACA,YACA,WAAW,eACX,WAAW,uBACX,GAAG,GACa,CAChB,OACE,EAAA,EAAA,KAAC,IAAD,CACO,MACL,KAAM,IAAI,IACV,UAAW,EAAA,GACT,4BACA,4DACA,2BACA,sDACA,gDACA,~~sBACA~~,yDACA,8CACA,~~EACD~~,~~CACD~~,GAAI,EAEH,~~WACC~~,CAAA,~~CAIR~~,EAAS,YAAc"}
1	+ {"version":3,"file":"SkipLink.cjs","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\n /** Target element ID without the # prefix */\n targetId?: string;\n}\n\nfunction SkipLink({\n ref,\n className,\n targetId = \"main-content\",\n children = \"Skip to main content\",\n ...props\n}: SkipLinkProps) {\n return (\n <a\n ref={ref}\n href={`#${targetId}`}\n className={cn(\n \"sr-only focus:not-sr-only\",\n \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n \"inline-flex items-center\",\n \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n \"text-sm font-[number:var(--font-weight-medium)]\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n {...props}\n >\n {children}\n </a>\n );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":"gLAWA,SAAS,EAAS,CAChB,MACA,YACA,WAAW,eACX,WAAW,uBACX,GAAG,GACa,CAChB,OACE,EAAA,EAAA,KAAC,IAAD,CACO,MACL,KAAM,IAAI,IACV,UAAW,EAAA,GACT,4BACA,4DACA,2BACA,sDACA,gDACA,kDACA,yDACA,8CACA,CACF,EACA,GAAI,EAEH,UACA,CAAA,CAEP,CAEA,EAAS,YAAc"}

package/dist/components/SkipLink/SkipLink.js CHANGED Viewed

@@ -7,7 +7,7 @@ function n({ ref: n, className: r, targetId: i = "main-content", children: a = "
 	return /* @__PURE__ */ t("a", {
 		ref: n,
 		href: `#${i}`,
-		className: e("sr-only focus:not-sr-only", "fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)", "inline-flex items-center", "rounded-(--radius-md) px-(--space-4) py-(--space-2)", "bg-(--nuka-accent-bg) text-(--nuka-accent-fg)", "text-sm font-medium", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", r),
+		className: e("sr-only focus:not-sr-only", "fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)", "inline-flex items-center", "rounded-(--radius-md) px-(--space-4) py-(--space-2)", "bg-(--nuka-accent-bg) text-(--nuka-accent-fg)", "text-sm font-[number:var(--font-weight-medium)]", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", r),
 		...o,
 		children: a
 	});

package/dist/components/SkipLink/SkipLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkipLink.js","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\n /** Target element ID without the # prefix */\n targetId?: string;\n}\n\nfunction SkipLink({\n ref,\n className,\n targetId = \"main-content\",\n children = \"Skip to main content\",\n ...props\n}: SkipLinkProps) {\n return (\n <a\n ref={ref}\n href={`#${targetId}`}\n className={cn(\n \"sr-only focus:not-sr-only\",\n \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n \"inline-flex items-center\",\n \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n \"text-sm font-medium\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n {...props}\n >\n {children}\n </a>\n );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":";;;;;AAWA,SAAS,EAAS,EAChB,QACA,cACA,cAAW,gBACX,cAAW,wBACX,GAAG,KACa;~~AAChB~~,~~QACE~~,kBAAC,KAAD;EACO;EACL,MAAM,IAAI;EACV,WAAW,EACT,6BACA,6DACA,4BACA,uDACA,iDACA,~~uBACA~~,0DACA,+CACA,~~EACD~~;~~EACD~~,GAAI;EAEH;~~EACC~~,CAAA~~;;AAIR~~,EAAS,cAAc"}
1	+ {"version":3,"file":"SkipLink.js","names":[],"sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\n /** Target element ID without the # prefix */\n targetId?: string;\n}\n\nfunction SkipLink({\n ref,\n className,\n targetId = \"main-content\",\n children = \"Skip to main content\",\n ...props\n}: SkipLinkProps) {\n return (\n <a\n ref={ref}\n href={`#${targetId}`}\n className={cn(\n \"sr-only focus:not-sr-only\",\n \"fixed top-(--space-4) left-(--space-4) z-(--nuka-z-toast)\",\n \"inline-flex items-center\",\n \"rounded-(--radius-md) px-(--space-4) py-(--space-2)\",\n \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n \"text-sm font-[number:var(--font-weight-medium)]\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n \"focus-visible:outline-(--nuka-border-focus)\",\n className,\n )}\n {...props}\n >\n {children}\n </a>\n );\n}\n\nSkipLink.displayName = \"SkipLink\";\n\nexport { SkipLink };\n"],"mappings":";;;;;AAWA,SAAS,EAAS,EAChB,QACA,cACA,cAAW,gBACX,cAAW,wBACX,GAAG,KACa;CAChB,OACE,kBAAC,KAAD;EACO;EACL,MAAM,IAAI;EACV,WAAW,EACT,6BACA,6DACA,4BACA,uDACA,iDACA,mDACA,0DACA,+CACA,CACF;EACA,GAAI;EAEH;CACA,CAAA;AAEP;AAEA,EAAS,cAAc"}

package/dist/components/Slider/Slider.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../../hooks/use-form-field-props.cjs`),i=require(`./Slider.variants.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s={sm:24,md:18,lg:22};function c({ref:e,className:c,intent:l,size:u,value:d,defaultValue:f,min:p=0,max:m=100,step:h=1,onValueChange:g,showValue:_=!1,id:v,disabled:y,...b}){let x=r.useFormFieldProps({id:v,disabled:y,"aria-invalid":b[`aria-invalid`],"aria-describedby":b[`aria-describedby`],"aria-required":b[`aria-required`]}),[S,C]=n.useControllableState(d,f??p,g),[w,T]=a.useState(!1),E=(S-p)/(m-p)*100,D=s[u??`md`]/2;return(0,o.jsxs)(`div`,{className:t.cn(i.sliderWrapperVariants({size:u}),c),children:[(0,o.jsx)(`input`,{type:`range`,ref:e,id:x.resolvedId,min:p,max:m,step:h,value:S,onChange:e=>{C(Number(e.target.value))},onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:x.resolvedDisabled,className:`absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed`,"aria-valuemin":p,"aria-valuemax":m,"aria-valuenow":S,"aria-invalid":x.ariaInvalid,"aria-describedby":x.ariaDescribedBy,"aria-required":x.ariaRequired,...b}),(0,o.jsxs)(`div`,{className:i.sliderTrackVariants({size:u}),"aria-hidden":`true`,children:[(0,o.jsx)(`div`,{className:i.sliderFillVariants({intent:l}),style:{width:`${String(E)}%`},"data-testid":`slider-fill`}),(0,o.jsx)(`div`,{className:t.cn(i.sliderThumbVariants({intent:l,size:u}),w&&`outline-2 outline-offset-2 outline-(--nuka-border-focus)`),style:{left:`calc(${String(E)}% - ${String(D)}px)`},"data-testid":`slider-thumb`})]}),_&&(0,o.jsx)(`span`,{"aria-hidden":`true`,className:i.sliderValueVariants({size:u}),children:S})]})}c.displayName=`Slider`,exports.Slider=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../hooks/use-controllable-state.cjs"),r=require("../../hooks/use-form-field-props.cjs"),i=require("./Slider.variants.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s={sm:24,md:18,lg:22};function c({ref:e,className:c,intent:l,size:u,value:d,defaultValue:f,min:p=0,max:m=100,step:h=1,onValueChange:g,showValue:_=!1,id:v,disabled:y,...b}){let x=r.useFormFieldProps({id:v,disabled:y,"aria-invalid":b[`aria-invalid`],"aria-describedby":b[`aria-describedby`],"aria-required":b[`aria-required`]}),[S,C]=n.useControllableState(d,f??p,g),[w,T]=a.useState(!1),E=(S-p)/(m-p)*100,D=s[u??`md`]/2;return(0,o.jsxs)(`div`,{className:t.cn(i.sliderWrapperVariants({size:u}),c),"data-slot":`root`,children:[(0,o.jsx)(`input`,{type:`range`,ref:e,id:x.resolvedId,min:p,max:m,step:h,value:S,onChange:e=>{C(Number(e.target.value))},onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:x.resolvedDisabled,className:`absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed`,"aria-valuemin":p,"aria-valuemax":m,"aria-valuenow":S,"aria-invalid":x.ariaInvalid,"aria-describedby":x.ariaDescribedBy,"aria-required":x.ariaRequired,"data-slot":`input`,...b}),(0,o.jsxs)(`div`,{className:i.sliderTrackVariants({size:u}),"aria-hidden":`true`,"data-slot":`track`,children:[(0,o.jsx)(`div`,{className:i.sliderFillVariants({intent:l}),style:{width:`${String(E)}%`},"data-slot":`fill`,"data-testid":`slider-fill`}),(0,o.jsx)(`div`,{className:t.cn(i.sliderThumbVariants({intent:l,size:u}),w&&`outline-2 outline-offset-2 outline-(--nuka-border-focus)`),style:{left:`calc(${String(E)}% - ${String(D)}px)`},"data-slot":`thumb`,"data-testid":`slider-thumb`})]}),_&&(0,o.jsx)(`span`,{"aria-hidden":`true`,className:i.sliderValueVariants({size:u}),"data-slot":`value`,children:S})]})}c.displayName=`Slider`,exports.Slider=c;
 //# sourceMappingURL=Slider.cjs.map

package/dist/components/Slider/Slider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.cjs","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n sm: 24,\n md: 18,\n lg: 22,\n} as const;\n\nexport interface SliderProps\n extends\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" \| \"type\" \| \"onChange\"\n >,\n SliderVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value?: number;\n defaultValue?: number;\n min?: number;\n max?: number;\n step?: number;\n onValueChange?: (value: number) => void;\n showValue?: boolean;\n}\n\n/*\n Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n \n WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n /\nfunction Slider({\n ref,\n className,\n intent,\n size,\n value: controlledValue,\n defaultValue,\n min = 0,\n max = 100,\n step = 1,\n onValueChange,\n showValue = false,\n id,\n disabled,\n ...props\n}: SliderProps) {\n const field = useFormFieldProps({\n id,\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n \"aria-required\": props[\"aria-required\"],\n });\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue ?? min,\n onValueChange,\n );\n const [focused, setFocused] = React.useState(false);\n const percentage = ((currentValue - min) / (max - min)) 100;\n const resolvedSize = size ?? \"md\";\n const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setCurrentValue(Number(e.target.value));\n };\n\n return (\n <div className={cn(sliderWrapperVariants({ size }), className)}>\n {/* Native input: invisible, covers full interactive area /}\n <input\n type=\"range\"\n ref={ref}\n id={field.resolvedId}\n min={min}\n max={max}\n step={step}\n value={currentValue}\n onChange={handleChange}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n disabled={field.resolvedDisabled}\n className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={currentValue}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n {...props}\n />\n\n {/ Track /}\n <div className={sliderTrackVariants({ size })} aria-hidden=\"true\">\n {/ Fill /}\n <div\n className={sliderFillVariants({ intent })}\n style={{ width: `${String(percentage)}%` }}\n data-testid=\"slider-fill\"\n />\n\n {/ Thumb /}\n <div\n className={cn(\n sliderThumbVariants({ intent, size }),\n focused &&\n \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n )}\n style={{\n left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n }}\n data-testid=\"slider-thumb\"\n />\n </div>\n\n {/ Optional value display */}\n {showValue && (\n <span aria-hidden=\"true\" className={sliderValueVariants({ size })}>\n {currentValue}\n </span>\n )}\n </div>\n );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n Slider,\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n};\n"],"mappings":"yTAcA,IAAM,EAAc,CAClB,GAAI,GACJ,GAAI,GACJ,GAAI,~~GACL~~,~~CAyBD~~,SAAS,EAAO,CACd,MACA,YACA,SACA,OACA,MAAO,EACP,eACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,gBACA,YAAY,GACZ,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,~~iBACxB~~,CAAC,~~CAEI~~,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,GAAgB,EAChB,~~EACD~~,~~CACK~~,CAAC,EAAS,GAAc,EAAM,SAAS,~~GAAM~~,~~CAC7C~~,GAAe,EAAe,IAAQ,EAAM,GAAQ,IAEpD,EAAc,EADC,GAAQ,MACmB,EAMhD,OACE,EAAA,EAAA,MAAC,MAAD,~~CAAK~~,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,~~OAAM~~,CAAC,~~CAAE~~,~~EAAU~~,~~UAA9D~~,~~EAEE~~,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,QACA,MACL,GAAI,EAAM,WACL,MACA,MACC,OACN,MAAO,EACP,~~SAfgB~~,GAA2C,CAC/D,EAAgB,OAAO,EAAE,OAAO,~~MAAM~~,CAAC,~~EAenC~~,YAAe,EAAW,~~GAAK~~,~~CAC/B~~,WAAc,EAAW,~~GAAM~~,~~CAC/B~~,SAAU,EAAM,iBAChB,UAAU,sFACV,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,GAAI,~~EACJ~~,CAAA,~~EAGF~~,EAAA,EAAA,MAAC,MAAD,~~CAAK~~,UAAW,EAAA,oBAAoB,CAAE,~~OAAM~~,CAAC,~~CAAE~~,cAAY,~~gBAA3D~~,~~EAEE~~,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,mBAAmB,CAAE,~~SAAQ~~,CAAC,~~CACzC~~,MAAO,CAAE,MAAO,GAAG,OAAO,~~EAAW~~,~~CAAC~~,~~GAAI~~,~~CAC1C~~,cAAY,~~cACZ~~,CAAA,~~EAGF~~,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,EAAA,oBAAoB,CAAE,SAAQ,~~OAAM~~,CAAC,~~CACrC~~,GACE,~~2DACH~~,~~CACD~~,MAAO,CACL,KAAM,QAAQ,OAAO,~~EAAW~~,~~CAAC~~,MAAM,OAAO,~~EAAY~~,~~CAAC~~,~~KAC5D~~,~~CACD~~,cAAY,~~eACZ~~,CAAA,CACE,~~GAGL~~,IACC,EAAA,EAAA,KAAC,OAAD,~~CAAM~~,cAAY,~~OAAO~~,UAAW,EAAA,oBAAoB,CAAE,~~OAAM~~,CAAC,~~UAC9D~~,~~EACI~~,CAAA,CAEL,~~GAIV~~,EAAO,YAAc"}
1	+ {"version":3,"file":"Slider.cjs","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n sm: 24,\n md: 18,\n lg: 22,\n} as const;\n\nexport interface SliderProps\n extends\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" \| \"type\" \| \"onChange\"\n >,\n SliderVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value?: number;\n defaultValue?: number;\n min?: number;\n max?: number;\n step?: number;\n onValueChange?: (value: number) => void;\n showValue?: boolean;\n}\n\n/*\n Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n \n WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n /\nfunction Slider({\n ref,\n className,\n intent,\n size,\n value: controlledValue,\n defaultValue,\n min = 0,\n max = 100,\n step = 1,\n onValueChange,\n showValue = false,\n id,\n disabled,\n ...props\n}: SliderProps) {\n const field = useFormFieldProps({\n id,\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n \"aria-required\": props[\"aria-required\"],\n });\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue ?? min,\n onValueChange,\n );\n const [focused, setFocused] = React.useState(false);\n const percentage = ((currentValue - min) / (max - min)) 100;\n const resolvedSize = size ?? \"md\";\n const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setCurrentValue(Number(e.target.value));\n };\n\n return (\n <div\n className={cn(sliderWrapperVariants({ size }), className)}\n data-slot=\"root\"\n >\n {/* Native input: invisible, covers full interactive area /}\n <input\n type=\"range\"\n ref={ref}\n id={field.resolvedId}\n min={min}\n max={max}\n step={step}\n value={currentValue}\n onChange={handleChange}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n disabled={field.resolvedDisabled}\n className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={currentValue}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n data-slot=\"input\"\n {...props}\n />\n\n {/ Track /}\n <div\n className={sliderTrackVariants({ size })}\n aria-hidden=\"true\"\n data-slot=\"track\"\n >\n {/ Fill /}\n <div\n className={sliderFillVariants({ intent })}\n style={{ width: `${String(percentage)}%` }}\n data-slot=\"fill\"\n data-testid=\"slider-fill\"\n />\n\n {/ Thumb /}\n <div\n className={cn(\n sliderThumbVariants({ intent, size }),\n focused &&\n \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n )}\n style={{\n left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n }}\n data-slot=\"thumb\"\n data-testid=\"slider-thumb\"\n />\n </div>\n\n {/ Optional value display */}\n {showValue && (\n <span\n aria-hidden=\"true\"\n className={sliderValueVariants({ size })}\n data-slot=\"value\"\n >\n {currentValue}\n </span>\n )}\n </div>\n );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n Slider,\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n};\n"],"mappings":"yTAcA,IAAM,EAAc,CAClB,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAyBA,SAAS,EAAO,CACd,MACA,YACA,SACA,OACA,MAAO,EACP,eACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,gBACA,YAAY,GACZ,KACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,gBACzB,CAAC,EAEK,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,GAAgB,EAChB,CACF,EACM,CAAC,EAAS,GAAc,EAAM,SAAS,EAAK,EAC5C,GAAe,EAAe,IAAQ,EAAM,GAAQ,IAEpD,EAAc,EADC,GAAQ,MACmB,EAMhD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,MAAK,CAAC,EAAG,CAAS,EACxD,YAAU,gBAFZ,EAKE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,QACA,MACL,GAAI,EAAM,WACL,MACA,MACC,OACN,MAAO,EACP,SAlBgB,GAA2C,CAC/D,EAAgB,OAAO,EAAE,OAAO,KAAK,CAAC,CACxC,EAiBM,YAAe,EAAW,EAAI,EAC9B,WAAc,EAAW,EAAK,EAC9B,SAAU,EAAM,iBAChB,UAAU,sFACV,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,YAAU,QACV,GAAI,CACL,CAAA,GAGD,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,oBAAoB,CAAE,MAAK,CAAC,EACvC,cAAY,OACZ,YAAU,iBAHZ,EAME,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,mBAAmB,CAAE,QAAO,CAAC,EACxC,MAAO,CAAE,MAAO,GAAG,OAAO,CAAU,EAAE,EAAG,EACzC,YAAU,OACV,cAAY,aACb,CAAA,GAGD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,EAAA,oBAAoB,CAAE,SAAQ,MAAK,CAAC,EACpC,GACE,0DACJ,EACA,MAAO,CACL,KAAM,QAAQ,OAAO,CAAU,EAAE,MAAM,OAAO,CAAW,EAAE,IAC7D,EACA,YAAU,QACV,cAAY,cACb,CAAA,CACE,IAGJ,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,oBAAoB,CAAE,MAAK,CAAC,EACvC,YAAU,iBAET,CACG,CAAA,CAEL,GAET,CAEA,EAAO,YAAc"}

package/dist/components/Slider/Slider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAQjD,MAAM,WAAW,WACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,kBAAkB;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,SAAiB,EACjB,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,~~2CA+Eb~~;~~kBA9FQ~~,MAAM;;;~~AAkGf~~,OAAO,EACL,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}
1	+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAQjD,MAAM,WAAW,WACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,kBAAkB;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,SAAiB,EACjB,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA6Fb;kBA5GQ,MAAM;;;AAgHf,OAAO,EACL,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}

package/dist/components/Slider/Slider.js CHANGED Viewed

@@ -21,6 +21,7 @@ function f({ ref: f, className: p, intent: m, size: h, value: g, defaultValue: _
 	}), [D, O] = t(g, _ ?? v, x), [k, A] = c.useState(!1), j = (D - v) / (y - v) * 100, M = d[h ?? "md"] / 2;
 	return /* @__PURE__ */ u("div", {
 		className: e(s({ size: h }), p),
+		"data-slot": "root",
 		children: [
 			/* @__PURE__ */ l("input", {
 				type: "range",
@@ -43,14 +44,17 @@ function f({ ref: f, className: p, intent: m, size: h, value: g, defaultValue: _
 				"aria-invalid": E.ariaInvalid,
 				"aria-describedby": E.ariaDescribedBy,
 				"aria-required": E.ariaRequired,
+				"data-slot": "input",
 				...T
 			}),
 			/* @__PURE__ */ u("div", {
 				className: a({ size: h }),
 				"aria-hidden": "true",
+				"data-slot": "track",
 				children: [/* @__PURE__ */ l("div", {
 					className: r({ intent: m }),
 					style: { width: `${String(j)}%` },
+					"data-slot": "fill",
 					"data-testid": "slider-fill"
 				}), /* @__PURE__ */ l("div", {
 					className: e(i({
@@ -58,12 +62,14 @@ function f({ ref: f, className: p, intent: m, size: h, value: g, defaultValue: _
 						size: h
 					}), k && "outline-2 outline-offset-2 outline-(--nuka-border-focus)"),
 					style: { left: `calc(${String(j)}% - ${String(M)}px)` },
+					"data-slot": "thumb",
 					"data-testid": "slider-thumb"
 				})]
 			}),
 			S && /* @__PURE__ */ l("span", {
 				"aria-hidden": "true",
 				className: o({ size: h }),
+				"data-slot": "value",
 				children: D
 			})
 		]

package/dist/components/Slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n sm: 24,\n md: 18,\n lg: 22,\n} as const;\n\nexport interface SliderProps\n extends\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" \| \"type\" \| \"onChange\"\n >,\n SliderVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value?: number;\n defaultValue?: number;\n min?: number;\n max?: number;\n step?: number;\n onValueChange?: (value: number) => void;\n showValue?: boolean;\n}\n\n/*\n Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n \n WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n /\nfunction Slider({\n ref,\n className,\n intent,\n size,\n value: controlledValue,\n defaultValue,\n min = 0,\n max = 100,\n step = 1,\n onValueChange,\n showValue = false,\n id,\n disabled,\n ...props\n}: SliderProps) {\n const field = useFormFieldProps({\n id,\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n \"aria-required\": props[\"aria-required\"],\n });\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue ?? min,\n onValueChange,\n );\n const [focused, setFocused] = React.useState(false);\n const percentage = ((currentValue - min) / (max - min)) 100;\n const resolvedSize = size ?? \"md\";\n const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setCurrentValue(Number(e.target.value));\n };\n\n return (\n <div className={cn(sliderWrapperVariants({ size }), className)}>\n {/* Native input: invisible, covers full interactive area /}\n <input\n type=\"range\"\n ref={ref}\n id={field.resolvedId}\n min={min}\n max={max}\n step={step}\n value={currentValue}\n onChange={handleChange}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n disabled={field.resolvedDisabled}\n className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={currentValue}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n {...props}\n />\n\n {/ Track /}\n <div className={sliderTrackVariants({ size })} aria-hidden=\"true\">\n {/ Fill /}\n <div\n className={sliderFillVariants({ intent })}\n style={{ width: `${String(percentage)}%` }}\n data-testid=\"slider-fill\"\n />\n\n {/ Thumb /}\n <div\n className={cn(\n sliderThumbVariants({ intent, size }),\n focused &&\n \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n )}\n style={{\n left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n }}\n data-testid=\"slider-thumb\"\n />\n </div>\n\n {/ Optional value display */}\n {showValue && (\n <span aria-hidden=\"true\" className={sliderValueVariants({ size })}>\n {currentValue}\n </span>\n )}\n </div>\n );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n Slider,\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n};\n"],"mappings":";;;;;;;;AAcA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;~~CACL~~;~~AAyBD~~,SAAS,EAAO,EACd,QACA,cACA,WACA,SACA,OAAO,GACP,iBACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,kBACA,eAAY,IACZ,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EAAkB;EAC9B;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;~~EACxB~~,CAAC,~~EAEI~~,CAAC,GAAc,KAAmB,EACtC,GACA,KAAgB,GAChB,~~EACD~~,~~EACK~~,CAAC,GAAS,KAAc,EAAM,SAAS,~~GAAM~~,~~EAC7C~~,KAAe,IAAe,MAAQ,IAAM,KAAQ,KAEpD,IAAc,EADC,KAAQ,QACmB;~~AAMhD~~,~~QACE~~,kBAAC,OAAD;~~EAAK~~,WAAW,EAAG,EAAsB,EAAE,~~SAAM~~,CAAC,~~EAAE~~,~~EAAU~~;~~YAA9D~~;~~GAEE~~,kBAAC,SAAD;IACE,MAAK;IACA;IACL,IAAI,EAAM;IACL;IACA;IACC;IACN,OAAO;IACP,~~WAfgB~~,MAA2C;~~AAC~~/D,~~OAAgB~~,OAAO,EAAE,OAAO,~~MAAM~~,CAAC~~;;IAenC~~,eAAe,EAAW,~~GAAK~~;~~IAC/B~~,cAAc,EAAW,~~GAAM~~;~~IAC/B~~,UAAU,EAAM;IAChB,WAAU;IACV,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,gBAAc,EAAM;IACpB,oBAAkB,EAAM;IACxB,iBAAe,EAAM;IACrB,GAAI;~~IACJ~~,CAAA;~~GAGF~~,kBAAC,OAAD;~~IAAK~~,WAAW,EAAoB,EAAE,~~SAAM~~,CAAC;~~IAAE~~,eAAY;~~cAA3D~~,~~CAEE~~,kBAAC,OAAD;KACE,WAAW,EAAmB,EAAE,~~WAAQ~~,CAAC;~~KACzC~~,OAAO,EAAE,OAAO,GAAG,OAAO,~~EAAW~~,~~CAAC~~,~~IAAI~~;~~KAC1C~~,eAAY;~~KACZ~~,CAAA,~~EAGF~~,kBAAC,OAAD;KACE,WAAW,EACT,EAAoB;MAAE;MAAQ;~~MAAM~~,CAAC,~~EACrC~~,KACE,~~2DACH~~;~~KACD~~,OAAO,EACL,MAAM,QAAQ,OAAO,~~EAAW~~,~~CAAC~~,MAAM,OAAO,~~EAAY~~,~~CAAC~~,~~MAC5D~~;~~KACD~~,eAAY;~~KACZ~~,CAAA,CACE;;~~GAGL~~,KACC,kBAAC,QAAD;~~IAAM~~,eAAY;~~IAAO~~,WAAW,EAAoB,EAAE,~~SAAM~~,CAAC;~~cAC9D~~;~~IACI~~,CAAA;~~GAEL;;;AAIV~~,EAAO,cAAc"}
1	+ {"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n type SliderVariantProps,\n} from \"@nuka/components/Slider/Slider.variants\";\n\nconst THUMB_SIZES = {\n sm: 24,\n md: 18,\n lg: 22,\n} as const;\n\nexport interface SliderProps\n extends\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" \| \"type\" \| \"onChange\"\n >,\n SliderVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value?: number;\n defaultValue?: number;\n min?: number;\n max?: number;\n step?: number;\n onValueChange?: (value: number) => void;\n showValue?: boolean;\n}\n\n/*\n Custom range slider built on a visually-replaced native `<input type=\"range\">`.\n \n WCAG 2.5.7: Dragging alternative satisfied by native keyboard support\n * (Arrow keys, Home, End, Page Up/Down).\n /\nfunction Slider({\n ref,\n className,\n intent,\n size,\n value: controlledValue,\n defaultValue,\n min = 0,\n max = 100,\n step = 1,\n onValueChange,\n showValue = false,\n id,\n disabled,\n ...props\n}: SliderProps) {\n const field = useFormFieldProps({\n id,\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n \"aria-required\": props[\"aria-required\"],\n });\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue ?? min,\n onValueChange,\n );\n const [focused, setFocused] = React.useState(false);\n const percentage = ((currentValue - min) / (max - min)) 100;\n const resolvedSize = size ?? \"md\";\n const thumbOffset = THUMB_SIZES[resolvedSize] / 2;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setCurrentValue(Number(e.target.value));\n };\n\n return (\n <div\n className={cn(sliderWrapperVariants({ size }), className)}\n data-slot=\"root\"\n >\n {/* Native input: invisible, covers full interactive area /}\n <input\n type=\"range\"\n ref={ref}\n id={field.resolvedId}\n min={min}\n max={max}\n step={step}\n value={currentValue}\n onChange={handleChange}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n disabled={field.resolvedDisabled}\n className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={currentValue}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n data-slot=\"input\"\n {...props}\n />\n\n {/ Track /}\n <div\n className={sliderTrackVariants({ size })}\n aria-hidden=\"true\"\n data-slot=\"track\"\n >\n {/ Fill /}\n <div\n className={sliderFillVariants({ intent })}\n style={{ width: `${String(percentage)}%` }}\n data-slot=\"fill\"\n data-testid=\"slider-fill\"\n />\n\n {/ Thumb /}\n <div\n className={cn(\n sliderThumbVariants({ intent, size }),\n focused &&\n \"outline-2 outline-offset-2 outline-(--nuka-border-focus)\",\n )}\n style={{\n left: `calc(${String(percentage)}% - ${String(thumbOffset)}px)`,\n }}\n data-slot=\"thumb\"\n data-testid=\"slider-thumb\"\n />\n </div>\n\n {/ Optional value display */}\n {showValue && (\n <span\n aria-hidden=\"true\"\n className={sliderValueVariants({ size })}\n data-slot=\"value\"\n >\n {currentValue}\n </span>\n )}\n </div>\n );\n}\n\nSlider.displayName = \"Slider\";\n\nexport {\n Slider,\n sliderWrapperVariants,\n sliderTrackVariants,\n sliderFillVariants,\n sliderThumbVariants,\n sliderValueVariants,\n};\n"],"mappings":";;;;;;;;AAcA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAyBA,SAAS,EAAO,EACd,QACA,cACA,WACA,SACA,OAAO,GACP,iBACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,kBACA,eAAY,IACZ,OACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,EAAkB;EAC9B;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;CACzB,CAAC,GAEK,CAAC,GAAc,KAAmB,EACtC,GACA,KAAgB,GAChB,CACF,GACM,CAAC,GAAS,KAAc,EAAM,SAAS,EAAK,GAC5C,KAAe,IAAe,MAAQ,IAAM,KAAQ,KAEpD,IAAc,EADC,KAAQ,QACmB;CAMhD,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAsB,EAAE,QAAK,CAAC,GAAG,CAAS;EACxD,aAAU;YAFZ;GAKE,kBAAC,SAAD;IACE,MAAK;IACA;IACL,IAAI,EAAM;IACL;IACA;IACC;IACN,OAAO;IACP,WAlBgB,MAA2C;KAC/D,EAAgB,OAAO,EAAE,OAAO,KAAK,CAAC;IACxC;IAiBM,eAAe,EAAW,EAAI;IAC9B,cAAc,EAAW,EAAK;IAC9B,UAAU,EAAM;IAChB,WAAU;IACV,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,gBAAc,EAAM;IACpB,oBAAkB,EAAM;IACxB,iBAAe,EAAM;IACrB,aAAU;IACV,GAAI;GACL,CAAA;GAGD,kBAAC,OAAD;IACE,WAAW,EAAoB,EAAE,QAAK,CAAC;IACvC,eAAY;IACZ,aAAU;cAHZ,CAME,kBAAC,OAAD;KACE,WAAW,EAAmB,EAAE,UAAO,CAAC;KACxC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAU,EAAE,GAAG;KACzC,aAAU;KACV,eAAY;IACb,CAAA,GAGD,kBAAC,OAAD;KACE,WAAW,EACT,EAAoB;MAAE;MAAQ;KAAK,CAAC,GACpC,KACE,0DACJ;KACA,OAAO,EACL,MAAM,QAAQ,OAAO,CAAU,EAAE,MAAM,OAAO,CAAW,EAAE,KAC7D;KACA,aAAU;KACV,eAAY;IACb,CAAA,CACE;;GAGJ,KACC,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAoB,EAAE,QAAK,CAAC;IACvC,aAAU;cAET;GACG,CAAA;EAEL;;AAET;AAEA,EAAO,cAAc"}

package/dist/components/Slider/Slider.variants.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`relative flex items-center w-full`],{variants:{size:{sm:`min-h-[24px]`,md:`min-h-[24px]`,lg:`min-h-[24px]`}},defaultVariants:{size:`md`}}),n=e.cva([`relative w-full rounded-full`,`bg-(--nuka-border-base)`],{variants:{size:{sm:`h-1`,md:`h-1.5`,lg:`h-2`}},defaultVariants:{size:`md`}}),r=e.cva([`absolute left-0 top-0 h-full rounded-full`,`transition-[width] duration-75`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`}},defaultVariants:{intent:`default`}}),i=e.cva([`absolute top-1/2 -translate-y-1/2`,`rounded-full`,`border-2 border-(--nuka-bg-base)`,`shadow-sm`,`transition-[left] duration-75`,`pointer-events-none`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`},size:{sm:`w-6 h-6`,md:`w-[18px] h-[18px]`,lg:`w-[22px] h-[22px]`}},defaultVariants:{intent:`default`,size:`md`}}),a=e.cva([`tabular-nums text-(--nuka-text-muted)`,`ml-(--space-3)`,`select-none`],{variants:{size:{sm:`text-xs`,md:`text-sm`,lg:`text-base`}},defaultVariants:{size:`md`}});exports.sliderFillVariants=r,exports.sliderThumbVariants=i,exports.sliderTrackVariants=n,exports.sliderValueVariants=a,exports.sliderWrapperVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`relative flex items-center w-full`],{variants:{size:{sm:`min-h-[24px]`,md:`min-h-[24px]`,lg:`min-h-[24px]`}},defaultVariants:{size:`md`}}),n=e.cva([`relative w-full rounded-full`,`bg-(--nuka-border-base)`],{variants:{size:{sm:`h-1`,md:`h-1.5`,lg:`h-2`}},defaultVariants:{size:`md`}}),r=e.cva([`absolute left-0 top-0 h-full rounded-full`,`transition-[width] duration-75`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`}},defaultVariants:{intent:`default`}}),i=e.cva([`absolute top-1/2 -translate-y-1/2`,`rounded-full`,`border-2 border-(--nuka-bg-base)`,`shadow-sm`,`transition-[left] duration-75`,`pointer-events-none`],{variants:{intent:{default:`bg-(--nuka-accent-bg)`,danger:`bg-(--nuka-danger-base)`,success:`bg-(--nuka-success-base)`,warning:`bg-(--nuka-warning-base)`},size:{sm:`w-6 h-6`,md:`w-[18px] h-[18px]`,lg:`w-[22px] h-[22px]`}},defaultVariants:{intent:`default`,size:`md`}}),a=e.cva([`tabular-nums text-(--nuka-text-muted)`,`ml-(--space-3)`,`select-none`],{variants:{size:{sm:`text-xs`,md:`text-sm`,lg:`text-base`}},defaultVariants:{size:`md`}});exports.sliderFillVariants=r,exports.sliderThumbVariants=i,exports.sliderTrackVariants=n,exports.sliderValueVariants=a,exports.sliderWrapperVariants=t;
 //# sourceMappingURL=Slider.variants.cjs.map

package/dist/components/Slider/Slider.variants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.variants.cjs","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n [\"relative flex items-center w-full\"],\n {\n variants: {\n size: {\n sm: \"min-h-[24px]\",\n md: \"min-h-[24px]\",\n lg: \"min-h-[24px]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const sliderTrackVariants = cva(\n [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n {\n variants: {\n size: {\n sm: \"h-1\",\n md: \"h-1.5\",\n lg: \"h-2\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const sliderFillVariants = cva(\n [\n \"absolute left-0 top-0 h-full rounded-full\",\n \"transition-[width] duration-75\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport const sliderThumbVariants = cva(\n [\n \"absolute top-1/2 -translate-y-1/2\",\n \"rounded-full\",\n \"border-2 border-(--nuka-bg-base)\",\n \"shadow-sm\",\n \"transition-[left] duration-75\",\n \"pointer-events-none\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n size: {\n sm: \"w-6 h-6\",\n md: \"w-[18px] h-[18px]\",\n lg: \"w-[22px] h-[22px]\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const sliderValueVariants = cva(\n [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n {\n variants: {\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n VariantProps<typeof sliderThumbVariants>;\n"],"mappings":"8EAEA,IAAa,EAAwB,EAAA,IACnC,CAAC,~~oCAAoC~~,~~CACrC~~,CACE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,~~eACL~~,CACF,~~CACD~~,gBAAiB,CACf,KAAM,~~KACP~~,CACF,CACF,~~CAEY~~,EAAsB,EAAA,IACjC,CAAC,+BAAgC,~~0BAA0B~~,~~CAC3D~~,CACE,SAAU,CACR,KAAM,~~CACJ~~,GAAI,~~MACJ~~,GAAI,~~QACJ~~,GAAI,~~MACL~~,CACF,~~CACD~~,gBAAiB,CACf,KAAM,~~KACP~~,CACF,CACF,~~CAEY~~,EAAqB,EAAA,IAChC,CACE,4CACA,~~iCACD~~,~~CACD~~,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,~~2BACV~~,CACF,~~CACD~~,gBAAiB,CACf,OAAQ,~~UACT~~,CACF,CACF,~~CAEY~~,EAAsB,EAAA,IACjC,CACE,oCACA,eACA,mCACA,YACA,gCACA,~~sBACD~~,~~CACD~~,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,~~2BACV~~,~~CACD~~,KAAM,CACJ,GAAI,~~UACJ~~,GAAI,~~oBACJ~~,GAAI,~~oBACL~~,CACF,~~CACD~~,gBAAiB,CACf,OAAQ,UACR,KAAM,~~KACP~~,CACF,CACF,~~CAEY~~,EAAsB,EAAA,IACjC,CAAC,wCAAyC,iBAAkB,~~cAAc~~,~~CAC1E~~,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,~~YACL~~,CACF,~~CACD~~,gBAAiB,CACf,KAAM,~~KACP~~,CACF,CACF"}
1	+ {"version":3,"file":"Slider.variants.cjs","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n [\"relative flex items-center w-full\"],\n {\n variants: {\n size: {\n sm: \"min-h-[24px]\",\n md: \"min-h-[24px]\",\n lg: \"min-h-[24px]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n {\n variants: {\n size: {\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n sm: \"h-1\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"h-1.5\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n lg: \"h-2\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const sliderFillVariants = cva(\n [\n \"absolute left-0 top-0 h-full rounded-full\",\n \"transition-[width] duration-75\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport const sliderThumbVariants = cva(\n [\n \"absolute top-1/2 -translate-y-1/2\",\n \"rounded-full\",\n \"border-2 border-(--nuka-bg-base)\",\n \"shadow-sm\",\n \"transition-[left] duration-75\",\n \"pointer-events-none\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n // the touch target together with the overlay <input> at inset-0.\n size: {\n sm: \"w-6 h-6\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"w-[18px] h-[18px]\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n lg: \"w-[22px] h-[22px]\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const sliderValueVariants = cva(\n [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n {\n variants: {\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n VariantProps<typeof sliderThumbVariants>;\n"],"mappings":"8EAEA,IAAa,EAAwB,EAAA,IACnC,CAAC,mCAAmC,EACpC,CACE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,cACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAKa,EAAsB,EAAA,IACjC,CAAC,+BAAgC,yBAAyB,EAC1D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,MAEJ,GAAI,QAEJ,GAAI,KACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEa,EAAqB,EAAA,IAChC,CACE,4CACA,gCACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,0BACX,CACF,EACA,gBAAiB,CACf,OAAQ,SACV,CACF,CACF,EAEa,EAAsB,EAAA,IACjC,CACE,oCACA,eACA,mCACA,YACA,gCACA,qBACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,wBACT,OAAQ,0BACR,QAAS,2BACT,QAAS,0BACX,EAGA,KAAM,CACJ,GAAI,UAEJ,GAAI,oBAEJ,GAAI,mBACN,CACF,EACA,gBAAiB,CACf,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAEa,EAAsB,EAAA,IACjC,CAAC,wCAAyC,iBAAkB,aAAa,EACzE,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,WACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF"}

package/dist/components/Slider/Slider.variants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,qBAAqB;;8EAcjC,CAAC;~~AAEF~~,eAAO,MAAM,mBAAmB;;~~8EAc~~/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;~~8EA4B~~/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACtE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
1	+ {"version":3,"file":"Slider.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,qBAAqB;;8EAcjC,CAAC;AAKF,eAAO,MAAM,mBAAmB;;8EAiB/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8EAgC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACtE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/components/Slider/Slider.variants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.variants.js","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n [\"relative flex items-center w-full\"],\n {\n variants: {\n size: {\n sm: \"min-h-[24px]\",\n md: \"min-h-[24px]\",\n lg: \"min-h-[24px]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const sliderTrackVariants = cva(\n [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n {\n variants: {\n size: {\n sm: \"h-1\",\n md: \"h-1.5\",\n lg: \"h-2\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const sliderFillVariants = cva(\n [\n \"absolute left-0 top-0 h-full rounded-full\",\n \"transition-[width] duration-75\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport const sliderThumbVariants = cva(\n [\n \"absolute top-1/2 -translate-y-1/2\",\n \"rounded-full\",\n \"border-2 border-(--nuka-bg-base)\",\n \"shadow-sm\",\n \"transition-[left] duration-75\",\n \"pointer-events-none\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n size: {\n sm: \"w-6 h-6\",\n md: \"w-[18px] h-[18px]\",\n lg: \"w-[22px] h-[22px]\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const sliderValueVariants = cva(\n [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n {\n variants: {\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n VariantProps<typeof sliderThumbVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,~~oCAAoC~~,~~EACrC~~;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;~~EACL~~,EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~MACP~~;~~CACF~~,CACF,~~EAEY~~,IAAsB,EACjC,CAAC,gCAAgC,~~0BAA0B~~,~~EAC3D~~;CACE,UAAU,EACR,MAAM;~~EACJ~~,IAAI;~~EACJ~~,IAAI;~~EACJ~~,IAAI;~~EACL~~,EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~MACP~~;~~CACF~~,CACF,~~EAEY~~,IAAqB,EAChC,CACE,6CACA,~~iCACD~~,~~EACD~~;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;~~EACV~~,EACF;~~CACD~~,iBAAiB,EACf,QAAQ,~~WACT~~;~~CACF~~,CACF,~~EAEY~~,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;~~CACD~~,~~EACD~~;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;~~GACV~~;~~EACD~~,MAAM;GACJ,IAAI;~~GACJ~~,IAAI;~~GACJ~~,IAAI;~~GACL~~;~~EACF~~;~~CACD~~,iBAAiB;EACf,QAAQ;EACR,MAAM;~~EACP~~;~~CACF~~,CACF,~~EAEY~~,IAAsB,EACjC;CAAC;CAAyC;CAAkB;~~CAAc~~,~~EAC1E~~;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;~~EACL~~,EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~MACP~~;~~CACF~~,CACF"}
1	+ {"version":3,"file":"Slider.variants.js","names":[],"sources":["../../../src/components/Slider/Slider.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sliderWrapperVariants = cva(\n [\"relative flex items-center w-full\"],\n {\n variants: {\n size: {\n sm: \"min-h-[24px]\",\n md: \"min-h-[24px]\",\n lg: \"min-h-[24px]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\n// The track is the visual bar inside sliderWrapperVariants; the wrapper\n// (min-h-[24px]) plus the overlay input provide the touch target. The track\n// itself is a thin decorative sub-element.\nexport const sliderTrackVariants = cva(\n [\"relative w-full rounded-full\", \"bg-(--nuka-border-base)\"],\n {\n variants: {\n size: {\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n sm: \"h-1\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"h-1.5\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n lg: \"h-2\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const sliderFillVariants = cva(\n [\n \"absolute left-0 top-0 h-full rounded-full\",\n \"transition-[width] duration-75\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport const sliderThumbVariants = cva(\n [\n \"absolute top-1/2 -translate-y-1/2\",\n \"rounded-full\",\n \"border-2 border-(--nuka-bg-base)\",\n \"shadow-sm\",\n \"transition-[left] duration-75\",\n \"pointer-events-none\",\n ],\n {\n variants: {\n intent: {\n default: \"bg-(--nuka-accent-bg)\",\n danger: \"bg-(--nuka-danger-base)\",\n success: \"bg-(--nuka-success-base)\",\n warning: \"bg-(--nuka-warning-base)\",\n },\n // Thumb sits inside the wrapper (sliderWrapperVariants) which provides\n // the touch target together with the overlay <input> at inset-0.\n size: {\n sm: \"w-6 h-6\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"w-[18px] h-[18px]\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n lg: \"w-[22px] h-[22px]\",\n },\n },\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const sliderValueVariants = cva(\n [\"tabular-nums text-(--nuka-text-muted)\", \"ml-(--space-3)\", \"select-none\"],\n {\n variants: {\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport type SliderVariantProps = VariantProps<typeof sliderFillVariants> &\n VariantProps<typeof sliderThumbVariants>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,mCAAmC,GACpC;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GAKa,IAAsB,EACjC,CAAC,gCAAgC,yBAAyB,GAC1D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EAEJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GAEa,IAAqB,EAChC,CACE,6CACA,gCACF,GACA;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CACF,GAEa,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EAGA,MAAM;GACJ,IAAI;GAEJ,IAAI;GAEJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CACF,GAEa,IAAsB,EACjC;CAAC;CAAyC;CAAkB;AAAa,GACzE;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF"}

package/dist/components/Spinner/Spinner.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Spinner.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a={sm:2,md:2.5,lg:3};function o({ref:e,className:r,size:o,color:s,label:c,...l}){let u=o??`md`,d=s??`default`,f=l[`aria-hidden`]===!0,p=a[u];return(0,i.jsxs)(`span`,{ref:e,...!f&&{role:`status`},...!f&&!c&&{"aria-label":`Loading`},className:t.cn(n.spinnerVariants({size:u}),r),...l,children:[c&&!f&&(0,i.jsx)(`span`,{className:`sr-only`,children:c}),(0,i.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,className:`nuka-spinner size-full`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,stroke:`var(--nuka-border-base)`,strokeWidth:p,strokeLinecap:`round`,fill:`none`}),(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,className:n.spinnerColorVariants({color:d}),strokeWidth:p,strokeLinecap:`round`,strokeDasharray:`56.5`,strokeDashoffset:`42.4`,fill:`none`})]})]})}o.displayName=`Spinner`,exports.Spinner=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Spinner.variants.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={sm:2,md:2.5,lg:3};function o({ref:e,className:r,size:o,color:s,label:c,...l}){let u=o??`md`,d=s??`default`,f=l[`aria-hidden`]===!0,p=a[u];return(0,i.jsxs)(`span`,{ref:e,...!f&&{role:`status`},...!f&&!c&&{"aria-label":`Loading`},className:t.cn(n.spinnerVariants({size:u}),r),...l,children:[c&&!f&&(0,i.jsx)(`span`,{className:`sr-only`,children:c}),(0,i.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,className:`nuka-spinner size-full`,children:[(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,stroke:`var(--nuka-border-base)`,strokeWidth:p,strokeLinecap:`round`,fill:`none`}),(0,i.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`,className:n.spinnerColorVariants({color:d}),strokeWidth:p,strokeLinecap:`round`,strokeDasharray:`56.5`,strokeDashoffset:`42.4`,fill:`none`})]})]})}o.displayName=`Spinner`,exports.Spinner=o;
 //# sourceMappingURL=Spinner.cjs.map

package/dist/components/Spinner/Spinner.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n spinnerVariants,\n spinnerColorVariants,\n type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n sm: 2,\n md: 2.5,\n lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n extends\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n SpinnerVariantProps {\n ref?: React.Ref<HTMLSpanElement> \| undefined;\n label?: string;\n}\n\nfunction Spinner({\n ref,\n className,\n size: sizeProp,\n color: colorProp,\n label,\n ...props\n}: SpinnerProps) {\n const size: SpinnerSize = sizeProp ?? \"md\";\n const color: SpinnerColor = colorProp ?? \"default\";\n\n // Strict check: only boolean true triggers embedded mode\n const isHidden = props[\"aria-hidden\"] === true;\n\n const strokeWidth = strokeWidthMap[size];\n\n return (\n <span\n ref={ref}\n {...(!isHidden && { role: \"status\" })}\n {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n className={cn(spinnerVariants({ size }), className)}\n {...props}\n >\n {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n aria-hidden=\"true\"\n className=\"nuka-spinner size-full\"\n >\n {/* Track ring /}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n stroke=\"var(--nuka-border-base)\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n {/ Animated arc */}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n className={spinnerColorVariants({ color })}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeDasharray=\"56.5\"\n strokeDashoffset=\"42.4\"\n fill=\"none\"\n />\n </svg>\n </span>\n );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":"oNAaA,IAAM,EAAiB,CACrB,GAAI,EACJ,GAAI,IACJ,GAAI,~~EACL~~,~~CAUD~~,SAAS,EAAQ,CACf,MACA,YACA,KAAM,EACN,MAAO,EACP,QACA,GAAG,GACY,CACf,IAAM,EAAoB,GAAY,KAChC,EAAsB,GAAa,UAGnC,EAAW,EAAM,iBAAmB,GAEpC,EAAc,EAAe,GAEnC,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,GAAK,CAAC,GAAY,CAAE,KAAM,~~SAAU~~,~~CACpC~~,GAAK,CAAC,GAAY,CAAC,GAAS,CAAE,aAAc,~~UAAW~~,~~CACvD~~,UAAW,EAAA,GAAG,EAAA,gBAAgB,CAAE,~~OAAM~~,CAAC,~~CAAE~~,~~EAAU~~,~~CACnD~~,GAAI,WALN,CAOG,GAAS,CAAC,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,~~EAAa~~,CAAA,~~EAC/D~~,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,cAAY,OACZ,UAAU,kCAJZ,EAOE,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,OAAO,0BACM,cACb,cAAc,QACd,KAAK,~~OACL~~,CAAA,~~EAEF~~,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,UAAW,EAAA,qBAAqB,CAAE,~~QAAO~~,CAAC,~~CAC7B~~,cACb,cAAc,QACd,gBAAgB,OAChB,iBAAiB,OACjB,KAAK,~~OACL~~,CAAA,CACE,GACD,~~GAIX~~,EAAQ,YAAc"}
1	+ {"version":3,"file":"Spinner.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n spinnerVariants,\n spinnerColorVariants,\n type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n sm: 2,\n md: 2.5,\n lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n extends\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n SpinnerVariantProps {\n ref?: React.Ref<HTMLSpanElement> \| undefined;\n label?: string;\n}\n\nfunction Spinner({\n ref,\n className,\n size: sizeProp,\n color: colorProp,\n label,\n ...props\n}: SpinnerProps) {\n const size: SpinnerSize = sizeProp ?? \"md\";\n const color: SpinnerColor = colorProp ?? \"default\";\n\n // Strict check: only boolean true triggers embedded mode\n const isHidden = props[\"aria-hidden\"] === true;\n\n const strokeWidth = strokeWidthMap[size];\n\n return (\n <span\n ref={ref}\n {...(!isHidden && { role: \"status\" })}\n {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n className={cn(spinnerVariants({ size }), className)}\n {...props}\n >\n {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n aria-hidden=\"true\"\n className=\"nuka-spinner size-full\"\n >\n {/* Track ring /}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n stroke=\"var(--nuka-border-base)\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n {/ Animated arc */}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n className={spinnerColorVariants({ color })}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeDasharray=\"56.5\"\n strokeDashoffset=\"42.4\"\n fill=\"none\"\n />\n </svg>\n </span>\n );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":"oNAaA,IAAM,EAAiB,CACrB,GAAI,EACJ,GAAI,IACJ,GAAI,CACN,EAUA,SAAS,EAAQ,CACf,MACA,YACA,KAAM,EACN,MAAO,EACP,QACA,GAAG,GACY,CACf,IAAM,EAAoB,GAAY,KAChC,EAAsB,GAAa,UAGnC,EAAW,EAAM,iBAAmB,GAEpC,EAAc,EAAe,GAEnC,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,GAAK,CAAC,GAAY,CAAE,KAAM,QAAS,EACnC,GAAK,CAAC,GAAY,CAAC,GAAS,CAAE,aAAc,SAAU,EACtD,UAAW,EAAA,GAAG,EAAA,gBAAgB,CAAE,MAAK,CAAC,EAAG,CAAS,EAClD,GAAI,WALN,CAOG,GAAS,CAAC,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,CAAY,CAAA,GAC9D,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,cAAY,OACZ,UAAU,kCAJZ,EAOE,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,OAAO,0BACM,cACb,cAAc,QACd,KAAK,MACN,CAAA,GAED,EAAA,EAAA,KAAC,SAAD,CACE,GAAG,KACH,GAAG,KACH,EAAE,IACF,UAAW,EAAA,qBAAqB,CAAE,OAAM,CAAC,EAC5B,cACb,cAAc,QACd,gBAAgB,OAChB,iBAAiB,OACjB,KAAK,MACN,CAAA,CACE,GACD,GAEV,CAEA,EAAQ,YAAc"}

package/dist/components/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n spinnerVariants,\n spinnerColorVariants,\n type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n sm: 2,\n md: 2.5,\n lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n extends\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n SpinnerVariantProps {\n ref?: React.Ref<HTMLSpanElement> \| undefined;\n label?: string;\n}\n\nfunction Spinner({\n ref,\n className,\n size: sizeProp,\n color: colorProp,\n label,\n ...props\n}: SpinnerProps) {\n const size: SpinnerSize = sizeProp ?? \"md\";\n const color: SpinnerColor = colorProp ?? \"default\";\n\n // Strict check: only boolean true triggers embedded mode\n const isHidden = props[\"aria-hidden\"] === true;\n\n const strokeWidth = strokeWidthMap[size];\n\n return (\n <span\n ref={ref}\n {...(!isHidden && { role: \"status\" })}\n {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n className={cn(spinnerVariants({ size }), className)}\n {...props}\n >\n {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n aria-hidden=\"true\"\n className=\"nuka-spinner size-full\"\n >\n {/* Track ring /}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n stroke=\"var(--nuka-border-base)\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n {/ Animated arc */}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n className={spinnerColorVariants({ color })}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeDasharray=\"56.5\"\n strokeDashoffset=\"42.4\"\n fill=\"none\"\n />\n </svg>\n </span>\n );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;~~CACL~~;~~AAUD~~,SAAS,EAAQ,EACf,QACA,cACA,MAAM,GACN,OAAO,GACP,UACA,GAAG,KACY;CACf,IAAM,IAAoB,KAAY,MAChC,IAAsB,KAAa,WAGnC,IAAW,EAAM,mBAAmB,IAEpC,IAAc,EAAe;~~AAEnC~~,~~QACE~~,kBAAC,QAAD;EACO;EACL,GAAK,CAAC,KAAY,EAAE,MAAM,~~UAAU~~;~~EACpC~~,GAAK,CAAC,KAAY,CAAC,KAAS,EAAE,cAAc,~~WAAW~~;~~EACvD~~,WAAW,EAAG,EAAgB,EAAE,~~SAAM~~,CAAC,~~EAAE~~,~~EAAU~~;~~EACnD~~,GAAI;YALN,CAOG,KAAS,CAAC,KAAY,kBAAC,QAAD;GAAM,WAAU;aAAW;~~GAAa~~,CAAA,~~EAC/D~~,kBAAC,OAAD;GACE,SAAQ;GACR,MAAK;GACL,eAAY;GACZ,WAAU;aAJZ,CAOE,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,QAAO;IACM;IACb,eAAc;IACd,MAAK;~~IACL~~,CAAA,~~EAEF~~,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,WAAW,EAAqB,EAAE,~~UAAO~~,CAAC;~~IAC7B~~;IACb,eAAc;IACd,iBAAgB;IAChB,kBAAiB;IACjB,MAAK;~~IACL~~,CAAA,CACE;~~KACD;;;AAIX~~,EAAQ,cAAc"}
1	+ {"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n spinnerVariants,\n spinnerColorVariants,\n type SpinnerVariantProps,\n} from \"@nuka/components/Spinner/Spinner.variants\";\n\ntype SpinnerSize = NonNullable<SpinnerVariantProps[\"size\"]>;\ntype SpinnerColor = NonNullable<SpinnerVariantProps[\"color\"]>;\n\nconst strokeWidthMap = {\n sm: 2,\n md: 2.5,\n lg: 3,\n} as const satisfies Record<SpinnerSize, number>;\n\nexport interface SpinnerProps\n extends\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n SpinnerVariantProps {\n ref?: React.Ref<HTMLSpanElement> \| undefined;\n label?: string;\n}\n\nfunction Spinner({\n ref,\n className,\n size: sizeProp,\n color: colorProp,\n label,\n ...props\n}: SpinnerProps) {\n const size: SpinnerSize = sizeProp ?? \"md\";\n const color: SpinnerColor = colorProp ?? \"default\";\n\n // Strict check: only boolean true triggers embedded mode\n const isHidden = props[\"aria-hidden\"] === true;\n\n const strokeWidth = strokeWidthMap[size];\n\n return (\n <span\n ref={ref}\n {...(!isHidden && { role: \"status\" })}\n {...(!isHidden && !label && { \"aria-label\": \"Loading\" })}\n className={cn(spinnerVariants({ size }), className)}\n {...props}\n >\n {label && !isHidden && <span className=\"sr-only\">{label}</span>}\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n aria-hidden=\"true\"\n className=\"nuka-spinner size-full\"\n >\n {/* Track ring /}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n stroke=\"var(--nuka-border-base)\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n fill=\"none\"\n />\n {/ Animated arc */}\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"9\"\n className={spinnerColorVariants({ color })}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeDasharray=\"56.5\"\n strokeDashoffset=\"42.4\"\n fill=\"none\"\n />\n </svg>\n </span>\n );\n}\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants, spinnerColorVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAUA,SAAS,EAAQ,EACf,QACA,cACA,MAAM,GACN,OAAO,GACP,UACA,GAAG,KACY;CACf,IAAM,IAAoB,KAAY,MAChC,IAAsB,KAAa,WAGnC,IAAW,EAAM,mBAAmB,IAEpC,IAAc,EAAe;CAEnC,OACE,kBAAC,QAAD;EACO;EACL,GAAK,CAAC,KAAY,EAAE,MAAM,SAAS;EACnC,GAAK,CAAC,KAAY,CAAC,KAAS,EAAE,cAAc,UAAU;EACtD,WAAW,EAAG,EAAgB,EAAE,QAAK,CAAC,GAAG,CAAS;EAClD,GAAI;YALN,CAOG,KAAS,CAAC,KAAY,kBAAC,QAAD;GAAM,WAAU;aAAW;EAAY,CAAA,GAC9D,kBAAC,OAAD;GACE,SAAQ;GACR,MAAK;GACL,eAAY;GACZ,WAAU;aAJZ,CAOE,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,QAAO;IACM;IACb,eAAc;IACd,MAAK;GACN,CAAA,GAED,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,WAAW,EAAqB,EAAE,SAAM,CAAC;IAC5B;IACb,eAAc;IACd,iBAAgB;IAChB,kBAAiB;IACjB,MAAK;GACN,CAAA,CACE;IACD;;AAEV;AAEA,EAAQ,cAAc"}

package/dist/components/Spinner/Spinner.variants.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`inline-flex items-center justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{default:`stroke-(--nuka-accent-bg)`,muted:`stroke-(--nuka-text-muted)`,inverse:`stroke-(--nuka-text-inverse)`}},defaultVariants:{color:`default`}});exports.spinnerColorVariants=n,exports.spinnerVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`inline-flex items-center justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{default:`stroke-(--nuka-accent-bg)`,muted:`stroke-(--nuka-text-muted)`,inverse:`stroke-(--nuka-text-inverse)`}},defaultVariants:{color:`default`}});exports.spinnerColorVariants=n,exports.spinnerVariants=t;
 //# sourceMappingURL=Spinner.variants.cjs.map

package/dist/components/Spinner/Spinner.variants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.variants.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const spinnerVariants = cva(\n [\"inline-flex items-center justify-center\", \"shrink-0\"],\n {\n variants: {\n size: {\n sm: \"size-4\",\n md: \"size-6\",\n lg: \"size-8\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const spinnerColorVariants = cva([], {\n variants: {\n color: {\n default: \"stroke-(--nuka-accent-bg)\",\n muted: \"stroke-(--nuka-text-muted)\",\n inverse: \"stroke-(--nuka-text-inverse)\",\n },\n },\n defaultVariants: {\n color: \"default\",\n },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n VariantProps<typeof spinnerColorVariants>;\n"],"mappings":"~~8EAEA~~,IAAa,EAAkB,EAAA,IAC7B,CAAC,0CAA2C,~~WAAW~~,~~CACvD~~,CACE,SAAU,CACR,KAAM,~~CACJ~~,GAAI,SACJ,GAAI,SACJ,GAAI,~~SACL~~,CACF,~~CACD~~,gBAAiB,CACf,KAAM,~~KACP~~,CACF,CACF,~~CAEY~~,EAAuB,EAAA,IAAI,~~EAAE~~,~~CAAE~~,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,MAAO,6BACP,QAAS~~,+BACV~~,CACF,~~CACD~~,gBAAiB,CACf,MAAO,~~UACR~~,CACF,CAAC"}
1	+ {"version":3,"file":"Spinner.variants.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Spinner is a non-interactive loading indicator, not a touch target. Size\n// classes here set the visual glyph dimensions; the 24x24 WCAG minimum does\n// not apply.\nexport const spinnerVariants = cva(\n [\"inline-flex items-center justify-center\", \"shrink-0\"],\n {\n variants: {\n size: {\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n sm: \"size-4\",\n md: \"size-6\",\n lg: \"size-8\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const spinnerColorVariants = cva([], {\n variants: {\n color: {\n default: \"stroke-(--nuka-accent-bg)\",\n muted: \"stroke-(--nuka-text-muted)\",\n inverse: \"stroke-(--nuka-text-inverse)\",\n },\n },\n defaultVariants: {\n color: \"default\",\n },\n});\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerVariants> &\n VariantProps<typeof spinnerColorVariants>;\n"],"mappings":"8EAKA,IAAa,EAAkB,EAAA,IAC7B,CAAC,0CAA2C,UAAU,EACtD,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,SACJ,GAAI,SACJ,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEa,EAAuB,EAAA,IAAI,CAAC,EAAG,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,MAAO,6BACP,QAAS,8BACX,CACF,EACA,gBAAiB,CACf,MAAO,SACT,CACF,CAAC"}