@jamsrui/switch 0.0.7 → 0.0.9

package/dist/index.d.mts

@@ -1,15 +1,17 @@
-export { S as Switch } from './switch-B3u5LmQm.mjs';
 export { SwitchConfig, useSwitchConfig } from './switch-config.mjs';
+export { Switch } from './switch.mjs';
 import 'react/jsx-runtime';
+import '@jamsrui/core';
+import './primitive/use-switch.mjs';
 import '@jamsrui/utils';
-import './styles.mjs';
-import 'tailwind-variants';
-import './switch-description.mjs';
+import './primitive/styles.mjs';
+import './primitive/switch-content.mjs';
 import 'react';
-import './switch-label.mjs';
-import './switch-thumb.mjs';
-import './switch-track.mjs';
-import './switch-wrapper.mjs';
-import './swith-content.mjs';
-import './swith-error-message.mjs';
-import '@jamsrui/core';
+import './primitive/switch-description.mjs';
+import './primitive/switch-input.mjs';
+import './primitive/switch-label.mjs';
+import './primitive/switch-root.mjs';
+import './primitive/switch-thumb.mjs';
+import 'motion/react';
+import './primitive/switch-track.mjs';
+import './primitive/switch-wrapper.mjs';

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{Switch as t}from"./switch";import{SwitchConfig as c,useSwitchConfig as f}from"./switch-config";export{t as Switch,c as SwitchConfig,f as useSwitchConfig};
+"use client";import{SwitchConfig as t,useSwitchConfig as e}from"./switch-config";import{Switch as f}from"./switch";export{f as Switch,t as SwitchConfig,e as useSwitchConfig};

package/dist/primitive/index.d.mts

@@ -0,0 +1,18 @@
+export { Switch } from './switch.mjs';
+export { SwitchConfig, useSwitchConfig } from './switch-config.mjs';
+export { SwitchContent } from './switch-content.mjs';
+export { SwitchContext, useSwitchContext } from './switch-context.mjs';
+export { SwitchDescription } from './switch-description.mjs';
+export { SwitchInput } from './switch-input.mjs';
+export { SwitchLabel } from './switch-label.mjs';
+export { SwitchRoot } from './switch-root.mjs';
+export { SwitchThumb } from './switch-thumb.mjs';
+export { SwitchTrack } from './switch-track.mjs';
+export { SwitchWrapper } from './switch-wrapper.mjs';
+export { useSwitch } from './use-switch.mjs';
+import 'react/jsx-runtime';
+import '@jamsrui/core';
+import 'react';
+import '@jamsrui/utils';
+import 'motion/react';
+import './styles.mjs';

package/dist/primitive/index.mjs

@@ -0,0 +1 @@
+"use client";import{Switch as r}from"./switch";import{SwitchConfig as i,useSwitchConfig as c}from"./switch-config";import{SwitchContent as h}from"./switch-content";import{SwitchContext as w,useSwitchContext as x}from"./switch-context";import{SwitchDescription as m}from"./switch-description";import{SwitchInput as u}from"./switch-input";import{SwitchLabel as C}from"./switch-label";import{SwitchRoot as b}from"./switch-root";import{SwitchThumb as l}from"./switch-thumb";import{SwitchTrack as k}from"./switch-track";import{SwitchWrapper as I}from"./switch-wrapper";import{useSwitch as R}from"./use-switch";export{r as Switch,i as SwitchConfig,h as SwitchContent,w as SwitchContext,m as SwitchDescription,u as SwitchInput,C as SwitchLabel,b as SwitchRoot,l as SwitchThumb,k as SwitchTrack,I as SwitchWrapper,R as useSwitch,c as useSwitchConfig,x as useSwitchContext};

package/dist/{styles.d.mts → primitive/styles.d.mts}

@@ -1,11 +1,7 @@
-import * as tailwind_variants from 'tailwind-variants';
+import * as _jamsrui_utils from '@jamsrui/utils';
 import { VariantProps } from '@jamsrui/utils';
 
-declare const test = "";
-declare const switchVariants: tailwind_variants.TVReturnType<{
-    isInvalid: {
-        true: {};
-    };
+declare const switchVariants: _jamsrui_utils.TVReturnType<{
     color: {
         default: {
             track: string;
@@ -66,11 +62,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
     description: string;
     content: string;
     wrapper: string;
-    errorMessage: string;
+    input: string;
 }, undefined, {
-    isInvalid: {
-        true: {};
-    };
     color: {
         default: {
             track: string;
@@ -131,11 +124,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
     description: string;
     content: string;
     wrapper: string;
-    errorMessage: string;
-}, tailwind_variants.TVReturnType<{
-    isInvalid: {
-        true: {};
-    };
+    input: string;
+}, _jamsrui_utils.TVReturnType<{
     color: {
         default: {
             track: string;
@@ -196,9 +186,9 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
     description: string;
     content: string;
     wrapper: string;
-    errorMessage: string;
+    input: string;
 }, undefined, unknown, unknown, undefined>>;
 type SwitchVariants = VariantProps<typeof switchVariants>;
 type SwitchSlots = keyof ReturnType<typeof switchVariants>;
 
-export { type SwitchSlots, type SwitchVariants, switchVariants, test };
+export { type SwitchSlots, type SwitchVariants, switchVariants };

package/dist/primitive/styles.mjs

@@ -0,0 +1 @@
+import{groupDataFocusVisibleClasses as e,tv as r}from"@jamsrui/utils";const s=r({slots:{root:"group flex flex-col gap-2",track:[...e,"flex cursor-pointer shrink-0 items-center rounded-full bg-surface-secondary p-1","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","cursor-default ui-interactive:cursor-pointer ui-interactive:hover:opacity-95","justify-start uig-checked:justify-end"],thumb:"size-8 rounded-full bg-white shadow-md",label:"text-sm uig-interactive:cursor-pointer",description:"text-xs text-foreground-secondary",content:"grid grow gap-1",wrapper:"flex items-center justify-between gap-2 relative",input:"opacity-[0.0001] absolute inset-0 cursor-pointer disabled:cursor-not-allowed z-1"},variants:{color:{default:{track:"uig-checked:bg-default"},primary:{track:"uig-checked:bg-primary"},secondary:{track:"uig-checked:bg-secondary"},success:{track:"uig-checked:bg-success"},warning:{track:"uig-checked:bg-warning"},danger:{track:"uig-checked:bg-danger"}},size:{xs:{track:"h-4 w-7 px-0.5",thumb:"size-3 uig-pressed:w-4"},sm:{track:"h-6 w-10",thumb:"size-4 uig-pressed:w-5"},md:{track:"h-7 w-12",thumb:"size-5 uig-pressed:w-6"},lg:{track:"h-8 w-14",thumb:"size-6 uig-pressed:w-7"}},labelPlacement:{start:{wrapper:"flex-row"},end:{wrapper:"flex-row-reverse"},top:{wrapper:"flex-col"},bottom:{wrapper:"flex-col-reverse"}}},defaultVariants:{size:"md",color:"success",labelPlacement:"start"}});export{s as switchVariants};

package/dist/primitive/switch-config.d.mts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WithGlobalConfig } from '@jamsrui/core';
+import { Switch } from './switch.mjs';
+import './use-switch.mjs';
+import '@jamsrui/utils';
+import './styles.mjs';
+import './switch-content.mjs';
+import 'react';
+import './switch-description.mjs';
+import './switch-input.mjs';
+import './switch-label.mjs';
+import './switch-root.mjs';
+import './switch-thumb.mjs';
+import 'motion/react';
+import './switch-track.mjs';
+import './switch-wrapper.mjs';
+
+declare const useSwitchConfig: () => SwitchConfig.Props;
+declare const SwitchConfig: (props: Omit<Partial<SwitchConfig.Props>, "children"> & {
+    merge?: boolean;
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare namespace SwitchConfig {
+    type Props = WithGlobalConfig<Switch.Props>;
+}
+
+export { SwitchConfig, useSwitchConfig };

package/dist/primitive/switch-config.mjs

@@ -0,0 +1 @@
+import{createConfigContext as o}from"@jamsrui/utils";const[t,r]=o({displayName:"SwitchConfig"});export{t as SwitchConfig,r as useSwitchConfig};

package/dist/{switch-context.d.mts → primitive/switch-context.d.mts}

@@ -1,16 +1,17 @@
 import * as react from 'react';
-import { u as useSwitch } from './switch-B3u5LmQm.mjs';
-import 'react/jsx-runtime';
+import { useSwitch } from './use-switch.mjs';
 import '@jamsrui/utils';
 import './styles.mjs';
-import 'tailwind-variants';
+import './switch-content.mjs';
 import './switch-description.mjs';
+import './switch-input.mjs';
 import './switch-label.mjs';
+import './switch-root.mjs';
 import './switch-thumb.mjs';
+import 'react/jsx-runtime';
+import 'motion/react';
 import './switch-track.mjs';
 import './switch-wrapper.mjs';
-import './swith-content.mjs';
-import './swith-error-message.mjs';
 
 declare const useSwitchContext: () => SwitchContext.Props;
 declare const SwitchContext: react.Context<SwitchContext.Props | null>;

package/dist/primitive/switch-input.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const SwitchInput: (props: SwitchInput.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace SwitchInput {
+    interface Props extends UIProps<"input"> {
+    }
+}
+
+export { SwitchInput };

package/dist/primitive/switch-input.mjs

@@ -0,0 +1 @@
+import{useRenderElement as r}from"@jamsrui/hooks";import{useSwitchContext as p}from"./switch-context";const i=t=>{const{getInputProps:e}=p();return r("input",{props:[e(t)]})};export{i as SwitchInput};

package/dist/{switch-label.d.mts → primitive/switch-label.d.mts}

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import { UIProps } from '@jamsrui/utils';
 
-declare const SwitchLabel: (props: SwitchLabel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+declare const SwitchLabel: (props: SwitchLabel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 declare namespace SwitchLabel {
-    interface Props extends UIProps<"label"> {
+    interface Props extends UIProps<"span"> {
     }
 }
 

package/dist/primitive/switch-label.mjs

@@ -0,0 +1 @@
+import{useRenderElement as t}from"@jamsrui/hooks";import{useSwitchContext as o}from"./switch-context";const m=e=>{const{getLabelProps:r}=o();return t("span",{props:[r(e)]})};export{m as SwitchLabel};

package/dist/primitive/switch-root.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const SwitchRoot: (props: SwitchRoot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace SwitchRoot {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { SwitchRoot };

package/dist/primitive/switch-root.mjs

@@ -0,0 +1 @@
+import{useRenderElement as o}from"@jamsrui/hooks";import{useSwitchContext as r}from"./switch-context";const i=t=>{const{getRootProps:e}=r();return o("div",{props:[e(t)]})};export{i as SwitchRoot};

package/dist/primitive/switch-thumb.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'motion/react';
+
+declare const SwitchThumb: (props: SwitchThumb.Props) => react_jsx_runtime.JSX.Element;
+declare namespace SwitchThumb {
+    interface Props extends HTMLMotionProps<"div"> {
+    }
+}
+
+export { SwitchThumb };

package/dist/primitive/switch-thumb.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{motion as i}from"motion/react";import{useSwitchContext as r}from"./switch-context";const p=o=>{const{getThumbProps:t}=r();return e(i.div,{...t(o),children:o.children})};export{p as SwitchThumb};

package/dist/{switch-track.d.mts → primitive/switch-track.d.mts}

@@ -3,7 +3,7 @@ import { UIProps } from '@jamsrui/utils';
 
 declare const SwitchTrack: (props: SwitchTrack.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 declare namespace SwitchTrack {
-    interface Props extends UIProps<"button"> {
+    interface Props extends UIProps<"div"> {
     }
 }
 

package/dist/primitive/switch-track.mjs

@@ -0,0 +1 @@
+import{useRenderElement as t}from"@jamsrui/hooks";import{useSwitchContext as o}from"./switch-context";const c=r=>{const{getTrackProps:e}=o();return t("div",{props:[e(r)]})};export{c as SwitchTrack};

package/dist/{switch-wrapper.d.mts → primitive/switch-wrapper.d.mts}

@@ -3,7 +3,7 @@ import { UIProps } from '@jamsrui/utils';
 
 declare const SwitchWrapper: (props: SwitchWrapper.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 declare namespace SwitchWrapper {
-    interface Props extends UIProps<"div"> {
+    interface Props extends UIProps<"label"> {
     }
 }
 

package/dist/primitive/switch-wrapper.mjs

@@ -0,0 +1 @@
+import{useRenderElement as t}from"@jamsrui/hooks";import{useSwitchContext as p}from"./switch-context";const m=e=>{const{getWrapperProps:r}=p();return t("label",{props:[r(e)]})};export{m as SwitchWrapper};

package/dist/primitive/switch.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { useSwitch } from './use-switch.mjs';
+import '@jamsrui/utils';
+import './styles.mjs';
+import './switch-content.mjs';
+import 'react';
+import './switch-description.mjs';
+import './switch-input.mjs';
+import './switch-label.mjs';
+import './switch-root.mjs';
+import './switch-thumb.mjs';
+import 'motion/react';
+import './switch-track.mjs';
+import './switch-wrapper.mjs';
+
+declare const Switch: (props: Switch.Props) => react_jsx_runtime.JSX.Element;
+declare namespace Switch {
+    interface Props extends useSwitch.Props {
+    }
+}
+
+export { Switch };

package/dist/primitive/switch.mjs

@@ -0,0 +1 @@
+import{jsx as p}from"react/jsx-runtime";import{mergeConfigProps as c}from"@jamsrui/utils";import{useSwitchConfig as i}from"./switch-config";import{SwitchContext as n}from"./switch-context";import{useSwitch as s}from"./use-switch";const S=t=>{const o=i(),e=c(o,o,t),r=s(e);return p(n,{value:r,children:t.children})};export{S as Switch};

package/dist/primitive/use-switch.d.mts

@@ -0,0 +1,38 @@
+import { PropGetter, SlotsToClassNames } from '@jamsrui/utils';
+import { SwitchVariants, SwitchSlots } from './styles.mjs';
+import { SwitchContent } from './switch-content.mjs';
+import { SwitchDescription } from './switch-description.mjs';
+import { SwitchInput } from './switch-input.mjs';
+import { SwitchLabel } from './switch-label.mjs';
+import { SwitchRoot } from './switch-root.mjs';
+import { SwitchThumb } from './switch-thumb.mjs';
+import { SwitchTrack } from './switch-track.mjs';
+import { SwitchWrapper } from './switch-wrapper.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import 'motion/react';
+
+declare const useSwitch: (props: useSwitch.Props) => {
+    isChecked: boolean;
+    getRootProps: PropGetter<SwitchRoot.Props>;
+    getThumbProps: PropGetter<SwitchThumb.Props>;
+    getLabelProps: PropGetter<SwitchLabel.Props>;
+    getDescriptionProps: PropGetter<SwitchDescription.Props>;
+    getContentProps: PropGetter<SwitchContent.Props>;
+    getWrapperProps: PropGetter<SwitchWrapper.Props>;
+    getTrackProps: PropGetter<SwitchTrack.Props>;
+    getInputProps: PropGetter<SwitchInput.Props>;
+};
+declare namespace useSwitch {
+    interface Props extends SwitchVariants {
+        isReadonly?: boolean;
+        isDisabled?: boolean;
+        isChecked?: boolean;
+        onCheckedChange?: (value: boolean) => void;
+        defaultChecked?: boolean;
+        children?: React.ReactNode;
+        classNames?: SlotsToClassNames<SwitchSlots>;
+    }
+}
+
+export { useSwitch };

package/dist/primitive/use-switch.mjs

@@ -0,0 +1 @@
+import{useCallback as a,useId as L,useMemo as M}from"react";import{useControlledState as W,useFocusVisible as A,useMergeRefs as E,usePress as F}from"@jamsrui/hooks";import{cn as r,dataAttr as p,dataAttrDev as n,mapPropsVariants as j,mergeProps as H}from"@jamsrui/utils";import{switchVariants as g}from"./styles";const z=R=>{const[I,G]=j(R,g.variantKeys),e=g(G),{isChecked:T,defaultChecked:v,onCheckedChange:V,isDisabled:o,isReadonly:c,classNames:s}=I,[i,l]=W({defaultProp:v,onChange:V,prop:T}),{isFocusVisible:m,ref:D}=A({isDisabled:o}),{isPressed:h,ref:x}=F({isDisabled:o}),d=E([D,x]),u=L(),w=a(t=>{!o&&!c&&l(t.target.checked)},[o,c,l]),P=a(t=>({...t,className:e.root({className:r(s?.root,t.className)}),"data-slot":n("root"),"data-component":n("switch"),"data-checked":p(i),"data-focus-visible":p(m),"data-pressed":p(h),"data-disabled":p(o)}),[s?.root,i,o,m,h,e]),b=a(t=>({...H(t,{onChange:w}),ref:d,type:"checkbox","data-slot":n("input"),className:e.input({className:r(s?.input,t.className)}),disabled:o,readOnly:c}),[s?.input,w,d,o,c,e]),N=a(t=>({...t,"data-slot":"track",className:e.track({className:r(s?.track,t.className)})}),[s?.track,e]),S=a(t=>({...t,layoutId:u,"data-slot":"thumb",className:e.thumb({className:r(s?.thumb,t.className)})}),[s?.thumb,u,e]),f=a(t=>({...t,"data-slot":"label",className:e.label({className:r(s?.label,t.className)})}),[s?.label,e]),C=a(t=>({...t,"data-slot":"description",className:e.description({className:r(s?.description,t.className)})}),[s?.description,e]),k=a(t=>({...t,"data-slot":"content",className:e.content({className:r(s?.content,t.className)})}),[s?.content,e]),y=a(t=>({...t,"data-slot":"wrapper",className:e.wrapper({className:r(s?.wrapper,t.className)})}),[s?.wrapper,e]);return M(()=>({isChecked:i,getRootProps:P,getThumbProps:S,getLabelProps:f,getDescriptionProps:C,getContentProps:k,getWrapperProps:y,getTrackProps:N,getInputProps:b}),[i,P,S,f,C,k,y,N,b])};export{z as useSwitch};

package/dist/switch-config.d.mts

@@ -1,25 +1,27 @@
-import { S as Switch } from './switch-B3u5LmQm.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GlobalConfigProps } from '@jamsrui/core';
+import { WithGlobalConfig } from '@jamsrui/core';
+import { Switch } from './switch.mjs';
+import './primitive/use-switch.mjs';
 import '@jamsrui/utils';
-import './styles.mjs';
-import 'tailwind-variants';
-import './switch-description.mjs';
+import './primitive/styles.mjs';
+import './primitive/switch-content.mjs';
 import 'react';
-import './switch-label.mjs';
-import './switch-thumb.mjs';
-import './switch-track.mjs';
-import './switch-wrapper.mjs';
-import './swith-content.mjs';
-import './swith-error-message.mjs';
+import './primitive/switch-description.mjs';
+import './primitive/switch-input.mjs';
+import './primitive/switch-label.mjs';
+import './primitive/switch-root.mjs';
+import './primitive/switch-thumb.mjs';
+import 'motion/react';
+import './primitive/switch-track.mjs';
+import './primitive/switch-wrapper.mjs';
 
 declare const useSwitchConfig: () => SwitchConfig.Props;
-declare const SwitchConfig: (props: SwitchConfig.Props & {
+declare const SwitchConfig: (props: Omit<Partial<SwitchConfig.Props>, "children"> & {
     merge?: boolean;
+    children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace SwitchConfig {
-    interface Props extends Switch.Props, GlobalConfigProps<Switch.Props> {
-    }
+    type Props = WithGlobalConfig<Switch.Props>;
 }
 
 export { SwitchConfig, useSwitchConfig };

package/dist/switch.d.mts

@@ -1,13 +1,24 @@
-import 'react/jsx-runtime';
-export { S as Switch } from './switch-B3u5LmQm.mjs';
-import '@jamsrui/utils';
-import './styles.mjs';
-import 'tailwind-variants';
-import './switch-description.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { useSwitch } from './primitive/use-switch.mjs';
+import { SlotsToReactNode } from '@jamsrui/utils';
+import { SwitchSlots } from './primitive/styles.mjs';
+import './primitive/switch-content.mjs';
 import 'react';
-import './switch-label.mjs';
-import './switch-thumb.mjs';
-import './switch-track.mjs';
-import './switch-wrapper.mjs';
-import './swith-content.mjs';
-import './swith-error-message.mjs';
+import './primitive/switch-description.mjs';
+import './primitive/switch-input.mjs';
+import './primitive/switch-label.mjs';
+import './primitive/switch-root.mjs';
+import './primitive/switch-thumb.mjs';
+import 'motion/react';
+import './primitive/switch-track.mjs';
+import './primitive/switch-wrapper.mjs';
+
+declare const Switch: (props: Switch.Props) => react_jsx_runtime.JSX.Element;
+declare namespace Switch {
+    interface Props extends useSwitch.Props {
+        label?: string;
+        slots?: SlotsToReactNode<SwitchSlots>;
+    }
+}
+
+export { Switch };

package/dist/switch.mjs

@@ -1 +1 @@
-import{Fragment as T,jsx as t,jsxs as o}from"react/jsx-runtime";import{useRenderElement as w}from"@jamsrui/hooks";import{mergeConfigProps as S}from"@jamsrui/utils";import{useSwitchConfig as f}from"./switch-config";import{SwitchContext as a}from"./switch-context";import{SwitchDescription as d}from"./switch-description";import{SwitchLabel as C}from"./switch-label";import{SwitchThumb as g}from"./switch-thumb";import{SwitchTrack as l}from"./switch-track";import{SwitchWrapper as u}from"./switch-wrapper";import{SwitchContent as x}from"./swith-content";import{SwitchErrorMessage as P}from"./swith-error-message";import{useSwitch as E}from"./use-switch";const B=r=>{const{children:e}=r,i=f(),n=S(i,i,r),c=E(n),{getRootProps:m,hasContent:p}=c,s=o(T,{children:[o(u,{children:[!!p&&o(x,{children:[t(C,{}),!!e&&t(d,{children:e})]}),t(l,{children:t(g,{})})]}),t(P,{})]}),h=w("div",{props:[m({}),{children:s}]});return t(a,{value:c,children:h})};export{B as Switch};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{Slot as i}from"@jamsrui/slot";import{mergeConfigProps as h}from"@jamsrui/utils";import{AnimatePresence as w}from"motion/react";import{SwitchContent as m,SwitchContext as a,SwitchDescription as f,SwitchInput as u,SwitchLabel as P,SwitchRoot as b,SwitchThumb as d,SwitchTrack as g,SwitchWrapper as x,useSwitch as C}from"./primitive";import{useSwitchConfig as T}from"./switch-config";const D=c=>{const e=T(),s=h(e,e,c),{label:l,children:S,slots:o,...n}=s,p=C(n);return t(a,{value:p,children:t(i,{slot:o?.root,children:t(b,{children:t(i,{slot:o?.wrapper,children:r(x,{children:[t(i,{slot:o?.input,children:t(u,{})}),t(i,{slot:o?.content,children:r(m,{children:[t(i,{slot:o?.label,children:t(P,{children:l})}),t(i,{slot:o?.description,children:t(f,{children:S})})]})}),t(w,{initial:!1,children:t(i,{slot:o?.track,children:t(g,{children:t(i,{slot:o?.thumb,children:t(d,{})})})})})]})})})})})};export{D as Switch};

package/package.json

@@ -1,15 +1,6 @@
 {
   "name": "@jamsrui/switch",
-  "version": "0.0.7",
-  "peerDependencies": {
-    "motion": ">=12",
-    "react": ">=19"
-  },
-  "dependencies": {
-    "@jamsrui/hooks": "^0.0.7",
-    "@jamsrui/utils": "^0.0.7",
-    "@jamsrui/core": "^0.0.7"
-  },
+  "version": "0.0.9",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -17,6 +8,16 @@
       "require": "./dist/index.js"
     }
   },
+  "peerDependencies": {
+    "motion": ">=12",
+    "react": ">=19"
+  },
+  "dependencies": {
+    "@jamsrui/hooks": "^0.0.9",
+    "@jamsrui/core": "^0.0.8",
+    "@jamsrui/utils": "^0.0.9",
+    "@jamsrui/slot": "^0.0.9"
+  },
   "description": "A modern and beautiful Next.js UI components library.",
   "keywords": [
     "react",

package/dist/styles.mjs

@@ -1 +0,0 @@
-import{focusVisibleClasses as e,tv as r}from"@jamsrui/utils";const s="",a=r({slots:{root:"group flex flex-col gap-2",track:[...e,"flex cursor-pointer shrink-0 items-center rounded-full bg-surface-secondary p-1","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","cursor-default ui-interactive:cursor-pointer ui-interactive:hover:opacity-95","justify-start uig-checked:justify-end"],thumb:"size-8 rounded-full bg-white shadow-md",label:"text-sm uig-interactive:cursor-pointer",description:"text-xs text-foreground-500",content:"grid grow gap-1",wrapper:"flex items-center justify-between gap-2",errorMessage:"text-danger text-xs"},variants:{isInvalid:{true:{}},color:{default:{track:"uig-checked:bg-default"},primary:{track:"uig-checked:bg-primary"},secondary:{track:"uig-checked:bg-secondary"},success:{track:"uig-checked:bg-success"},warning:{track:"uig-checked:bg-warning"},danger:{track:"uig-checked:bg-danger"}},size:{xs:{track:"h-4 w-7 px-0.5",thumb:"size-3"},sm:{track:"h-6 w-10",thumb:"size-4"},md:{track:"mr-2 h-7 w-12",thumb:"size-5"},lg:{track:"mr-2 h-8 w-14",thumb:"size-6"}},labelPlacement:{start:{wrapper:"flex-row"},end:{wrapper:"flex-row-reverse"},top:{wrapper:"flex-col"},bottom:{wrapper:"flex-col-reverse"}}},defaultVariants:{size:"md",color:"success",labelPlacement:"start"}});export{a as switchVariants,s as test};

package/dist/switch-B3u5LmQm.d.mts

@@ -1,54 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
-import { SwitchVariants, SwitchSlots } from './styles.mjs';
-import { SwitchDescription } from './switch-description.mjs';
-import { SwitchLabel } from './switch-label.mjs';
-import { SwitchThumb } from './switch-thumb.mjs';
-import { SwitchTrack } from './switch-track.mjs';
-import { SwitchWrapper } from './switch-wrapper.mjs';
-import { SwitchContent } from './swith-content.mjs';
-import { SwitchErrorMessage } from './swith-error-message.mjs';
-
-declare const useSwitch: (props: useSwitch.Props) => {
-    getRootProps: PropGetter<Switch.Props>;
-    getThumbProps: PropGetter<SwitchThumb.Props>;
-    getLabelProps: PropGetter<SwitchLabel.Props>;
-    getDescriptionProps: PropGetter<SwitchDescription.Props>;
-    getContentProps: PropGetter<SwitchContent.Props>;
-    getWrapperProps: PropGetter<SwitchWrapper.Props>;
-    getTrackProps: PropGetter<SwitchTrack.Props>;
-    getErrorMessageProps: PropGetter<SwitchErrorMessage.Props>;
-    label: string | undefined;
-    errorMessage: string | undefined;
-    hasContent: boolean;
-};
-declare namespace useSwitch {
-    interface Props extends SwitchVariants, UIProps<"div"> {
-        label?: string;
-        errorMessage?: string;
-        classNames?: SlotsToClassNames<SwitchSlots>;
-        slotProps?: {
-            track?: SwitchTrack.Props;
-            thumb?: SwitchThumb.Props;
-            label?: SwitchLabel.Props;
-            description?: SwitchDescription.Props;
-            content?: SwitchContent.Props;
-            wrapper?: SwitchWrapper.Props;
-            errorMessage?: SwitchErrorMessage.Props;
-        };
-        isReadonly?: boolean;
-        isDisabled?: boolean;
-        isChecked?: boolean;
-        onCheckedChange?: (value: boolean) => void;
-        defaultChecked?: boolean;
-        isInvalid?: boolean;
-    }
-}
-
-declare const Switch: (props: Switch.Props) => react_jsx_runtime.JSX.Element;
-declare namespace Switch {
-    interface Props extends useSwitch.Props {
-    }
-}
-
-export { Switch as S, useSwitch as u };

package/dist/switch-label.mjs

@@ -1 +0,0 @@
-import{useRenderElement as l}from"@jamsrui/hooks";import{useSwitchContext as n}from"./switch-context";const i=r=>{const{getLabelProps:t,label:e}=n(),o=l("label",{props:[t(r),{children:e}]});return e?o:null};export{i as SwitchLabel};

package/dist/switch-thumb.d.mts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { UIProps } from '@jamsrui/utils';
-
-declare const SwitchThumb: (props: SwitchThumb.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace SwitchThumb {
-    interface Props extends UIProps<"div"> {
-    }
-}
-
-export { SwitchThumb };

package/dist/switch-thumb.mjs

@@ -1 +0,0 @@
-import{useRenderElement as t}from"@jamsrui/hooks";import{useSwitchContext as o}from"./switch-context";const n=e=>{const{getThumbProps:r}=o();return t("div",{props:[r(e)]})};export{n as SwitchThumb};

package/dist/switch-track.mjs

@@ -1 +0,0 @@
-import{useRenderElement as e}from"@jamsrui/hooks";import{useSwitchContext as o}from"./switch-context";const c=r=>{const{getTrackProps:t}=o();return e("button",{props:[t(r)]})};export{c as SwitchTrack};

package/dist/switch-wrapper.mjs

@@ -1 +0,0 @@
-import{useRenderElement as t}from"@jamsrui/hooks";import{useSwitchContext as p}from"./switch-context";const i=r=>{const{getWrapperProps:e}=p();return t("div",{props:[e(r)]})};export{i as SwitchWrapper};

package/dist/swith-error-message.d.mts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { UIProps } from '@jamsrui/utils';
-
-declare const SwitchErrorMessage: (props: SwitchErrorMessage.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace SwitchErrorMessage {
-    interface Props extends UIProps<"span"> {
-    }
-}
-
-export { SwitchErrorMessage };

package/dist/swith-error-message.mjs

@@ -1 +0,0 @@
-import{useRenderElement as o}from"@jamsrui/hooks";import{useSwitchContext as t}from"./switch-context";const i=r=>{const{getErrorMessageProps:e,errorMessage:s}=t();return o("span",{props:[e(r),{children:s}]})};export{i as SwitchErrorMessage};

package/dist/use-switch.d.mts

@@ -1,13 +0,0 @@
-import '@jamsrui/utils';
-import './styles.mjs';
-export { u as useSwitch } from './switch-B3u5LmQm.mjs';
-import './switch-description.mjs';
-import './switch-label.mjs';
-import './switch-thumb.mjs';
-import './switch-track.mjs';
-import './switch-wrapper.mjs';
-import './swith-content.mjs';
-import './swith-error-message.mjs';
-import 'tailwind-variants';
-import 'react/jsx-runtime';
-import 'react';

package/dist/use-switch.mjs

@@ -1 +0,0 @@
-import{useCallback as a,useMemo as M}from"react";import{cn as o,dataAttrDev as g,mapPropsVariants as T,mergeProps as c}from"@jamsrui/utils";import{switchVariants as u}from"./styles";const I=k=>{const[f,C]=T(k,u.variantKeys),s=u(C),{classNames:r,slotProps:e,label:i,errorMessage:l,children:y,isChecked:G,defaultChecked:v,onCheckedChange:D,isDisabled:x,isReadonly:E,...p}=f,n=a(()=>({...p,"data-slot":g("root"),"data-component":g("switch"),className:s.root({className:o(r?.root,p.className)})}),[r?.root,p,s]),m=a(t=>({...c(e?.thumb,t),"data-slot":"thumb",className:s.thumb({className:o(e?.thumb?.className,r?.thumb,t.className)})}),[r?.thumb,e?.thumb,s]),h=a(t=>({...c(e?.label,t),"data-slot":"label",className:s.label({className:o(e?.label?.className,r?.label,t.className)})}),[r?.label,e?.label,s]),w=a(t=>({...c(e?.description,t),"data-slot":"description",className:s.description({className:o(e?.description?.className,r?.description,t.className)})}),[r?.description,e?.description,s]),P=a(t=>({...c(e?.content,t),"data-slot":"content",className:s.content({className:o(e?.content?.className,r?.content,t.className)})}),[r?.content,e?.content,s]),b=a(t=>({...c(e?.wrapper,t),"data-slot":"wrapper",className:s.wrapper({className:o(e?.wrapper?.className,r?.wrapper,t.className)})}),[r?.wrapper,e?.wrapper,s]),d=a(t=>({...c(e?.track,t),"data-slot":"track",className:s.track({className:o(e?.track?.className,r?.track,t.className)})}),[r?.track,e?.track,s]),N=a(t=>({...c(e?.errorMessage,t),"data-slot":"error-message",className:s.errorMessage({className:o(e?.errorMessage?.className,r?.errorMessage,t.className)})}),[r?.errorMessage,e?.errorMessage,s]),S=!!i||!!y;return M(()=>({getRootProps:n,getThumbProps:m,getLabelProps:h,getDescriptionProps:w,getContentProps:P,getWrapperProps:b,getTrackProps:d,getErrorMessageProps:N,label:i,errorMessage:l,hasContent:S}),[n,m,h,w,P,b,d,N,i,l,S])};export{I as useSwitch};