@jamsrui/switch 0.0.15 → 0.0.17

package/dist/index.d.mts

@@ -19,6 +19,15 @@ declare const Switch: ((props: Switch$1.Props) => react_jsx_runtime.JSX.Element)
     Track: (props: SwitchTrack.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
     Thumb: (props: SwitchThumb.Props) => react_jsx_runtime.JSX.Element;
 };
-type SwitchProps = Switch$1.Props;
+declare namespace Switch {
+    interface Props extends Switch$1.Props {
+    }
+    interface Content extends SwitchContent.Props {
+    }
+    interface Track extends SwitchTrack.Props {
+    }
+    interface Thumb extends SwitchThumb.Props {
+    }
+}
 
-export { Switch, type SwitchProps };
+export { Switch };

package/dist/index.mjs

@@ -1 +1 @@
-import{SwitchConfig as n,useSwitchConfig as f}from"./switch-config.mjs";import{Switch as t}from"./switch.mjs";import{SwitchContent as o}from"./switch-content.mjs";import{SwitchThumb as i}from"./switch-thumb.mjs";import{SwitchTrack as r}from"./switch-track.mjs";const w=Object.assign(t,{Root:t,Content:o,Track:r,Thumb:i});export{w as Switch,n as SwitchConfig,f as useSwitchConfig};
+import{SwitchConfig as w,useSwitchConfig as S}from"./switch-config.mjs";import{Switch as t}from"./switch.mjs";import{SwitchContent as o}from"./switch-content.mjs";import{SwitchThumb as e}from"./switch-thumb.mjs";import{SwitchTrack as r}from"./switch-track.mjs";const p=Object.assign(t,{Root:t,Content:o,Track:r,Thumb:e});export{p as Switch,w as SwitchConfig,S as useSwitchConfig};

package/dist/styles.d.mts

@@ -40,6 +40,9 @@ declare const switchVariants: _jamsrui_utils.TVReturnType<{
             thumb: string;
         };
     };
+    isInvalid: {
+        true: {};
+    };
 }, {
     root: string;
     track: string[];
@@ -85,6 +88,9 @@ declare const switchVariants: _jamsrui_utils.TVReturnType<{
             thumb: string;
         };
     };
+    isInvalid: {
+        true: {};
+    };
 }, {
     root: string;
     track: string[];
@@ -130,6 +136,9 @@ declare const switchVariants: _jamsrui_utils.TVReturnType<{
             thumb: string;
         };
     };
+    isInvalid: {
+        true: {};
+    };
 }, {
     root: string;
     track: string[];

package/dist/styles.mjs

@@ -1 +1 @@
-import{groupDataFocusVisibleClasses as e,tv as t}from"@jamsrui/utils";const s=t({slots:{root:"group flex gap-2",track:[...e,"flex relative cursor-default shrink-0 items-center rounded-full bg-surface-secondary p-1","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","ui-interactive:hover:opacity-95","justify-start uig-checked:justify-end"],thumb:"size-8 rounded-full bg-white shadow-md flex justify-center items-center",content:"grid grow gap-1",input:"opacity-[0.0001] absolute inset-0 cursor-default 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-3.5"},sm:{track:"h-5 w-9",thumb:"size-3.5 uig-pressed:w-4"},md:{track:"h-6 w-10",thumb:"size-4 uig-pressed:w-5"},lg:{track:"h-7 w-12",thumb:"size-5 uig-pressed:w-6"}}},defaultVariants:{size:"md",color:"success"}});export{s as switchVariants};
+import{groupDataFocusVisibleClasses as e,tv as t}from"@jamsrui/utils";const s=t({slots:{root:"group flex gap-2",track:[...e,"flex relative cursor-default shrink-0 items-center rounded-full bg-surface-secondary p-1","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","ui-interactive:hover:opacity-95","justify-start uig-checked:justify-end"],thumb:"size-8 rounded-full bg-white shadow-md flex justify-center items-center",content:"grid grow gap-1",input:"opacity-[0.0001] absolute inset-0 cursor-default 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-3.5"},sm:{track:"h-5 w-9",thumb:"size-3.5 uig-pressed:w-4"},md:{track:"h-6 w-10",thumb:"size-4 uig-pressed:w-5"},lg:{track:"h-7 w-12",thumb:"size-5 uig-pressed:w-6"}},isInvalid:{true:{}}},defaultVariants:{size:"md",color:"success"}});export{s as switchVariants};

package/dist/switch-thumb.mjs

@@ -1 +1 @@
-"use client";import{jsx as p}from"react/jsx-runtime";import{motion as i}from"motion/react";import{useSwitchContext as n}from"./switch-context.mjs";const c=o=>{const{getThumbProps:t}=n(),{children:r,...e}=o;return p(i.div,{...t(e),children:r})};export{c as SwitchThumb};
+"use client";import{jsx as o}from"react/jsx-runtime";import{LayoutGroup as p,motion as n}from"motion/react";import{useSwitchContext as s}from"./switch-context.mjs";const u=t=>{const{getThumbProps:r}=s(),{children:i,...e}=t;return o(p,{children:o(n.div,{...r(e),layout:"position",style:{originY:"0px"},children:i})})};export{u as SwitchThumb};

package/dist/use-switch.d.mts

@@ -21,10 +21,12 @@ declare namespace useSwitch {
     interface Props extends SwitchVariants, SwitchRoot.Props {
         defaultChecked?: boolean;
         disabled?: boolean;
-        isChecked?: boolean;
+        checked?: boolean;
         onCheckedChange?: (value: boolean) => void;
         children?: React.ReactNode;
         inputProps?: UIProps<"input">;
+        name?: string;
+        form?: string;
     }
 }
 

package/dist/use-switch.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamsrui/switch",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -17,10 +17,10 @@
   },
   "dependencies": {
     "@jamsrui/core": "^0.0.13",
-    "@jamsrui/hooks": "^0.0.15",
+    "@jamsrui/hooks": "^0.0.16",
     "@jamsrui/slot": "^0.0.14",
-    "@jamsrui/utils": "^0.0.15",
-    "@jamsrui/context": "^0.0.4"
+    "@jamsrui/utils": "^0.0.16",
+    "@jamsrui/context": "^0.0.5"
   },
   "description": "A modern and beautiful Next.js UI components library.",
   "keywords": [