@accelint/design-toolkit 3.0.0 → 5.0.0

package/dist/components/sidenav/index.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidenavProps, SidenavTriggerProps, SidenavHeaderProps, SidenavItemProps, SidenavLinkProps, SidenavDividerProps, SidenavAvatarProps, SidenavFooterProps, SidenavContentProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+
+declare function Sidenav({ className, isHiddenWhenClosed, children, ...rest }: SidenavProps): react_jsx_runtime.JSX.Element | null;
+declare namespace Sidenav {
+    var displayName: string;
+    var Trigger: typeof SidenavTrigger;
+    var Header: typeof SidenavHeader;
+    var Item: typeof SidenavItem;
+    var Link: typeof SidenavLink;
+    var Divider: typeof SidenavDivider;
+    var Avatar: typeof SidenavAvatar;
+    var Footer: typeof SidenavFooter;
+    var Content: typeof SidenavContent;
+}
+declare function SidenavContent({ className, children, ...rest }: SidenavContentProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavContent {
+    var displayName: string;
+}
+declare function SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavHeader {
+    var displayName: string;
+}
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavFooter {
+    var displayName: string;
+}
+declare function SidenavTrigger({ children, ...rest }: SidenavTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavTrigger {
+    var displayName: string;
+}
+declare function SidenavItem({ children, classNames, textValue, ...rest }: SidenavItemProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavItem {
+    var displayName: string;
+}
+declare function SidenavLink({ children, classNames, textValue, ...rest }: SidenavLinkProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavLink {
+    var displayName: string;
+}
+declare function SidenavDivider({ className, ...rest }: SidenavDividerProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavDivider {
+    var displayName: string;
+}
+declare function SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavAvatar {
+    var displayName: string;
+}
+
+export { Sidenav };

package/dist/components/sidenav/index.js

@@ -0,0 +1,2 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useOn,useEmit}from'@accelint/bus/react';import {ChevronLeft,ArrowNortheast}from'@accelint/icons';import {createContext,useState,useContext,useRef}from'react';import {Provider,HeadingContext,Header,Button,Pressable,Text,TextContext,ToggleButton,Link,composeRenderProps,Heading}from'react-aria-components';import {containsExactChildren,containsAnyOfExactChildren}from'./../../lib/react.js';import {Icon,IconContext}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:X,content:Y,header:Z,toggle:_,heading:$,divider:j,item:ee,text:D,transient:m,avatar:ae,avatarHeading:ne,avatarIcon:ie,avatarText:te,link:oe,tooltip:h}=SidenavStyles(),x=createContext({open:false});function t({className:a,isHiddenWhenClosed:n,children:i,...o}){containsExactChildren({children:i,componentName:t.displayName,restrictions:[[T,{min:1,max:1}],[y,{min:1,max:1}],[C,{min:0,max:1}]]});const[r,s]=useState(false);return useOn(SidenavEventTypes.toggle,()=>s(u=>!u)),n&&!r?null:jsx(Provider,{values:[[HeadingContext,{className:$({className:m()})}],[x,{open:r}]],children:jsx("nav",{...o,className:X({className:a}),"data-open":r||null,children:i})})}t.displayName="Sidenav";function y({className:a,children:n,...i}){return jsx("div",{...i,className:Y({className:a}),children:n})}y.displayName="Sidenav.Content";function T({children:a,classNames:n,...i}){const o=useEmit(SidenavEventTypes.toggle);return jsx(Header,{...i,className:Z({className:n?.header}),children:jsxs(Button,{className:_({className:n?.button}),onPress:()=>o(),children:[a,jsx(Icon,{className:m(),children:jsx(ChevronLeft,{})})]})})}T.displayName="Sidenav.Header";function C(a){return jsx("footer",{...a})}C.displayName="Sidenav.Footer";function z({children:a,...n}){const i=useEmit(SidenavEventTypes.toggle);return jsx(Pressable,{...n,onPress:()=>i(),children:a})}z.displayName="Sidenav.Trigger";function I({children:a,classNames:n,textValue:i,...o}){containsAnyOfExactChildren({children:a,componentName:I.displayName,restrictions:[[[c,{min:1,max:1}]],[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]]});const{open:r}=useContext(x),s=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:D({className:m()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(ToggleButton,{...o,ref:s,className:ee({className:n?.button}),children:a})}),jsx(Tooltip.Body,{parentRef:s,placement:"right",className:h(),children:i})]})})}I.displayName="Sidenav.Item";function H({children:a,classNames:n,textValue:i,...o}){containsExactChildren({children:a,componentName:H.displayName,restrictions:[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]});const{open:r}=useContext(x),s=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium",slot:"icon"}],[TextContext,{className:D({className:m()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(Link,{...o,ref:s,className:oe({className:n?.button}),children:composeRenderProps(a,u=>jsxs(Fragment,{children:[u,jsx(Icon,{size:"medium",className:m(),children:jsx(ArrowNortheast,{})})]}))})}),jsxs(Tooltip.Body,{parentRef:s,placement:"right",className:h(),children:[i,jsx(Icon,{size:"medium",children:jsx(ArrowNortheast,{})})]})]})})}H.displayName="Sidenav.Link";function F({className:a,...n}){return jsx("hr",{...n,className:j({className:a})})}F.displayName="Sidenav.Divider";function c({children:a,className:n,...i}){return containsExactChildren({children:a,componentName:c.displayName,restrictions:[[Icon,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:1,max:1}]]}),jsx(Provider,{values:[[IconContext,{size:"large",className:ie()}],[HeadingContext,{className:ne({className:m()})}],[TextContext,{className:te({className:m()})}]],children:jsx("div",{...i,className:ae({className:n}),children:a})})}c.displayName="Sidenav.Avatar",t.Trigger=z,t.Header=T,t.Item=I,t.Link=H,t.Divider=F,t.Avatar=c,t.Footer=C,t.Content=y;export{t as Sidenav};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/sidenav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["toggle","heading","divider","item","transient","avatar","avatarHeading","avatarIcon","link","SidenavContext","W","className","rest","Sidenav","g","SidenavFooter","open","setOpen","useState","useOn","SidenavEventTypes","prev","isHiddenWhenClosed","Provider","P","e","A","sidenav","SidenavContent","jsx","content","children","emit","Header","k","header","G","Button","classNames","v","w","SidenavHeader","R","SidenavTrigger","useEmit","Pressable","textValue","SidenavItem","U","Icon","Text","d","useContext","N","ref","IconContext","L","b","f","S","l","ToggleButton","SidenavLink","useRef","p","text","Link","jsxs","q","re","B","SidenavDivider","containsExactChildren","SidenavAvatar","HeadingContext","TextContext","avatarText"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useEmit, useOn } from '@accelint/bus/react';\nimport { ArrowNortheast, ChevronLeft } from '@accelint/icons';\nimport { createContext, useContext, useRef, useState } from 'react';\nimport {\n  Button,\n  composeRenderProps,\n  Header,\n  Heading,\n  HeadingContext,\n  Link,\n  Pressable,\n  Provider,\n  Text,\n  TextContext,\n  ToggleButton,\n} from 'react-aria-components';\nimport { containsAnyOfExactChildren, containsExactChildren } from '@/lib/react';\nimport { Icon, IconContext } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n  SidenavAvatarProps,\n  SidenavContentProps,\n  SidenavContextValue,\n  SidenavDividerProps,\n  SidenavFooterProps,\n  SidenavHeaderProps,\n  SidenavItemProps,\n  SidenavLinkProps,\n  SidenavProps,\n  SidenavTriggerProps,\n} from './types';\n\nconst {\n  sidenav,\n  content,\n  header,\n  toggle,\n  heading,\n  divider,\n  item,\n  text,\n  transient,\n  avatar,\n  avatarHeading,\n  avatarIcon,\n  avatarText,\n  link,\n  tooltip,\n} = SidenavStyles();\n\nconst SidenavContext = createContext<SidenavContextValue>({ open: false });\n\nexport function Sidenav({\n  className,\n  isHiddenWhenClosed,\n  children,\n  ...rest\n}: SidenavProps) {\n  containsExactChildren({\n    children,\n    componentName: Sidenav.displayName,\n    restrictions: [\n      [SidenavHeader, { min: 1, max: 1 }],\n      [SidenavContent, { min: 1, max: 1 }],\n      [SidenavFooter, { min: 0, max: 1 }],\n    ],\n  });\n  const [open, setOpen] = useState(false);\n\n  useOn(SidenavEventTypes.toggle, () => setOpen((prev) => !prev));\n\n  if (isHiddenWhenClosed && !open) {\n    return null;\n  }\n\n  return (\n    <Provider\n      values={[\n        [HeadingContext, { className: heading({ className: transient() }) }],\n        [SidenavContext, { open }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={sidenav({ className })}\n        data-open={open || null}\n      >\n        {children}\n      </nav>\n    </Provider>\n  );\n}\nSidenav.displayName = 'Sidenav';\n\nfunction SidenavContent({ className, children, ...rest }: SidenavContentProps) {\n  return (\n    <div {...rest} className={content({ className })}>\n      {children}\n    </div>\n  );\n}\nSidenavContent.displayName = 'Sidenav.Content';\n\nfunction SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps) {\n  const emit = useEmit(SidenavEventTypes.toggle);\n\n  return (\n    <Header {...rest} className={header({ className: classNames?.header })}>\n      <Button\n        className={toggle({ className: classNames?.button })}\n        onPress={() => emit()}\n      >\n        {children}\n        <Icon className={transient()}>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </Header>\n  );\n}\nSidenavHeader.displayName = 'Sidenav.Header';\n\nfunction SidenavFooter(props: SidenavFooterProps) {\n  return <footer {...props} />;\n}\nSidenavFooter.displayName = 'Sidenav.Footer';\n\nfunction SidenavTrigger({ children, ...rest }: SidenavTriggerProps) {\n  const emit = useEmit(SidenavEventTypes.toggle);\n\n  return (\n    <Pressable {...rest} onPress={() => emit()}>\n      {children}\n    </Pressable>\n  );\n}\nSidenavTrigger.displayName = 'Sidenav.Trigger';\n\nfunction SidenavItem({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavItemProps) {\n  containsAnyOfExactChildren({\n    children,\n    componentName: SidenavItem.displayName,\n    restrictions: [\n      [[SidenavAvatar, { min: 1, max: 1 }]],\n      [\n        [Icon, { min: 1, max: 1 }],\n        [Text, { min: 1, max: 1 }],\n      ],\n    ],\n  });\n\n  const { open } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Button DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'medium' }],\n        [TextContext, { className: text({ className: transient() }) }],\n      ]}\n    >\n      <Tooltip isDisabled={open}>\n        <Tooltip.Trigger>\n          <ToggleButton\n            {...rest}\n            ref={ref}\n            className={item({ className: classNames?.button })}\n          >\n            {children}\n          </ToggleButton>\n        </Tooltip.Trigger>\n        <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n        </Tooltip.Body>\n      </Tooltip>\n    </Provider>\n  );\n}\nSidenavItem.displayName = 'Sidenav.Item';\n\nfunction SidenavLink({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavLinkProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavLink.displayName,\n    restrictions: [\n      [Icon, { min: 1, max: 1 }],\n      [Text, { min: 1, max: 1 }],\n    ],\n  });\n\n  const { open } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Link DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'medium', slot: 'icon' }],\n        [TextContext, { className: text({ className: transient() }) }],\n      ]}\n    >\n      <Tooltip isDisabled={open}>\n        <Tooltip.Trigger>\n          <Link\n            {...rest}\n            ref={ref}\n            className={link({ className: classNames?.button })}\n          >\n            {composeRenderProps(children, (children) => (\n              <>\n                {children}\n                <Icon size='medium' className={transient()}>\n                  <ArrowNortheast />\n                </Icon>\n              </>\n            ))}\n          </Link>\n        </Tooltip.Trigger>\n        <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n          <Icon size='medium'>\n            <ArrowNortheast />\n          </Icon>\n        </Tooltip.Body>\n      </Tooltip>\n    </Provider>\n  );\n}\nSidenavLink.displayName = 'Sidenav.Link';\n\nfunction SidenavDivider({ className, ...rest }: SidenavDividerProps) {\n  return <hr {...rest} className={divider({ className })} />;\n}\nSidenavDivider.displayName = 'Sidenav.Divider';\n\nfunction SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavAvatar.displayName,\n    restrictions: [\n      [Icon, { min: 1, max: 1 }],\n      [Heading, { min: 1, max: 1 }],\n      [Text, { min: 1, max: 1 }],\n    ],\n  });\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'large', className: avatarIcon() }],\n        [\n          HeadingContext,\n          { className: avatarHeading({ className: transient() }) },\n        ],\n        [TextContext, { className: avatarText({ className: transient() }) }],\n      ]}\n    >\n      <div {...rest} className={avatar({ className })}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\nSidenavAvatar.displayName = 'Sidenav.Avatar';\n\nSidenav.Trigger = SidenavTrigger;\nSidenav.Header = SidenavHeader;\nSidenav.Item = SidenavItem;\nSidenav.Link = SidenavLink;\nSidenav.Divider = SidenavDivider;\nSidenav.Avatar = SidenavAvatar;\nSidenav.Footer = SidenavFooter;\nSidenav.Content = SidenavContent;\n"]}

package/dist/components/sidenav/styles.d.ts

@@ -0,0 +1,114 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const SidenavStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            tooltip?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            toggle?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            avatarIcon?: tailwind_merge.ClassNameValue;
+            avatarHeading?: tailwind_merge.ClassNameValue;
+            avatarText?: tailwind_merge.ClassNameValue;
+            divider?: tailwind_merge.ClassNameValue;
+            transient?: tailwind_merge.ClassNameValue;
+            sidenav?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            tooltip?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            toggle?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            avatarIcon?: tailwind_merge.ClassNameValue;
+            avatarHeading?: tailwind_merge.ClassNameValue;
+            avatarText?: tailwind_merge.ClassNameValue;
+            divider?: tailwind_merge.ClassNameValue;
+            transient?: tailwind_merge.ClassNameValue;
+            sidenav?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    sidenav: string[];
+    content: string;
+    header: string;
+    avatar: string[];
+    avatarIcon: string;
+    avatarHeading: string;
+    avatarText: string;
+    toggle: string[];
+    divider: string;
+    heading: string;
+    item: string[];
+    text: string;
+    transient: string;
+    link: string[];
+    tooltip: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            tooltip?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            toggle?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            avatarIcon?: tailwind_merge.ClassNameValue;
+            avatarHeading?: tailwind_merge.ClassNameValue;
+            avatarText?: tailwind_merge.ClassNameValue;
+            divider?: tailwind_merge.ClassNameValue;
+            transient?: tailwind_merge.ClassNameValue;
+            sidenav?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    sidenav: string[];
+    content: string;
+    header: string;
+    avatar: string[];
+    avatarIcon: string;
+    avatarHeading: string;
+    avatarText: string;
+    toggle: string[];
+    divider: string;
+    heading: string;
+    item: string[];
+    text: string;
+    transient: string;
+    link: string[];
+    tooltip: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    sidenav: string[];
+    content: string;
+    header: string;
+    avatar: string[];
+    avatarIcon: string;
+    avatarHeading: string;
+    avatarText: string;
+    toggle: string[];
+    divider: string;
+    heading: string;
+    item: string[];
+    text: string;
+    transient: string;
+    link: string[];
+    tooltip: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { SidenavStyles };

package/dist/components/sidenav/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'tailwind-variants';const r=tv({slots:{sidenav:["group/sidenav fg-a11y-on-accent absolute left-0 row-span-full flex h-full flex-col gap-xs bg-surface-default p-m","closed:items-center","group-data-[push~=left]/layout:relative"],content:"flex h-full max-h-full flex-col gap-xs overflow-y-auto",header:"mb-m flex justify-center",avatar:['grid grid-cols-[auto_1fr] grid-rows-2 items-center gap-x-m [grid-template-areas:"icon_heading"_"icon_text"] group-closed/sidenav:flex'],avatarIcon:"[grid-area:icon]",avatarHeading:"fg-primary-bold text-body-m [grid-area:heading]",avatarText:"fg-primary-muted grow-1 text-left text-body-s [grid-area:text]",toggle:["flex cursor-pointer items-center gap-s rounded-medium p-xs group-open/sidenav:px-s","enabled:hover:bg-interactive-muted-hover","enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none","enabled:pressed:bg-interactive-muted-pressed"],divider:"my-s h-[1px] w-full shrink-0 grow-0 border-0 bg-[var(--outline-static)]",heading:"text-body-xs uppercase",item:["group/item flex w-full cursor-pointer items-center gap-s rounded-medium p-xs text-body-m","group-open/sidenav:px-s","enabled:hover:bg-interactive-muted-hover","enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none","enabled:pressed:bg-accent-primary-pressed","enabled:selected:bg-accent-primary-bold","enabled:selected:hover:bg-accent-primary-hover","enabled:selected:focus-visible:bg-accent-primary-hover","enabled:selected:pressed:bg-accent-primary-pressed","disabled:fg-disabled disabled:cursor-not-allowed"],text:"grow-1 text-left text-body-s",transient:"group-closed/sidenav:hidden",link:["group/link flex w-full cursor-pointer items-center gap-s rounded-medium p-xs text-body-m","group-open/sidenav:w-full","enabled:hover:bg-interactive-muted-hover","enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none","enabled:pressed:bg-accent-primary-pressed","disabled:fg-disabled disabled:cursor-not-allowed"],tooltip:["absolute flex items-center gap-s whitespace-nowrap text-body-s","group-disabled/item:fg-disabled group-disabled/link:fg-disabled"]}});export{r as SidenavStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

package/dist/components/sidenav/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/styles.ts"],"names":["SidenavStyles","tv"],"mappings":"mCAcO,MAAMA,EAAgBC,EAAAA,CAAG,CAC9B,KAAA,CAAO,CACL,QAAS,CACP,kHAAA,CACA,qBAAA,CACA,yCACF,EACA,OAAA,CAAS,wDAAA,CACT,MAAA,CAAQ,0BAAA,CACR,MAAA,CAAQ,CACN,uIACF,CAAA,CACA,WAAY,kBAAA,CACZ,aAAA,CAAe,iDAAA,CACf,UAAA,CACE,iEACF,MAAA,CAAQ,CACN,oFAAA,CACA,0CAAA,CACA,sFACA,8CACF,CAAA,CACA,OAAA,CACE,yEAAA,CACF,OAAA,CAAS,wBAAA,CACT,IAAA,CAAM,CACJ,2FACA,yBAAA,CACA,0CAAA,CACA,qFAAA,CACA,2CAAA,CACA,0CACA,gDAAA,CACA,wDAAA,CACA,oDAAA,CACA,kDACF,EACA,IAAA,CAAM,8BAAA,CACN,SAAA,CAAW,6BAAA,CACX,IAAA,CAAM,CACJ,0FAAA,CACA,2BAAA,CACA,2CACA,qFAAA,CACA,2CAAA,CACA,kDACF,CAAA,CACA,QAAS,CACP,gEAAA,CACA,iEACF,CACF,CACF,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const SidenavStyles = tv({\n  slots: {\n    sidenav: [\n      'group/sidenav fg-a11y-on-accent absolute left-0 row-span-full flex h-full flex-col gap-xs bg-surface-default p-m',\n      'closed:items-center',\n      'group-data-[push~=left]/layout:relative',\n    ],\n    content: 'flex h-full max-h-full flex-col gap-xs overflow-y-auto',\n    header: 'mb-m flex justify-center',\n    avatar: [\n      'grid grid-cols-[auto_1fr] grid-rows-2 items-center gap-x-m [grid-template-areas:\"icon_heading\"_\"icon_text\"] group-closed/sidenav:flex',\n    ],\n    avatarIcon: '[grid-area:icon]',\n    avatarHeading: 'fg-primary-bold text-body-m [grid-area:heading]',\n    avatarText:\n      'fg-primary-muted grow-1 text-left text-body-s [grid-area:text]',\n    toggle: [\n      'flex cursor-pointer items-center gap-s rounded-medium p-xs group-open/sidenav:px-s',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n      'enabled:pressed:bg-interactive-muted-pressed',\n    ],\n    divider:\n      'my-s h-[1px] w-full shrink-0 grow-0 border-0 bg-[var(--outline-static)]',\n    heading: 'text-body-xs uppercase',\n    item: [\n      'group/item flex w-full cursor-pointer items-center gap-s rounded-medium p-xs text-body-m',\n      'group-open/sidenav:px-s',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n      'enabled:pressed:bg-accent-primary-pressed',\n      'enabled:selected:bg-accent-primary-bold',\n      'enabled:selected:hover:bg-accent-primary-hover',\n      'enabled:selected:focus-visible:bg-accent-primary-hover',\n      'enabled:selected:pressed:bg-accent-primary-pressed',\n      'disabled:fg-disabled disabled:cursor-not-allowed',\n    ],\n    text: 'grow-1 text-left text-body-s',\n    transient: 'group-closed/sidenav:hidden',\n    link: [\n      'group/link flex w-full cursor-pointer items-center gap-s rounded-medium p-xs text-body-m',\n      'group-open/sidenav:w-full',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n      'enabled:pressed:bg-accent-primary-pressed',\n      'disabled:fg-disabled disabled:cursor-not-allowed',\n    ],\n    tooltip: [\n      'absolute flex items-center gap-s whitespace-nowrap text-body-s',\n      'group-disabled/item:fg-disabled group-disabled/link:fg-disabled',\n    ],\n  },\n});\n"]}

package/dist/components/sidenav/types.d.ts

@@ -0,0 +1,38 @@
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { Pressable, ToggleButtonProps, LinkProps } from 'react-aria-components';
+
+type SidenavProps = ComponentPropsWithRef<'nav'> & {
+    isHiddenWhenClosed?: boolean;
+};
+type SidenavHeaderProps = PropsWithChildren<{
+    classNames?: {
+        header?: string;
+        button?: string;
+        container?: string;
+        icon?: string;
+    };
+}>;
+type SidenavContentProps = ComponentPropsWithRef<'div'>;
+type SidenavItemProps = ToggleButtonProps & {
+    classNames?: {
+        button?: string;
+        icon?: string;
+    };
+    textValue: string;
+};
+type SidenavLinkProps = LinkProps & {
+    classNames?: {
+        button?: string;
+        icon?: string;
+    };
+    textValue: string;
+};
+type SidenavAvatarProps = ComponentPropsWithRef<'div'>;
+type SidenavDividerProps = ComponentPropsWithRef<'hr'>;
+type SidenavFooterProps = ComponentPropsWithRef<'footer'>;
+type SidenavTriggerProps = ComponentPropsWithRef<typeof Pressable>;
+type SidenavContextValue = {
+    open: boolean;
+};
+
+export type { SidenavAvatarProps, SidenavContentProps, SidenavContextValue, SidenavDividerProps, SidenavFooterProps, SidenavHeaderProps, SidenavItemProps, SidenavLinkProps, SidenavProps, SidenavTriggerProps };

package/dist/components/sidenav/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/sidenav/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/skeleton/styles.d.ts

@@ -8,7 +8,7 @@ declare const SkeletonStyles: tailwind_variants.TVReturnType<{
         circ: string;
         rect: string;
     };
-}, undefined, "fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse", {
+}, undefined, "fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse", {
     shape: {
         circ: string;
         rect: string;
@@ -18,6 +18,6 @@ declare const SkeletonStyles: tailwind_variants.TVReturnType<{
         circ: string;
         rect: string;
     };
-}, undefined, "fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse", unknown, unknown, undefined>>;
+}, undefined, "fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse", unknown, unknown>>;
 
 export { SkeletonStyles, SkeletonStylesDefaults };

package/dist/components/skeleton/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const e={shape:"rect"},l=tv({base:"fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse",variants:{shape:{circ:"aspect-square w-[1lh] rounded-full",rect:"min-h-[1lh] w-full rounded-small"}},defaultVariants:e});export{l as SkeletonStyles,e as SkeletonStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t={shape:"rect"},s=tv({base:"fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse",variants:{shape:{circ:"aspect-square w-[1lh] rounded-full",rect:"min-h-[1lh] w-full rounded-small"}},defaultVariants:t});export{s as SkeletonStyles,t as SkeletonStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/skeleton/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/skeleton/styles.ts"],"names":["SkeletonStyles","tv"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KAGIA,CAAiBC,MAC5B,CAAA,CAAM,sFACI,CACR,QACE,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,oCACA,CAAA,IAAA,CAAA,kCAGV,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const SkeletonStylesDefaults = {\n  shape: 'rect',\n} as const;\n\nexport const SkeletonStyles = tv({\n  base: 'fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse',\n  variants: {\n    shape: {\n      circ: 'aspect-square w-[1lh] rounded-full',\n      rect: 'min-h-[1lh] w-full rounded-small',\n    },\n  },\n  defaultVariants: SkeletonStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/skeleton/styles.ts"],"names":["SkeletonStyles","tv"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KAGIA,CAAiBC,MAC5B,CAAA,CAAM,wFACI,CACR,QACE,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,oCACA,CAAA,IAAA,CAAA,kCAGV,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const SkeletonStylesDefaults = {\n  shape: 'rect',\n} as const;\n\nexport const SkeletonStyles = tv({\n  base: 'fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse',\n  variants: {\n    shape: {\n      circ: 'aspect-square w-[1lh] rounded-full',\n      rect: 'min-h-[1lh] w-full rounded-small',\n    },\n  },\n  defaultVariants: SkeletonStylesDefaults,\n});\n"]}

package/dist/components/slider/index.d.ts

@@ -1,18 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SliderProps as SliderProps$1 } from 'react-aria-components';
+import { SliderProps } from './types.js';
+import 'react-aria-components';
 
-interface SliderProps extends Omit<SliderProps$1, 'value' | 'defaultValue' | 'showOutput' | 'slot' | 'style' | 'formatOptions'> {
-    className?: string;
-    showInput?: boolean;
-    showLabel?: boolean;
-    layout?: 'stacked' | 'inline';
-    value?: number;
-    defaultValue?: number;
-    rangeValue?: [number, number];
-    defaultRangeValue?: [number, number];
-    isRange?: boolean;
-    label: string;
-}
 /**
  * Slider - An interactive range input component for numeric value selection
  *
@@ -24,34 +13,6 @@ interface SliderProps extends Omit<SliderProps$1, 'value' | 'defaultValue' | 'sh
  * // Basic slider
  * <Slider label="Volume" defaultValue={50} />
  */
-declare const Slider: ({ children, className, showInput, showLabel, layout, value, defaultValue, label, defaultRangeValue, rangeValue, minValue, maxValue, isRange, orientation, ...props }: SliderProps) => react_jsx_runtime.JSX.Element;
-type RangeSliderProps = Omit<SliderProps, 'isRange' | 'defaultRangeValue' | 'rangeValue' | 'defaultValue' | 'value'> & {
-    defaultValue?: SliderProps['defaultRangeValue'];
-    value: SliderProps['rangeValue'];
-};
-/**
- * RangeSlider - A dual-handle slider component for selecting a range of numeric values
- *
- * Extends the base Slider component to provide range selection functionality with two thumbs,
- * allowing users to define both minimum and maximum values within a specified range.
- * Maintains all accessibility features and layout options of the base slider while
- * providing intuitive range selection controls.
- *
- * @example
- * // Basic range slider
- * <RangeSlider label="Price Range" defaultValue={[20, 80]} minValue={0} maxValue={100} />
- *
- * @example
- * // Controlled range slider with input fields
- * <RangeSlider
- *   label="Temperature Range"
- *   value={tempRange}
- *   onChange={setTempRange}
- *   showInput
- *   minValue={-10}
- *   maxValue={40}
- * />
- */
-declare const RangeSlider: ({ defaultValue, value, ...props }: RangeSliderProps) => react_jsx_runtime.JSX.Element;
+declare const Slider: ({ classNames, label: labelProp, layout, maxValue: maxValueProp, minValue: minValueProp, orientation, showInput, showLabel, ...rest }: SliderProps) => react_jsx_runtime.JSX.Element;
 
-export { RangeSlider, type RangeSliderProps, Slider, type SliderProps };
+export { Slider };

package/dist/components/slider/index.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {cn}from'./../../lib/utils.js';import'client-only';import {cva}from'class-variance-authority';import {useContext}from'react';import {Slider,Label,SliderTrack,SliderThumb,Text,SliderStateContext,useSlottedContext,LabelContext,NumberField,Input}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';const D=cva("grid gap-s",{variants:{layout:{stacked:"",inline:""},orientation:{vertical:"h-full w-fit",horizontal:"h-xl w-full"}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_auto]"},{layout:"inline",orientation:"horizontal",className:"grid-cols-[auto_auto_1fr_auto_auto] grid-rows-1 items-center"},{layout:"stacked",orientation:"vertical",className:"grid-cols-[auto_auto_auto] grid-rows-[auto_auto_1fr_auto]"},{layout:"inline",orientation:"vertical",className:"grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_1fr_auto]"}]}),M=cva("font-display text-body-m text-default-dark",{variants:{orientation:{horizontal:"",vertical:"col-start-1 row-start-4"},layout:{inline:"",stacked:""}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"col-start-1 row-start-3"},{layout:"inline",orientation:"horizontal",className:"order-2"},{layout:"stacked",orientation:"vertical",className:"self-end justify-self-end"},{layout:"inline",orientation:"vertical",className:"justify-self-center"}]}),q=cva("font-display text-body-m text-default-dark",{variants:{orientation:{horizontal:"",vertical:"col-start-1 row-start-2"},layout:{inline:"",stacked:""}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"col-start-3 row-start-3 justify-self-end"},{layout:"inline",orientation:"horizontal",className:"order-4"},{layout:"stacked",orientation:"vertical",className:"justify-self-end"}]}),E=cva("relative",{variants:{orientation:{horizontal:"h-s w-full",vertical:"h-full w-s"},layout:{inline:"",stacked:""}},compoundVariants:[{orientation:"horizontal",layout:"stacked",className:"col-span-3 row-start-2"},{orientation:"horizontal",layout:"inline",className:"order-3"},{orientation:"vertical",layout:"stacked",className:"col-start-2 row-span-3 row-start-2"},{orientation:"vertical",layout:"inline",className:"col-start-1 row-start-3 justify-self-center"}]}),G=cva("flex gap-s",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col-reverse"},layout:{inline:"order-5",stacked:"col-start-3 row-start-1"}},compoundVariants:[{layout:"inline",orientation:"horizontal",className:"order-5"},{layout:"inline",orientation:"vertical",className:"col-span-3 col-start-1"},{layout:"stacked",orientation:"vertical",className:"row-start-4"}]}),H=cva("text-default-light",{variants:{orientation:{horizontal:"",vertical:""},layout:{inline:"order-1",stacked:"col-start-1"}},compoundVariants:[{layout:"stacked",orientation:"vertical",className:"col-span-2"},{layout:"inline",orientation:"vertical",className:"col-span-3"}]}),J=cva("h-m w-m rounded-full bg-highlight-bold outline-highlight-bold/40 hover:outline-4 focus-visible:outline-4",{variants:{orientation:{horizontal:"translate-y-[50%]",vertical:"translate-x-[40%]"}}}),K=cva("absolute rounded-full bg-default-light/40",{variants:{orientation:{horizontal:"top-[50%] h-xxs w-full translate-y-[50%]",vertical:"left-[50%] h-full w-xxs "}}}),Q=cva("absolute rounded-full bg-highlight",{variants:{orientation:{horizontal:"top-1/2 h-xxs translate-y-1/2",vertical:"left-1/2 w-xxs"}}}),U=({children:s,className:i,showInput:o=false,showLabel:d=true,layout:l="stacked",value:m,defaultValue:N,label:k,defaultRangeValue:w,rangeValue:S,minValue:p=0,maxValue:g=100,isRange:v=false,orientation:t="horizontal",...z})=>{const T=v?S:m,_=v?w:N;return jsxs(Slider,{className:cn(D({orientation:t,layout:l})),minValue:p,maxValue:g,orientation:t,value:T,defaultValue:_,...z,children:[d&&jsx(Label,{className:H({orientation:t,layout:l}),children:k}),o&&jsx("div",{className:G({orientation:t,layout:l}),children:jsx(W,{})}),jsx(SliderTrack,{className:E({layout:l,orientation:t}),children:({state:r})=>{const n=r.getThumbPercent(0),P=r.getThumbPercent(1)||n,y=`${(r.values.length===2?P-n:n)*100}%`,b=r.values.length===2?`${Math.floor(n*100)}%`:"0";return jsxs(Fragment,{children:[jsx("div",{className:K({orientation:t})}),r.values.map((X,u)=>jsxs(Fragment,{children:[jsx("div",{className:Q({orientation:t}),style:t==="horizontal"?{left:b,width:y}:{bottom:b,height:y}},`slider-${u===0?"min":"max"}`),jsx(SliderThumb,{index:u,className:J({orientation:t}),children:!o&&jsxs(Tooltip,{children:[jsx(Tooltip.Trigger,{children:jsx("div",{className:"size-full outline-none"})}),jsx(Tooltip.Body,{placement:"top",children:r.getThumbValue(u)})]})},`slider-thumb-${u===0?"min":"max"}`)]}))]})}}),jsx(Text,{slot:"min",className:M({layout:l,orientation:t}),children:p}),jsx(Text,{slot:"max",className:q({layout:l,orientation:t}),children:g})]})},oa=({defaultValue:s,value:i,...o})=>jsx(U,{...o,isRange:true,defaultRangeValue:s,rangeValue:i});function W({className:s}){const i=useContext(SliderStateContext),o=useSlottedContext(LabelContext);return jsx(Fragment,{children:i?.values.map((d,l)=>jsx(NumberField,{"aria-labelledby":o?.id,value:d,onChange:m=>i.setThumbValue(0,m),children:jsx(Input,{className:cn("w-[50px] rounded-medium border border-interactive px-s py-xs font-display text-body-m text-default-light",s)})},`number-field-${l===0?"min":"max"}`))})}export{oa as RangeSlider,U as Slider};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {SliderStyles}from'./styles.js';const {slider:x,label:A,inputs:B,input:F,thumb:D,track:P,trackBackground:$,trackValue:z,minValue:C,maxValue:L}=SliderStyles(),I=({classNames:r,label:n,layout:T="grid",maxValue:d=100,minValue:c=0,orientation:b="horizontal",showInput:p,showLabel:s=true,...k})=>jsx(Slider,{...k,className:composeRenderProps(r?.slider,a=>x({className:a})),maxValue:d,minValue:c,orientation:b,"aria-label":s?void 0:n,"data-layout":T,children:({state:a})=>jsxs(Fragment,{children:[s&&jsx(Label,{className:A({className:r?.label}),children:n}),p&&jsx("div",{className:B({className:r?.inputs}),children:a.values.map((m,l)=>jsx(Input,{className:composeRenderProps(r?.input,i=>F({className:i})),value:m,onChange:i=>a.setThumbValue(l,Number.parseFloat(i.target.value))},`number-field-${l===0?"min":"max"}`))}),jsxs(SliderTrack,{className:composeRenderProps(r?.track,m=>P({className:m})),children:[jsx("div",{className:$({className:r?.trackBackground})}),a.values.map((m,l)=>jsxs(Fragment$1,{children:[jsx("div",{className:z({className:r?.trackValue}),"data-start":a.values.length===1?0:a.getThumbPercent(0),"data-end":a.getThumbPercent(a.values.length===1?0:1)}),jsxs(Tooltip,{isDisabled:!p||a.isThumbDragging(l),children:[jsx(Tooltip.Trigger,{children:jsx(SliderThumb,{index:l,className:composeRenderProps(r?.thumb,i=>D({className:i}))})}),jsx(Tooltip.Body,{placement:"top",children:a.getThumbValue(l)})]})]},`slider-${l===0?"min":"max"}`))]}),jsx(Text,{slot:"min",className:C({className:r?.minValue}),children:c}),jsx(Text,{slot:"max",className:L({className:r?.maxValue}),children:d})]})});export{I as Slider};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["e","labelVariants","cva","value","defaultRangeValue","rangeValue","sliderDefaultValue","isRange","defaultValue","jsxs","RACSlider","c","x","maxValue","sliderValue","props","jsx","Label","a","A","label","inputVariants","O","layout","state","minValue","startPercent","h","sliderTrackBackgroundVariants","_","index","Fragment","sliderTrackValueVariants","sizeInPercent","SliderThumb","sliderThumbVariants","Tooltip","f","Text","V","RangeSlider","Slider","useSlottedContext","LabelContext","NumberField","j","labelProps","v","C"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { cva } from 'class-variance-authority';\nimport { useContext } from 'react';\nimport {\n  Input,\n  Label,\n  LabelContext,\n  NumberField,\n  Slider as RACSlider,\n  type SliderProps as RACSliderProps,\n  SliderTrack as RACSliderTrack,\n  SliderStateContext,\n  SliderThumb,\n  Text,\n  useSlottedContext,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\n\nconst sliderVariants = cva('grid gap-s', {\n  variants: {\n    layout: {\n      stacked: '',\n      inline: '',\n    },\n    orientation: {\n      vertical: 'h-full w-fit',\n      horizontal: 'h-xl w-full',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_auto]',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'grid-cols-[auto_auto_1fr_auto_auto] grid-rows-1 items-center',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'grid-cols-[auto_auto_auto] grid-rows-[auto_auto_1fr_auto]',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_1fr_auto]',\n    },\n  ],\n});\n\nconst minValueVariants = cva('font-display text-body-m text-default-dark', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: 'col-start-1 row-start-4',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'col-start-1 row-start-3',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-2',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'self-end justify-self-end',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'justify-self-center',\n    },\n  ],\n});\n\nconst maxValueVariants = cva('font-display text-body-m text-default-dark', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: 'col-start-1 row-start-2',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'col-start-3 row-start-3 justify-self-end',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-4',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'justify-self-end',\n    },\n  ],\n});\n\nconst sliderTrackVariants = cva('relative', {\n  variants: {\n    orientation: {\n      horizontal: 'h-s w-full',\n      vertical: 'h-full w-s',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      layout: 'stacked',\n      className: 'col-span-3 row-start-2',\n    },\n    {\n      orientation: 'horizontal',\n      layout: 'inline',\n      className: 'order-3',\n    },\n    {\n      orientation: 'vertical',\n      layout: 'stacked',\n      className: 'col-start-2 row-span-3 row-start-2',\n    },\n    {\n      orientation: 'vertical',\n      layout: 'inline',\n      className: 'col-start-1 row-start-3 justify-self-center',\n    },\n  ],\n});\n\nconst inputVariants = cva('flex gap-s', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col-reverse',\n    },\n    layout: {\n      inline: 'order-5',\n      stacked: 'col-start-3 row-start-1',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-5',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'col-span-3 col-start-1',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'row-start-4',\n    },\n  ],\n});\n\nconst labelVariants = cva('text-default-light', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: '',\n    },\n    layout: {\n      inline: 'order-1',\n      stacked: 'col-start-1',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'col-span-2',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'col-span-3',\n    },\n  ],\n});\n\nconst sliderThumbVariants = cva(\n  'h-m w-m rounded-full bg-highlight-bold outline-highlight-bold/40 hover:outline-4 focus-visible:outline-4',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'translate-y-[50%]',\n        vertical: 'translate-x-[40%]',\n      },\n    },\n  },\n);\n\nconst sliderTrackBackgroundVariants = cva(\n  'absolute rounded-full bg-default-light/40',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'top-[50%] h-xxs w-full translate-y-[50%]',\n        vertical: 'left-[50%] h-full w-xxs ',\n      },\n    },\n  },\n);\n\nconst sliderTrackValueVariants = cva('absolute rounded-full bg-highlight', {\n  variants: {\n    orientation: {\n      horizontal: 'top-1/2 h-xxs translate-y-1/2',\n      vertical: 'left-1/2 w-xxs',\n    },\n  },\n});\n\nexport interface SliderProps\n  extends Omit<\n    RACSliderProps,\n    'value' | 'defaultValue' | 'showOutput' | 'slot' | 'style' | 'formatOptions'\n  > {\n  className?: string;\n  showInput?: boolean;\n  showLabel?: boolean;\n  layout?: 'stacked' | 'inline';\n  value?: number;\n  defaultValue?: number;\n  rangeValue?: [number, number];\n  defaultRangeValue?: [number, number];\n  isRange?: boolean;\n  label: string;\n}\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport const Slider = ({\n  children,\n  className,\n  showInput = false,\n  showLabel = true,\n  layout = 'stacked',\n  value,\n  defaultValue,\n  label,\n  defaultRangeValue,\n  rangeValue,\n  minValue = 0,\n  maxValue = 100,\n  isRange = false,\n  orientation = 'horizontal',\n  ...props\n}: SliderProps) => {\n  const sliderValue = isRange ? rangeValue : value;\n  const sliderDefaultValue = isRange ? defaultRangeValue : defaultValue;\n\n  return (\n    <RACSlider\n      className={cn(sliderVariants({ orientation, layout }))}\n      minValue={minValue}\n      maxValue={maxValue}\n      orientation={orientation}\n      value={sliderValue}\n      defaultValue={sliderDefaultValue}\n      {...props}\n    >\n      {showLabel && (\n        <Label className={labelVariants({ orientation, layout })}>\n          {label}\n        </Label>\n      )}\n      {showInput && (\n        <div className={inputVariants({ orientation, layout })}>\n          <SliderInput />\n        </div>\n      )}\n      <RACSliderTrack className={sliderTrackVariants({ layout, orientation })}>\n        {({ state }) => {\n          const minValue = state.getThumbPercent(0);\n          const maxValue = state.getThumbPercent(1) || minValue;\n          const sizeInPercent = `${(state.values.length === 2 ? maxValue - minValue : minValue) * 100}%`;\n          const startPercent =\n            state.values.length === 2 ? `${Math.floor(minValue * 100)}%` : '0';\n          return (\n            <>\n              <div className={sliderTrackBackgroundVariants({ orientation })} />\n              {state.values.map((_, index) => {\n                return (\n                  <>\n                    <div\n                      key={`slider-${index === 0 ? 'min' : 'max'}`}\n                      className={sliderTrackValueVariants({ orientation })}\n                      style={\n                        orientation === 'horizontal'\n                          ? {\n                              left: startPercent,\n                              width: sizeInPercent,\n                            }\n                          : {\n                              bottom: startPercent,\n                              height: sizeInPercent,\n                            }\n                      }\n                    />\n\n                    <SliderThumb\n                      key={`slider-thumb-${index === 0 ? 'min' : 'max'}`}\n                      index={index}\n                      className={sliderThumbVariants({ orientation })}\n                    >\n                      {!showInput && (\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <div className='size-full outline-none' />\n                          </Tooltip.Trigger>\n                          <Tooltip.Body placement='top'>\n                            {state.getThumbValue(index)}\n                          </Tooltip.Body>\n                        </Tooltip>\n                      )}\n                    </SliderThumb>\n                  </>\n                );\n              })}\n            </>\n          );\n        }}\n      </RACSliderTrack>\n      <Text slot='min' className={minValueVariants({ layout, orientation })}>\n        {minValue}\n      </Text>\n      <Text slot='max' className={maxValueVariants({ layout, orientation })}>\n        {maxValue}\n      </Text>\n    </RACSlider>\n  );\n};\n\nexport type RangeSliderProps = Omit<\n  SliderProps,\n  'isRange' | 'defaultRangeValue' | 'rangeValue' | 'defaultValue' | 'value'\n> & {\n  defaultValue?: SliderProps['defaultRangeValue'];\n  value: SliderProps['rangeValue'];\n};\n\n/**\n * RangeSlider - A dual-handle slider component for selecting a range of numeric values\n *\n * Extends the base Slider component to provide range selection functionality with two thumbs,\n * allowing users to define both minimum and maximum values within a specified range.\n * Maintains all accessibility features and layout options of the base slider while\n * providing intuitive range selection controls.\n *\n * @example\n * // Basic range slider\n * <RangeSlider label=\"Price Range\" defaultValue={[20, 80]} minValue={0} maxValue={100} />\n *\n * @example\n * // Controlled range slider with input fields\n * <RangeSlider\n *   label=\"Temperature Range\"\n *   value={tempRange}\n *   onChange={setTempRange}\n *   showInput\n *   minValue={-10}\n *   maxValue={40}\n * />\n */\nexport const RangeSlider = ({\n  defaultValue,\n  value,\n  ...props\n}: RangeSliderProps) => {\n  return (\n    <Slider\n      {...props}\n      isRange\n      defaultRangeValue={defaultValue}\n      rangeValue={value}\n    />\n  );\n};\n\nfunction SliderInput({ className }: { className?: string }) {\n  const state = useContext(SliderStateContext);\n  const labelProps = useSlottedContext(LabelContext);\n  return (\n    <>\n      {state?.values.map((value: number, index: number) => (\n        <NumberField\n          key={`number-field-${index === 0 ? 'min' : 'max'}`}\n          aria-labelledby={labelProps?.id}\n          value={value}\n          onChange={(v) => state.setThumbValue(0, v)}\n        >\n          <Input\n            className={cn(\n              'w-[50px] rounded-medium border border-interactive px-s py-xs font-display text-body-m text-default-light',\n              className,\n            )}\n          />\n        </NumberField>\n      ))}\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["thumb","track","trackValue","SliderStyles","f","classNames","minValueProp","orientation","showLabel","jsx","AriaSlider","e","h","className","slider","maxValueProp","layout","jsxs","Fragment","o","label","showInput","value","index","Input","composeRenderProps","input","event","state","AriaSliderTrack","_","Tooltip","u","N","g"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Fragment } from 'react';\nimport {\n  Slider as AriaSlider,\n  SliderTrack as AriaSliderTrack,\n  composeRenderProps,\n  Input,\n  Label,\n  SliderThumb,\n  Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n  slider,\n  label,\n  inputs,\n  input,\n  thumb,\n  track,\n  trackBackground,\n  trackValue,\n  minValue,\n  maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport const Slider = ({\n  classNames,\n  label: labelProp,\n  layout = 'grid',\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  ...rest\n}: SliderProps) => {\n  return (\n    <AriaSlider\n      {...rest}\n      className={composeRenderProps(classNames?.slider, (className) =>\n        slider({ className }),\n      )}\n      maxValue={maxValueProp}\n      minValue={minValueProp}\n      orientation={orientation}\n      aria-label={showLabel ? undefined : labelProp}\n      data-layout={layout}\n    >\n      {({ state }) => (\n        <>\n          {showLabel && (\n            <Label className={label({ className: classNames?.label })}>\n              {labelProp}\n            </Label>\n          )}\n          {showInput && (\n            <div\n              className={inputs({\n                className: classNames?.inputs,\n              })}\n            >\n              {state.values.map((value, index) => (\n                <Input\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={composeRenderProps(\n                    classNames?.input,\n                    (className) => input({ className }),\n                  )}\n                  value={value}\n                  onChange={(event) =>\n                    state.setThumbValue(\n                      index,\n                      Number.parseFloat(event.target.value),\n                    )\n                  }\n                />\n              ))}\n            </div>\n          )}\n          <AriaSliderTrack\n            className={composeRenderProps(classNames?.track, (className) =>\n              track({ className }),\n            )}\n          >\n            <div\n              className={trackBackground({\n                className: classNames?.trackBackground,\n              })}\n            />\n            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={trackValue({\n                    className: classNames?.trackValue,\n                  })}\n                  data-start={\n                    state.values.length === 1 ? 0 : state.getThumbPercent(0)\n                  }\n                  data-end={state.getThumbPercent(\n                    state.values.length === 1 ? 0 : 1,\n                  )}\n                />\n                <Tooltip\n                  isDisabled={!showInput || state.isThumbDragging(index)}\n                >\n                  <Tooltip.Trigger>\n                    <SliderThumb\n                      index={index}\n                      className={composeRenderProps(\n                        classNames?.thumb,\n                        (className) => thumb({ className }),\n                      )}\n                    />\n                  </Tooltip.Trigger>\n                  <Tooltip.Body placement='top'>\n                    {state.getThumbValue(index)}\n                  </Tooltip.Body>\n                </Tooltip>\n              </Fragment>\n            ))}\n          </AriaSliderTrack>\n          <Text\n            slot='min'\n            className={minValue({ className: classNames?.minValue })}\n          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={maxValue({ className: classNames?.maxValue })}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n};\n"]}

package/dist/components/slider/styles.d.ts

@@ -0,0 +1,84 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const SliderStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            slider?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            minValue?: tailwind_merge.ClassNameValue;
+            maxValue?: tailwind_merge.ClassNameValue;
+            inputs?: tailwind_merge.ClassNameValue;
+            trackBackground?: tailwind_merge.ClassNameValue;
+            trackValue?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            slider?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            minValue?: tailwind_merge.ClassNameValue;
+            maxValue?: tailwind_merge.ClassNameValue;
+            inputs?: tailwind_merge.ClassNameValue;
+            trackBackground?: tailwind_merge.ClassNameValue;
+            trackValue?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    slider: string[];
+    label: string[];
+    inputs: string[];
+    input: string;
+    track: string[];
+    trackBackground: string[];
+    trackValue: string[];
+    thumb: string[];
+    minValue: string[];
+    maxValue: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            slider?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            minValue?: tailwind_merge.ClassNameValue;
+            maxValue?: tailwind_merge.ClassNameValue;
+            inputs?: tailwind_merge.ClassNameValue;
+            trackBackground?: tailwind_merge.ClassNameValue;
+            trackValue?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    slider: string[];
+    label: string[];
+    inputs: string[];
+    input: string;
+    track: string[];
+    trackBackground: string[];
+    trackValue: string[];
+    thumb: string[];
+    minValue: string[];
+    maxValue: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    slider: string[];
+    label: string[];
+    inputs: string[];
+    input: string;
+    track: string[];
+    trackBackground: string[];
+    trackValue: string[];
+    thumb: string[];
+    minValue: string[];
+    maxValue: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { SliderStyles };

package/dist/components/slider/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'tailwind-variants';const t=tv({slots:{slider:["group/slider flex gap-s","layout-grid:grid","layout-stack:flex","orientation-vertical:h-full orientation-vertical:w-fit","orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]","orientation-vertical:layout-stack:flex-col","orientation-horizontal:h-xl","orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]","orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center"],label:["fg-primary-bold order-1","group-layout-grid/slider:col-start-1","group-orientation-vertical/slider:group-layout-grid/slider:col-span-2"],inputs:["order-5 flex gap-s","group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1","group-orientation-horizontal/slider:flex-row","group-orientation-vertical/slider:flex-col-reverse","group-orientation-vertical/slider:group-layout-grid/slider:row-start-4"],input:"fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive",track:["relative order-3 h-full","group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full","group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]","group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2"],trackBackground:["absolute rounded-full bg-surface-muted","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs"],trackValue:["absolute rounded-full bg-accent-primary-bold","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs"],thumb:["h-m w-m rounded-full bg-accent-primary-bold outline-accent-primary-bold/40","focus-visible:outline-4","hover:outline-4","group-orientation-horizontal/slider:top-1/2","group-orientation-vertical/slider:left-1/2"],minValue:["fg-primary-muted flex items-center font-display text-body-m","group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:self-end","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-vertical/slider:order-4"],maxValue:["fg-primary-muted order-4 flex items-center font-display text-body-m","group-orientation-vertical/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end"]}});export{t as SliderStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

package/dist/components/slider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slider/styles.ts"],"names":["SliderStyles","tv"],"mappings":"yCAcaA,CAAAA,CAAeC,EAAAA,CAAG,CAC7B,KAAA,CAAO,CACL,MAAA,CAAQ,CACN,0BACA,kBAAA,CACA,mBAAA,CACA,yDACA,6HAAA,CACA,4CAAA,CACA,8BACA,4HAAA,CACA,6FACF,CAAA,CACA,KAAA,CAAO,CACL,yBAAA,CACA,sCAAA,CACA,uEACF,CAAA,CACA,MAAA,CAAQ,CACN,oBAAA,CACA,2EAAA,CACA,+CACA,oDAAA,CACA,wEACF,EACA,KAAA,CACE,yGAAA,CACF,MAAO,CACL,yBAAA,CACA,0FACA,kJAAA,CACA,qFAAA,CACA,qNACF,CAAA,CACA,gBAAiB,CACf,wCAAA,CACA,wLACA,gLACF,CAAA,CACA,WAAY,CACV,8CAAA,CACA,iSACA,uRACF,CAAA,CACA,MAAO,CACL,4EAAA,CACA,0BACA,iBAAA,CACA,6CAAA,CACA,4CACF,CAAA,CACA,QAAA,CAAU,CACR,6DAAA,CACA,8FACA,0EAAA,CACA,0EAAA,CACA,8CACA,qEAAA,CACA,6EAAA,CACA,2CACF,CAAA,CACA,QAAA,CAAU,CACR,qEAAA,CACA,2CAAA,CACA,gJACA,6EAAA,CACA,0EAAA,CACA,2EACA,+EACF,CACF,CACF,CAAC","file":"styles.js","sourcesContent":["import { tv } from 'tailwind-variants';\n\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport const SliderStyles = tv({\n  slots: {\n    slider: [\n      'group/slider flex gap-s',\n      'layout-grid:grid',\n      'layout-stack:flex',\n      'orientation-vertical:h-full orientation-vertical:w-fit',\n      'orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]',\n      'orientation-vertical:layout-stack:flex-col',\n      'orientation-horizontal:h-xl',\n      'orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]',\n      'orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center',\n    ],\n    label: [\n      'fg-primary-bold order-1',\n      'group-layout-grid/slider:col-start-1',\n      'group-orientation-vertical/slider:group-layout-grid/slider:col-span-2',\n    ],\n    inputs: [\n      'order-5 flex gap-s',\n      'group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1',\n      'group-orientation-horizontal/slider:flex-row',\n      'group-orientation-vertical/slider:flex-col-reverse',\n      'group-orientation-vertical/slider:group-layout-grid/slider:row-start-4',\n    ],\n    input:\n      'fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive',\n    track: [\n      'relative order-3 h-full',\n      'group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full',\n      'group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2',\n      'group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]',\n      'group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n    ],\n    trackBackground: [\n      'absolute rounded-full bg-surface-muted',\n      'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full',\n      'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs',\n    ],\n    trackValue: [\n      'absolute rounded-full bg-accent-primary-bold',\n      'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs',\n      'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs',\n    ],\n    thumb: [\n      'h-m w-m rounded-full bg-accent-primary-bold outline-accent-primary-bold/40',\n      'focus-visible:outline-4',\n      'hover:outline-4',\n      'group-orientation-horizontal/slider:top-1/2',\n      'group-orientation-vertical/slider:left-1/2',\n    ],\n    minValue: [\n      'fg-primary-muted flex items-center font-display text-body-m',\n      'group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4',\n      'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1',\n      'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n      'group-orientation-horizontal/slider:order-2',\n      'group-orientation-vertical/slider:group-layout-grid/slider:self-end',\n      'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n      'group-orientation-vertical/slider:order-4',\n    ],\n    maxValue: [\n      'fg-primary-muted order-4 flex items-center font-display text-body-m',\n      'group-orientation-vertical/slider:order-2',\n      'group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n      'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n      'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3',\n      'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n      'group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end',\n    ],\n  },\n});\n"]}

package/dist/components/slider/types.d.ts

@@ -0,0 +1,22 @@
+import { SliderProps as SliderProps$1, LabelProps, InputProps, SliderTrackProps, SliderThumbProps } from 'react-aria-components';
+
+type SliderProps = Omit<SliderProps$1, 'children' | 'className'> & {
+    classNames?: {
+        slider?: SliderProps$1['className'];
+        label?: LabelProps['className'];
+        inputs?: string;
+        input?: InputProps['className'];
+        track?: SliderTrackProps['className'];
+        trackBackground?: string;
+        trackValue?: string;
+        thumb?: SliderThumbProps['className'];
+        minValue?: string;
+        maxValue?: string;
+    };
+    label: string;
+    layout?: 'grid' | 'stack';
+    showInput?: boolean;
+    showLabel?: boolean;
+};
+
+export type { SliderProps };

package/dist/components/slider/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}