@jamsrui/checkbox 0.0.13 → 0.0.15

package/dist/checkbox-config.mjs

@@ -1 +1 @@
-"use client";import{a,b}from"./chunk-IYBWXFEX.mjs";export{a as CheckboxConfig,b as useCheckboxConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[r,C]=o({displayName:"CheckboxConfig"});export{r as CheckboxConfig,C as useCheckboxConfig};

package/dist/checkbox-content.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-PN7YXAUC.mjs";import"./chunk-DOBJZMCO.mjs";export{a as CheckboxContent};
+"use client";import{useRenderElement as o}from"@jamsrui/hooks";import{useCheckboxContext as r}from"./checkbox-context.mjs";const m=e=>{const{getContentProps:t}=r();return o("div",{props:[t(e)]})};export{m as CheckboxContent};

package/dist/checkbox-context.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-DOBJZMCO.mjs";export{a as CheckboxContext,b as useCheckboxContext};
+import{createContext as t,use as o}from"react";const x=t(null),r=()=>{const e=o(x);if(!e)throw new Error("useCheckboxContext must be used within a CheckboxContext");return e};export{x as CheckboxContext,r as useCheckboxContext};

package/dist/checkbox-control.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-FSRSJ6IY.mjs";import"./chunk-H4JJIOAG.mjs";import"./chunk-2J6T2HMK.mjs";import"./chunk-FMMEMRGI.mjs";import"./chunk-DOBJZMCO.mjs";export{a as CheckboxControl};
+"use client";import{Fragment as m,jsx as e,jsxs as i}from"react/jsx-runtime";import{useRenderElement as n}from"@jamsrui/hooks";import{useCheckboxContext as p}from"./checkbox-context.mjs";import{CheckboxIndicator as c}from"./checkbox-indicator.mjs";import{CheckboxInput as s}from"./checkbox-input.mjs";const b=o=>{const{getControlProps:r}=p(),{children:t=e(c,{})}=o;return n("div",{props:[r(o),{children:i(m,{children:[e(s,{}),t]})}]})};export{b as CheckboxControl};

package/dist/checkbox-icon.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-2J6T2HMK.mjs";import"./chunk-DOBJZMCO.mjs";export{a as CheckboxIcon};
+"use client";import{jsx as e}from"react/jsx-runtime";import{motion as o}from"motion/react";import{useCheckboxContext as i}from"./checkbox-context.mjs";const r={pressed:{pathLength:.5},checked:{pathLength:1,opacity:1,transition:{duration:.2}},unchecked:{pathLength:0,opacity:0,transition:{duration:.2}}},c=()=>{const{isChecked:n,isIntermediate:t}=i();return e(o.svg,{animate:n||t?"checked":"unchecked",fill:"none",initial:!1,stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:e(o.path,{d:t?"M5 12h14":"M4.5 12.75l6 6 9-13.5",strokeLinecap:"round",strokeLinejoin:"round",variants:r})})};export{c as CheckboxIcon};

package/dist/checkbox-indicator.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-H4JJIOAG.mjs";import"./chunk-2J6T2HMK.mjs";import"./chunk-DOBJZMCO.mjs";export{a as CheckboxIndicator};
+"use client";import{jsx as e}from"react/jsx-runtime";import{useCheckboxContext as n}from"./checkbox-context.mjs";import{CheckboxIcon as s}from"./checkbox-icon.mjs";const p=t=>{const{getIndicatorProps:c,isChecked:r}=n(),{children:o=e(s,{})}=t,i=typeof o=="function"?o({isChecked:r}):o;return e("div",{...c({}),children:i})};export{p as CheckboxIndicator};

package/dist/checkbox-input.mjs

@@ -1 +1 @@
-import{a}from"./chunk-FMMEMRGI.mjs";import"./chunk-DOBJZMCO.mjs";export{a as CheckboxInput};
+import{useFieldA11yContext as r}from"@jamsrui/context";import{useRenderElement as p}from"@jamsrui/hooks";import{useCheckboxContext as n}from"./checkbox-context.mjs";const x=e=>{const{getInputProps:t}=n(),o=r();return p("input",{props:[o?.getInputProps()??{},t(e)]})};export{x as CheckboxInput};

package/dist/checkbox-root.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-ISDBRPPK.mjs";import"./chunk-DOBJZMCO.mjs";export{a as CheckboxRoot};
+"use client";import{useRenderElement as o}from"@jamsrui/hooks";import{useCheckboxContext as r}from"./checkbox-context.mjs";const m=t=>{const{getRootProps:e}=r();return o("div",{props:[e()]})};export{m as CheckboxRoot};

package/dist/checkbox.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-TPT76VDI.mjs";import"./chunk-UWHNW7HC.mjs";import"./chunk-RXTCDVRE.mjs";import"./chunk-IYBWXFEX.mjs";import"./chunk-ISDBRPPK.mjs";import"./chunk-DOBJZMCO.mjs";export{a as Checkbox};
+"use client";import{jsx as o}from"react/jsx-runtime";import{FieldA11yContext as n,useFieldA11y as C}from"@jamsrui/context";import{mergeConfigProps as i}from"@jamsrui/utils";import{useCheckboxConfig as s}from"./checkbox-config.mjs";import{CheckboxContext as m}from"./checkbox-context.mjs";import{CheckboxRoot as p}from"./checkbox-root.mjs";import{useCheckbox as f}from"./use-checkbox.mjs";const g=e=>{const t=s(),r=i(t,t,e),c=f(r),x=C();return o(m,{value:c,children:o(n,{value:x,children:o(p,{children:e.children})})})};export{g as Checkbox};

package/dist/index.mjs

@@ -1 +1 @@
-import{a as r}from"./chunk-TPT76VDI.mjs";import"./chunk-UWHNW7HC.mjs";import"./chunk-RXTCDVRE.mjs";import{a as C,b as c}from"./chunk-IYBWXFEX.mjs";import{a as o}from"./chunk-PN7YXAUC.mjs";import{a as e}from"./chunk-FSRSJ6IY.mjs";import{a as t}from"./chunk-H4JJIOAG.mjs";import"./chunk-2J6T2HMK.mjs";import"./chunk-FMMEMRGI.mjs";import"./chunk-ISDBRPPK.mjs";import"./chunk-DOBJZMCO.mjs";var h=Object.assign(r,{Control:e,Indicator:t,Content:o});export{h as Checkbox,C as CheckboxConfig,c as useCheckboxConfig};
+import{Checkbox as o}from"./checkbox.mjs";import{CheckboxContent as t}from"./checkbox-content.mjs";import{CheckboxControl as e}from"./checkbox-control.mjs";import{CheckboxIndicator as r}from"./checkbox-indicator.mjs";import{CheckboxConfig as k,useCheckboxConfig as i}from"./checkbox-config.mjs";const b=Object.assign(o,{Control:e,Indicator:r,Content:t});export{b as Checkbox,k as CheckboxConfig,i as useCheckboxConfig};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-RXTCDVRE.mjs";export{a as checkboxVariants};
+import{groupDataFocusVisibleClasses as e,radiusVariant as o,tv as r}from"@jamsrui/utils";const a=r({slots:{root:["checkbox group flex gap-2 items-start","data-disabled:opacity-60 data-disabled:cursor-not-allowed"],control:["checkbox__control flex justify-center items-center",...e,"shrink-0 border-default uig-hover:border-default-hover","relative appearance-none border uig-checked:border-primary uig-checked:bg-primary","uig-disabled:cursor-not-allowed uig-pressed:scale-90 transition-all duration-300"],input:"checkbox__input absolute opacity-[0.0001] cursor-default disabled:cursor-not-allowed inset-0 z-1",content:"checkbox__content flex flex-col justify-center gap-1",indicator:"checkbox__indicator size-3"},variants:{size:{sm:{root:"checkbox--sm",control:"size-4"},md:{root:"checkbox--md",control:"size-4.5"},lg:{root:"checkbox--lg",control:"size-5"}},isInvalid:{true:{control:"border-danger! uig-checked:bg-danger"}},radius:o("control")},defaultVariants:{radius:"md",size:"md"}});export{a as checkboxVariants};

package/dist/use-checkbox.mjs

@@ -1 +1 @@
-import{a}from"./chunk-UWHNW7HC.mjs";import"./chunk-RXTCDVRE.mjs";export{a as useCheckbox};
+import{useCallback as a,useMemo as E}from"react";import{useControlledState as F,useFocusVisible as U,useHover as j,useMergeRefs as K,usePress as L}from"@jamsrui/hooks";import{dataAttr as s,dataAttrDev as r,mapPropsVariants as O,mergeProps as S}from"@jamsrui/utils";import{checkboxVariants as v}from"./styles.mjs";const J=y=>{const[R,m]=O(y,v.variantKeys),{isInvalid:h}=m,o=v(m),{isChecked:V,onCheckedChange:i,defaultChecked:p,isIntermediate:c,disabled:G=!1,inputProps:H,...d}=R,t=G,[n=!1,b]=F({defaultProp:p,prop:V,onChange:i}),{isFocusVisible:C,ref:M}=U({isDisabled:t}),{isPressed:k,ref:A}=L({isDisabled:t}),{isHovered:u,ref:D}=j({isDisabled:t}),P=K([M,A,D]),l=a(e=>{b(e.target.checked)},[b]),f=a(()=>({...d,className:o.root({className:d.className}),"data-slot":r("root"),"data-component":r("checkbox"),"data-checked":s(n||c),"data-focus-visible":s(C),"data-pressed":s(k),"data-hovered":s(u),"data-disabled":s(t),"aria-disabled":s(t),"data-invalid":s(h)}),[d,n,t,C,u,c,k,h,o]),x=a(e=>({onChange:l,...S(e,H,{onChange:l}),disabled:t,"aria-disabled":s(t),ref:P,type:"checkbox","data-slot":r("input"),className:o.input({className:e.className})}),[l,t,P,o]),g=a(e=>({...e,"data-slot":r("content"),className:o.content({className:e.className})}),[o]),N=a(e=>({...e,"data-slot":r("control"),className:o.control({className:e.className})}),[o]),I=a(e=>({...e,"data-slot":r("indicator"),className:o.indicator({className:e.className})}),[o]);return E(()=>({getRootProps:f,getInputProps:x,getContentProps:g,getControlProps:N,getIndicatorProps:I,onCheckedChange:i,defaultChecked:p,isChecked:n,isIntermediate:c}),[p,g,x,f,N,I,n,c,i])};export{J as useCheckbox};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamsrui/checkbox",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -16,11 +16,11 @@
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/context": "^0.0.2",
-    "@jamsrui/core": "^0.0.11",
-    "@jamsrui/slot": "^0.0.12",
-    "@jamsrui/hooks": "^0.0.13",
-    "@jamsrui/utils": "^0.0.13"
+    "@jamsrui/context": "^0.0.4",
+    "@jamsrui/hooks": "^0.0.15",
+    "@jamsrui/slot": "^0.0.14",
+    "@jamsrui/core": "^0.0.13",
+    "@jamsrui/utils": "^0.0.15"
   },
   "description": "A modern and beautiful Next.js UI components library.",
   "keywords": [

package/dist/chunk-2J6T2HMK.mjs

@@ -1 +0,0 @@
-import{b as o}from"./chunk-DOBJZMCO.mjs";import{motion as e}from"motion/react";import{jsx as n}from"react/jsx-runtime";var r={pressed:{pathLength:.5},checked:{pathLength:1,opacity:1,transition:{duration:.2}},unchecked:{pathLength:0,opacity:0,transition:{duration:.2}}},c=()=>{let{isChecked:i,isIntermediate:t}=o();return n(e.svg,{animate:i||t?"checked":"unchecked",fill:"none",initial:!1,stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:n(e.path,{d:t?"M5 12h14":"M4.5 12.75l6 6 9-13.5",strokeLinecap:"round",strokeLinejoin:"round",variants:r})})};export{c as a};

package/dist/chunk-DOBJZMCO.mjs

@@ -1 +0,0 @@
-import{createContext as t,use as o}from"react";var x=t(null),r=()=>{let e=o(x);if(!e)throw new Error("useCheckboxContext must be used within a CheckboxContext");return e};export{x as a,r as b};

package/dist/chunk-FMMEMRGI.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-DOBJZMCO.mjs";import{useFieldA11yContext as p}from"@jamsrui/context";import{useRenderElement as n}from"@jamsrui/hooks";var x=t=>{let{getInputProps:o}=e(),r=p();return n("input",{props:[r?.getInputProps()??{},o(t)]})};export{x as a};

package/dist/chunk-FSRSJ6IY.mjs

@@ -1 +0,0 @@
-import{a as r}from"./chunk-H4JJIOAG.mjs";import{a as t}from"./chunk-FMMEMRGI.mjs";import{b as e}from"./chunk-DOBJZMCO.mjs";import{useRenderElement as s}from"@jamsrui/hooks";import{Fragment as m,jsx as n,jsxs as i}from"react/jsx-runtime";var b=o=>{let{getControlProps:p}=e(),{children:c=n(r,{})}=o;return s("div",{props:[p(o),{children:i(m,{children:[n(t,{}),c]})}]})};export{b as a};

package/dist/chunk-H4JJIOAG.mjs

@@ -1 +0,0 @@
-import{a as t}from"./chunk-2J6T2HMK.mjs";import{b as e}from"./chunk-DOBJZMCO.mjs";import{jsx as c}from"react/jsx-runtime";var p=r=>{let{getIndicatorProps:i,isChecked:n}=e(),{children:o=c(t,{})}=r,s=typeof o=="function"?o({isChecked:n}):o;return c("div",{...i({}),children:s})};export{p as a};

package/dist/chunk-ISDBRPPK.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-DOBJZMCO.mjs";import{useRenderElement as r}from"@jamsrui/hooks";var m=t=>{let{getRootProps:o}=e();return r("div",{props:[o()]})};export{m as a};

package/dist/chunk-IYBWXFEX.mjs

@@ -1 +0,0 @@
-import{createConfigContext as o}from"@jamsrui/utils";var[r,C]=o({displayName:"CheckboxConfig"});export{r as a,C as b};

package/dist/chunk-PN7YXAUC.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-DOBJZMCO.mjs";import{useRenderElement as r}from"@jamsrui/hooks";var m=t=>{let{getContentProps:o}=e();return r("div",{props:[o(t)]})};export{m as a};

package/dist/chunk-RXTCDVRE.mjs

@@ -1 +0,0 @@
-import{groupDataFocusVisibleClasses as e,radiusVariant as o,tv as r}from"@jamsrui/utils";var a=r({slots:{root:["checkbox group flex gap-2 items-start","data-disabled:opacity-60 data-disabled:cursor-not-allowed"],control:["checkbox__control flex justify-center items-center",...e,"shrink-0 border-default uig-hover:border-default-hover","relative appearance-none border uig-checked:border-primary uig-checked:bg-primary","uig-disabled:cursor-not-allowed uig-pressed:scale-90 transition-all duration-300"],input:"checkbox__input absolute opacity-[0.0001] cursor-default disabled:cursor-not-allowed inset-0 z-1",content:"checkbox__content flex flex-col justify-center gap-1",indicator:"checkbox__indicator size-3"},variants:{size:{sm:{root:"checkbox--sm",control:"size-4"},md:{root:"checkbox--md",control:"size-4.5"},lg:{root:"checkbox--lg",control:"size-5"}},isInvalid:{true:{control:"border-danger! uig-checked:bg-danger"}},radius:o("control")},defaultVariants:{radius:"md",size:"md"}});export{a};

package/dist/chunk-TPT76VDI.mjs

@@ -1 +0,0 @@
-import{a as n}from"./chunk-UWHNW7HC.mjs";import{b as r}from"./chunk-IYBWXFEX.mjs";import{a as x}from"./chunk-ISDBRPPK.mjs";import{a as c}from"./chunk-DOBJZMCO.mjs";import{FieldA11yContext as m,useFieldA11y as p}from"@jamsrui/context";import{mergeConfigProps as f}from"@jamsrui/utils";import{jsx as o}from"react/jsx-runtime";var g=e=>{let t=r(),C=f(t,t,e),i=n(C),s=p();return o(c,{value:i,children:o(m,{value:s,children:o(x,{children:e.children})})})};export{g as a};

package/dist/chunk-UWHNW7HC.mjs

@@ -1 +0,0 @@
-import{a as m}from"./chunk-RXTCDVRE.mjs";import{useCallback as a,useMemo as E}from"react";import{useControlledState as F,useFocusVisible as U,useHover as j,useMergeRefs as K,usePress as L}from"@jamsrui/hooks";import{dataAttr as s,dataAttrDev as r,mapPropsVariants as O,mergeProps as S}from"@jamsrui/utils";var z=y=>{let[R,h]=O(y,m.variantKeys),{isInvalid:b}=h,o=m(h),{isChecked:V,onCheckedChange:i,defaultChecked:p,isIntermediate:c,disabled:G=!1,inputProps:H,...d}=R,t=G,[n=!1,C]=F({defaultProp:p,prop:V,onChange:i}),{isFocusVisible:k,ref:M}=U({isDisabled:t}),{isPressed:u,ref:A}=L({isDisabled:t}),{isHovered:P,ref:D}=j({isDisabled:t}),f=K([M,A,D]),l=a(e=>{C(e.target.checked)},[C]),x=a(()=>({...d,className:o.root({className:d.className}),"data-slot":r("root"),"data-component":r("checkbox"),"data-checked":s(n||c),"data-focus-visible":s(k),"data-pressed":s(u),"data-hovered":s(P),"data-disabled":s(t),"aria-disabled":s(t),"data-invalid":s(b)}),[d,n,t,k,P,c,u,b,o]),g=a(e=>({onChange:l,...S(e,H,{onChange:l}),disabled:t,"aria-disabled":s(t),ref:f,type:"checkbox","data-slot":r("input"),className:o.input({className:e.className})}),[l,t,f,o]),N=a(e=>({...e,"data-slot":r("content"),className:o.content({className:e.className})}),[o]),I=a(e=>({...e,"data-slot":r("control"),className:o.control({className:e.className})}),[o]),v=a(e=>({...e,"data-slot":r("indicator"),className:o.indicator({className:e.className})}),[o]);return E(()=>({getRootProps:x,getInputProps:g,getContentProps:N,getControlProps:I,getIndicatorProps:v,onCheckedChange:i,defaultChecked:p,isChecked:n,isIntermediate:c}),[p,N,g,x,I,v,n,c,i])};export{z as a};