@jamsrui/checkbox 0.0.7 → 0.0.9

package/dist/checkbox-config.d.mts

@@ -1,22 +1,23 @@
-import { C as Checkbox } from './checkbox-jaXFm_b0.mjs';
+import { Checkbox } from './checkbox.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
+import './primitive/use-checkbox.mjs';
 import 'react';
 import '@jamsrui/utils';
-import './checkbox-content.mjs';
-import './checkbox-description.mjs';
-import './checkbox-helper-text.mjs';
-import './checkbox-input.mjs';
-import './checkbox-label.mjs';
-import './checkbox-trigger.mjs';
-import './checkbox-wrapper.mjs';
-import './styles.mjs';
-import 'tailwind-variants';
-import './checkbox-errror-message.mjs';
+import './primitive/checkbox-content.mjs';
+import './primitive/checkbox-description.mjs';
+import './primitive/checkbox-error-message.mjs';
+import './primitive/checkbox-input.mjs';
+import './primitive/checkbox-label.mjs';
+import './primitive/checkbox-root.mjs';
+import './primitive/checkbox-trigger.mjs';
+import './primitive/checkbox-wrapper.mjs';
+import './primitive/styles.mjs';
 
 declare const useCheckboxConfig: () => CheckboxConfig.Props;
-declare const CheckboxConfig: (props: CheckboxConfig.Props & {
+declare const CheckboxConfig: (props: Omit<Partial<CheckboxConfig.Props>, "children"> & {
     merge?: boolean;
+    children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace CheckboxConfig {
     interface Props extends Checkbox.Props, GlobalConfigProps<Checkbox.Props> {

package/dist/checkbox.d.mts

@@ -1,14 +1,23 @@
-import 'react/jsx-runtime';
-export { C as Checkbox } from './checkbox-jaXFm_b0.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { useCheckbox } from './primitive/use-checkbox.mjs';
+import { SlotsToReactNode } from '@jamsrui/utils';
+import { CheckboxSlots } from './primitive/styles.mjs';
 import 'react';
-import '@jamsrui/utils';
-import './checkbox-content.mjs';
-import './checkbox-description.mjs';
-import './checkbox-helper-text.mjs';
-import './checkbox-input.mjs';
-import './checkbox-label.mjs';
-import './checkbox-trigger.mjs';
-import './checkbox-wrapper.mjs';
-import './styles.mjs';
-import 'tailwind-variants';
-import './checkbox-errror-message.mjs';
+import './primitive/checkbox-content.mjs';
+import './primitive/checkbox-description.mjs';
+import './primitive/checkbox-error-message.mjs';
+import './primitive/checkbox-input.mjs';
+import './primitive/checkbox-label.mjs';
+import './primitive/checkbox-root.mjs';
+import './primitive/checkbox-trigger.mjs';
+import './primitive/checkbox-wrapper.mjs';
+
+declare const Checkbox: (props: Checkbox.Props) => react_jsx_runtime.JSX.Element;
+declare namespace Checkbox {
+    interface Props extends useCheckbox.Props {
+        label?: React.ReactNode;
+        slots?: SlotsToReactNode<CheckboxSlots>;
+    }
+}
+
+export { Checkbox };

package/dist/checkbox.mjs

@@ -1 +1 @@
-import{Fragment as E,jsx as o,jsxs as P}from"react/jsx-runtime";import{useRenderElement as x}from"@jamsrui/hooks";import{mergeConfigProps as C}from"@jamsrui/utils";import{useCheckboxConfig as i}from"./checkbox-config";import{CheckboxContent as s}from"./checkbox-content";import{CheckboxContext as h}from"./checkbox-context";import{CheckboxDescription as b}from"./checkbox-description";import{CheckboxErrorMessage as k}from"./checkbox-errror-message";import{CheckboxHelperText as f}from"./checkbox-helper-text";import{CheckboxInput as g}from"./checkbox-input";import{CheckboxLabel as d}from"./checkbox-label";import{CheckboxTrigger as a}from"./checkbox-trigger";import{CheckboxWrapper as l}from"./checkbox-wrapper";import{useCheckbox as u}from"./use-checkbox";const A=t=>{const e=i(),p=C(e,e,t),r=u(p),{getRootProps:c}=r,m=o(E,{children:P(l,{children:[o(d,{}),o(f,{}),o(s,{}),o(b,{}),o(k,{}),o(g,{}),o(a,{})]})}),n=x("div",{props:[c({}),{children:m}]});return o(h,{value:r,children:n})};export{A as Checkbox};
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Slot as t}from"@jamsrui/slot";import{mergeConfigProps as h}from"@jamsrui/utils";import{useCheckboxConfig as i}from"./checkbox-config";import{CheckboxContent as k,CheckboxContext as a,CheckboxDescription as m,CheckboxErrorMessage as g,CheckboxIcon as S,CheckboxInput as f,CheckboxLabel as u,CheckboxRoot as d,CheckboxTrigger as P,CheckboxWrapper as R,useCheckbox as T}from"./primitive";const I=C=>{const l=i(),x=h(l,l,C),{label:c,children:s,slots:e,...b}=x,n=T(b),p=!!c||!!s;return o(a,{value:n,children:o(t,{slot:e?.root,children:r(d,{children:[o(t,{slot:e?.wrapper,children:r(R,{children:[o(t,{slot:e?.trigger,children:r(P,{children:[o(S,{}),o(t,{slot:e?.input,children:o(f,{})})]})}),p?o(t,{slot:e?.content,children:r(k,{children:[!!c&&o(t,{slot:e?.label,children:o(u,{children:c})}),!!s&&o(t,{slot:e?.description,children:o(m,{children:s})})]})}):null]})}),o(g,{})]})})})};export{I as Checkbox};

package/dist/index.d.mts

@@ -1,16 +1,16 @@
-export { C as Checkbox } from './checkbox-jaXFm_b0.mjs';
+export { Checkbox } from './checkbox.mjs';
 export { CheckboxConfig, useCheckboxConfig } from './checkbox-config.mjs';
 import 'react/jsx-runtime';
+import './primitive/use-checkbox.mjs';
 import 'react';
 import '@jamsrui/utils';
-import './checkbox-content.mjs';
-import './checkbox-description.mjs';
-import './checkbox-helper-text.mjs';
-import './checkbox-input.mjs';
-import './checkbox-label.mjs';
-import './checkbox-trigger.mjs';
-import './checkbox-wrapper.mjs';
-import './styles.mjs';
-import 'tailwind-variants';
-import './checkbox-errror-message.mjs';
+import './primitive/checkbox-content.mjs';
+import './primitive/checkbox-description.mjs';
+import './primitive/checkbox-error-message.mjs';
+import './primitive/checkbox-input.mjs';
+import './primitive/checkbox-label.mjs';
+import './primitive/checkbox-root.mjs';
+import './primitive/checkbox-trigger.mjs';
+import './primitive/checkbox-wrapper.mjs';
+import './primitive/styles.mjs';
 import '@jamsrui/core';

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GlobalConfigProps } from '@jamsrui/core';
+import { Checkbox } from './checkbox.mjs';
+import './use-checkbox.mjs';
+import 'react';
+import '@jamsrui/utils';
+import './checkbox-content.mjs';
+import './checkbox-description.mjs';
+import './checkbox-error-message.mjs';
+import './checkbox-input.mjs';
+import './checkbox-label.mjs';
+import './checkbox-root.mjs';
+import './checkbox-trigger.mjs';
+import './checkbox-wrapper.mjs';
+import './styles.mjs';
+
+declare const useCheckboxConfig: () => CheckboxConfig.Props;
+declare const CheckboxConfig: (props: Omit<Partial<CheckboxConfig.Props>, "children"> & {
+    merge?: boolean;
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare namespace CheckboxConfig {
+    interface Props extends Checkbox.Props, GlobalConfigProps<Checkbox.Props> {
+    }
+}
+
+export { CheckboxConfig, useCheckboxConfig };

package/dist/primitive/checkbox-config.mjs

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

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

@@ -1,17 +1,15 @@
 import * as react from 'react';
-import { u as useCheckbox } from './checkbox-jaXFm_b0.mjs';
-import 'react/jsx-runtime';
+import { useCheckbox } from './use-checkbox.mjs';
 import '@jamsrui/utils';
 import './checkbox-content.mjs';
 import './checkbox-description.mjs';
-import './checkbox-helper-text.mjs';
+import './checkbox-error-message.mjs';
 import './checkbox-input.mjs';
 import './checkbox-label.mjs';
+import './checkbox-root.mjs';
 import './checkbox-trigger.mjs';
 import './checkbox-wrapper.mjs';
 import './styles.mjs';
-import 'tailwind-variants';
-import './checkbox-errror-message.mjs';
 
 declare const useCheckboxContext: () => CheckboxContext.Props;
 declare const CheckboxContext: react.Context<CheckboxContext.Props | null>;

package/dist/primitive/checkbox-icon.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const CheckboxIcon: () => react_jsx_runtime.JSX.Element;
+
+export { CheckboxIcon };

package/dist/primitive/checkbox-icon.mjs

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{motion as o}from"motion/react";import{useCheckboxContext as i}from"./checkbox-context";const a={pressed:{pathLength:.5},checked:{pathLength:1,opacity:1,transition:{duration:.2}},unchecked:{pathLength:0,opacity:0,transition:{duration:.2}}},c=()=>{const{isChecked:n,isIntermediate:e}=i();return t("div",{className:"pointer-events-none absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 text-primary-foreground","data-slot":"icon",children:t(o.svg,{animate:n||e?"checked":"unchecked",className:"size-3.5",fill:"none",initial:!1,stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:t(o.path,{d:e?"M5 12h14":"M4.5 12.75l6 6 9-13.5",strokeLinecap:"round",strokeLinejoin:"round",variants:a})})})};export{c as CheckboxIcon};

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

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

package/dist/primitive/checkbox-label.mjs

@@ -0,0 +1 @@
+import{useRenderElement as o}from"@jamsrui/hooks";import{useCheckboxContext as t}from"./checkbox-context";const l=e=>{const{getLabelProps:r}=t();return o("label",{props:[r(e)]})};export{l as CheckboxLabel};

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

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

package/dist/primitive/checkbox-root.mjs

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

package/dist/primitive/checkbox.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { useCheckbox } from './use-checkbox.mjs';
+import 'react';
+import '@jamsrui/utils';
+import './checkbox-content.mjs';
+import './checkbox-description.mjs';
+import './checkbox-error-message.mjs';
+import './checkbox-input.mjs';
+import './checkbox-label.mjs';
+import './checkbox-root.mjs';
+import './checkbox-trigger.mjs';
+import './checkbox-wrapper.mjs';
+import './styles.mjs';
+
+declare const Checkbox: (props: Checkbox.Props) => react_jsx_runtime.JSX.Element;
+declare namespace Checkbox {
+    interface Props extends useCheckbox.Props {
+    }
+}
+
+export { Checkbox };

package/dist/primitive/checkbox.mjs

@@ -0,0 +1 @@
+import{jsx as C}from"react/jsx-runtime";import{mergeConfigProps as c}from"@jamsrui/utils";import{useCheckboxConfig as x}from"./checkbox-config";import{CheckboxContext as n}from"./checkbox-context";import{useCheckbox as s}from"./use-checkbox";const f=o=>{const e=x(),r=c(e,e,o),t=s(r);return C(n,{value:t,children:o.children})};export{f as Checkbox};

package/dist/primitive/index.d.mts

@@ -0,0 +1,18 @@
+export { Checkbox } from './checkbox.mjs';
+export { CheckboxConfig, useCheckboxConfig } from './checkbox-config.mjs';
+export { CheckboxContent } from './checkbox-content.mjs';
+export { CheckboxContext, useCheckboxContext } from './checkbox-context.mjs';
+export { CheckboxDescription } from './checkbox-description.mjs';
+export { CheckboxErrorMessage } from './checkbox-error-message.mjs';
+export { CheckboxIcon } from './checkbox-icon.mjs';
+export { CheckboxInput } from './checkbox-input.mjs';
+export { CheckboxLabel } from './checkbox-label.mjs';
+export { CheckboxRoot } from './checkbox-root.mjs';
+export { CheckboxTrigger } from './checkbox-trigger.mjs';
+export { CheckboxWrapper } from './checkbox-wrapper.mjs';
+export { useCheckbox } from './use-checkbox.mjs';
+import 'react/jsx-runtime';
+import '@jamsrui/core';
+import 'react';
+import '@jamsrui/utils';
+import './styles.mjs';

package/dist/primitive/index.mjs

@@ -0,0 +1 @@
+"use client";import{Checkbox as r}from"./checkbox";import{CheckboxConfig as t,useCheckboxConfig as C}from"./checkbox-config";import{CheckboxContent as p}from"./checkbox-content";import{CheckboxContext as f,useCheckboxContext as h}from"./checkbox-context";import{CheckboxDescription as m}from"./checkbox-description";import{CheckboxErrorMessage as s}from"./checkbox-error-message";import{CheckboxIcon as g}from"./checkbox-icon";import{CheckboxInput as a}from"./checkbox-input";import{CheckboxLabel as I}from"./checkbox-label";import{CheckboxRoot as E}from"./checkbox-root";import{CheckboxTrigger as M}from"./checkbox-trigger";import{CheckboxWrapper as T}from"./checkbox-wrapper";import{useCheckbox as d}from"./use-checkbox";export{r as Checkbox,t as CheckboxConfig,p as CheckboxContent,f as CheckboxContext,m as CheckboxDescription,s as CheckboxErrorMessage,g as CheckboxIcon,a as CheckboxInput,I as CheckboxLabel,E as CheckboxRoot,M as CheckboxTrigger,T as CheckboxWrapper,d as useCheckbox,C as useCheckboxConfig,h as useCheckboxContext};

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

@@ -1,13 +1,16 @@
-import * as tailwind_variants from 'tailwind-variants';
+import * as _jamsrui_utils from '@jamsrui/utils';
 import { VariantProps } from '@jamsrui/utils';
 
-declare const test = "";
-declare const checkboxVariants: tailwind_variants.TVReturnType<{
-    isInvalid: {
-        true: {
-            label: string;
-            helperText: string;
-            checkbox: string;
+declare const checkboxVariants: _jamsrui_utils.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
         };
     };
     radius: {
@@ -23,19 +26,22 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     wrapper: string;
-    label: string;
-    helperText: string;
-    input: string[];
+    label: string[];
     trigger: string[];
+    input: string;
     description: string;
     content: string;
     errorMessage: string;
 }, undefined, {
-    isInvalid: {
-        true: {
-            label: string;
-            helperText: string;
-            checkbox: string;
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
         };
     };
     radius: {
@@ -51,19 +57,22 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     wrapper: string;
-    label: string;
-    helperText: string;
-    input: string[];
+    label: string[];
     trigger: string[];
+    input: string;
     description: string;
     content: string;
     errorMessage: string;
-}, tailwind_variants.TVReturnType<{
-    isInvalid: {
-        true: {
-            label: string;
-            helperText: string;
-            checkbox: string;
+}, _jamsrui_utils.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
         };
     };
     radius: {
@@ -79,10 +88,9 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     wrapper: string;
-    label: string;
-    helperText: string;
-    input: string[];
+    label: string[];
     trigger: string[];
+    input: string;
     description: string;
     content: string;
     errorMessage: string;
@@ -90,4 +98,4 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
 type CheckboxVariantProps = VariantProps<typeof checkboxVariants>;
 type CheckboxSlots = keyof ReturnType<typeof checkboxVariants>;
 
-export { type CheckboxSlots, type CheckboxVariantProps, checkboxVariants, test };
+export { type CheckboxSlots, type CheckboxVariantProps, checkboxVariants };

package/dist/primitive/styles.mjs

@@ -0,0 +1 @@
+import{groupDataFocusVisibleClasses as e,radiusVariant as r,tv as o}from"@jamsrui/utils";const i=o({slots:{root:["group flex flex-col gap-2","ui-disabled:opacity-60","ui-disabled:cursor-not-allowed"],wrapper:"flex gap-2",label:["shrink-0 text-sm font-normal leading-none text-foreground uig-interactive:cursor-pointer uig-disabled:cursor-not-allowed","select-none"],trigger:[...e,"border-default uig-hover:border-default-hover","relative size-5 appearance-none border uig-checked:border-primary uig-checked:bg-primary uig-interactive:cursor-pointer","uig-disabled:cursor-not-allowed uig-pressed:scale-90 transition-all duration-300"],input:"absolute opacity-[0.0001] cursor-pointer disabled:cursor-not-allowed inset-0 z-1",description:"text-xs text-foreground-secondary",content:"flex flex-col justify-center gap-1",errorMessage:""},variants:{size:{sm:{trigger:"size-4"},md:{trigger:"size-4.5"},lg:{trigger:"size-5.5"}},radius:r("trigger")},defaultVariants:{radius:"md",size:"md"}});export{i as checkboxVariants};

package/dist/{checkbox-jaXFm_b0.d.mts → primitive/use-checkbox.d.mts}

@@ -1,50 +1,39 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
 import { CheckboxContent } from './checkbox-content.mjs';
 import { CheckboxDescription } from './checkbox-description.mjs';
-import { CheckboxHelperText } from './checkbox-helper-text.mjs';
+import { CheckboxErrorMessage } from './checkbox-error-message.mjs';
 import { CheckboxInput } from './checkbox-input.mjs';
 import { CheckboxLabel } from './checkbox-label.mjs';
+import { CheckboxRoot } from './checkbox-root.mjs';
 import { CheckboxTrigger } from './checkbox-trigger.mjs';
 import { CheckboxWrapper } from './checkbox-wrapper.mjs';
 import { CheckboxVariantProps, CheckboxSlots } from './styles.mjs';
-import { CheckboxErrorMessage } from './checkbox-errror-message.mjs';
 
 declare const useCheckbox: (props: useCheckbox.Props) => {
-    getRootProps: PropGetter<Checkbox.Props>;
+    getRootProps: PropGetter<CheckboxRoot.Props>;
     getWrapperProps: PropGetter<CheckboxWrapper.Props>;
     getLabelProps: PropGetter<CheckboxLabel.Props>;
     getInputProps: PropGetter<CheckboxInput.Props>;
     getTriggerProps: PropGetter<CheckboxTrigger.Props>;
     getDescriptionProps: PropGetter<CheckboxDescription.Props>;
-    getHelperTextProps: PropGetter<CheckboxHelperText.Props>;
     getContentProps: PropGetter<CheckboxContent.Props>;
     onCheckedChange: ((checked: boolean) => void) | undefined;
-    defaultChecked: boolean | undefined;
-    label: react.ReactNode;
-    description: react.ReactNode;
-    helperText: string | undefined;
     getErrorMessageProps: PropGetter<CheckboxErrorMessage.Props>;
+    defaultChecked: boolean | undefined;
+    isChecked: boolean;
+    children: react.ReactNode;
+    isIntermediate: boolean | undefined;
 };
 declare namespace useCheckbox {
-    interface Props extends UIProps<"div">, CheckboxVariantProps {
-        label?: React.ReactNode;
-        description?: React.ReactNode;
+    interface Props extends UIProps<"input">, CheckboxVariantProps {
         defaultChecked?: boolean;
         isChecked?: boolean;
         onCheckedChange?: (checked: boolean) => void;
-        helperText?: string;
         classNames?: SlotsToClassNames<CheckboxSlots>;
-        isReadonly?: boolean;
         isDisabled?: boolean;
+        isIntermediate?: boolean;
     }
 }
 
-declare const Checkbox: (props: Checkbox.Props) => react_jsx_runtime.JSX.Element;
-declare namespace Checkbox {
-    interface Props extends useCheckbox.Props {
-    }
-}
-
-export { Checkbox as C, useCheckbox as u };
+export { useCheckbox };

package/dist/primitive/use-checkbox.mjs

@@ -0,0 +1 @@
+import{useCallback as r,useId as H,useMemo as W}from"react";import{useControlledState as A,useFocusVisible as U,useHover as j,useMergeRefs as K,usePress as O}from"@jamsrui/hooks";import{cn as c,dataAttr as p,dataAttrDev as a,mapPropsVariants as $,mergeProps as q}from"@jamsrui/utils";import{checkboxVariants as V}from"./styles";const X=D=>{const[T,w]=$(D,V.variantKeys),o=V(w),{isChecked:E,onCheckedChange:m,defaultChecked:d,classNames:s,isDisabled:t=!1,children:h,isIntermediate:n,...b}=T,[i=!1,k]=A({defaultProp:d,prop:E,onChange:m}),l=H(),{isFocusVisible:C,ref:S}=U({isDisabled:t}),{isPressed:g,ref:L}=O({isDisabled:t}),{isHovered:P,ref:F}=j({isDisabled:t}),x=K([S,L,F]),u=r(e=>{k(e.target.checked)},[k]),f=r(e=>({...e,className:o.root({className:c(s?.root)}),"data-slot":a("root"),"data-component":a("checkbox"),"data-checked":p(i||n),"data-focus-visible":p(C),"data-pressed":p(g),"data-hovered":p(P),"data-disabled":p(t),"aria-disabled":p(t)}),[s?.root,i,t,C,P,n,g,o]),N=r(e=>({...q(b,e,{onChange:u}),disabled:t,"aria-disabled":p(t),id:l,ref:x,type:"checkbox","data-slot":a("input"),className:o.input({className:c(s?.input,b.className,e.className)})}),[b,u,t,l,x,o,s?.input]),y=r(e=>({...e,"data-slot":a("wrapper"),className:o.wrapper({className:c(s?.wrapper,e.className)})}),[s?.wrapper,o]),I=r(e=>({...e,htmlFor:l,"data-slot":a("label"),className:o.label({className:c(s?.label,e.className)})}),[s?.label,l,o]),v=r(e=>({...e,"data-slot":a("trigger"),className:o.trigger({className:c(s?.trigger,e.className)})}),[s?.trigger,o]),M=r(e=>({...e,"data-slot":a("description"),className:o.description({className:c(s?.description,e.className)})}),[s?.description,o]),G=r(e=>({...e,"data-slot":a("content"),className:o.content({className:c(s?.content,e.className)})}),[s?.content,o]),R=r(e=>({...e,"data-slot":a("errorMessage"),className:o.errorMessage({className:c(s?.errorMessage,e.className)})}),[s?.errorMessage,o]);return W(()=>({getRootProps:f,getWrapperProps:y,getLabelProps:I,getInputProps:N,getTriggerProps:v,getDescriptionProps:M,getContentProps:G,onCheckedChange:m,getErrorMessageProps:R,defaultChecked:d,isChecked:i,children:h,isIntermediate:n}),[h,d,G,M,R,N,I,f,v,y,i,n,m])};export{X as useCheckbox};

package/package.json

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

package/dist/checkbox-helper-text.d.mts

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

package/dist/checkbox-helper-text.mjs

@@ -1 +0,0 @@
-import{useRenderElement as t}from"@jamsrui/hooks";import{useCheckboxContext as o}from"./checkbox-context";const x=e=>{const{getHelperTextProps:r}=o();return t("div",{props:[r(e)]})};export{x as CheckboxHelperText};

package/dist/checkbox-label.mjs

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

package/dist/styles.mjs

@@ -1 +0,0 @@
-import{focusVisibleClasses as e,radiusVariant as r,tv as t}from"@jamsrui/utils";const a="",i=t({slots:{root:["group flex flex-col gap-2","ui-disabled:opacity-60","ui-disabled:cursor-not-allowed"],wrapper:"flex gap-2",label:"shrink-0 text-sm font-normal leading-none text-foreground uig-interactive:cursor-pointer uig-disabled:cursor-not-allowed",helperText:"text-xs text-foreground-600",input:[...e,"border-default-200 uig-hover:border-default-400","relative size-5 appearance-none border-2 uig-checked:border-primary uig-checked:bg-primary uig-interactive:cursor-pointer","uig-disabled:cursor-not-allowed"],trigger:["relative flex size-max items-center","disabled:cursor-not-allowed"],description:"text-xs text-foreground-500",content:"flex flex-col justify-center gap-1",errorMessage:""},variants:{isInvalid:{true:{label:"text-danger",helperText:"text-danger",checkbox:"border-danger"}},radius:r("checkbox")},defaultVariants:{radius:"md"}});export{i as checkboxVariants,a as test};

package/dist/use-checkbox.d.mts

@@ -1,14 +0,0 @@
-import 'react';
-import '@jamsrui/utils';
-export { u as useCheckbox } from './checkbox-jaXFm_b0.mjs';
-import './checkbox-content.mjs';
-import './checkbox-description.mjs';
-import './checkbox-helper-text.mjs';
-import './checkbox-input.mjs';
-import './checkbox-label.mjs';
-import './checkbox-trigger.mjs';
-import './checkbox-wrapper.mjs';
-import './styles.mjs';
-import './checkbox-errror-message.mjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';

package/dist/use-checkbox.mjs

@@ -1 +0,0 @@
-import{useCallback as r,useMemo as M}from"react";import{useControlledState as D}from"@jamsrui/hooks";import{cn as a,dataAttrDev as s,mapPropsVariants as R}from"@jamsrui/utils";import{checkboxVariants as f}from"./styles";const j=u=>{const[y,T]=R(u,f.variantKeys),o=f(T),{isChecked:G,onCheckedChange:c,defaultChecked:p,label:n,description:i,helperText:m,isReadonly:I,classNames:t,isDisabled:v,...l}=y,[w=!1,S]=D({defaultProp:p,prop:G,onChange:c}),h=r(()=>({...l,"data-slot":s("root"),"data-component":s("checkbox"),className:o.root({className:a(t?.root,l.className)})}),[t?.root,l,o]),b=r(e=>({...e,"data-slot":s("wrapper"),className:o.wrapper({className:a(t?.wrapper,e.className)})}),[t?.wrapper,o]),x=r(e=>({...e,"data-slot":s("label"),className:o.label({className:a(t?.label,e.className)})}),[t?.label,o]),k=r(e=>({...e,"data-slot":s("input"),className:o.input({className:a(t?.input,e.className)})}),[t?.input,o]),C=r(e=>({...e,"data-slot":s("trigger"),className:o.trigger({className:a(t?.trigger,e.className)})}),[t?.trigger,o]),d=r(e=>({...e,"data-slot":s("description"),className:o.description({className:a(t?.description,e.className)})}),[t?.description,o]),P=r(e=>({...e,"data-slot":s("helperText"),className:o.helperText({className:a(t?.helperText,e.className)})}),[t?.helperText,o]),g=r(e=>({...e,"data-slot":s("content"),className:o.content({className:a(t?.content,e.className)})}),[t?.content,o]),N=r(e=>({...e,"data-slot":s("errorMessage"),className:o.errorMessage({className:a(t?.errorMessage,e.className)})}),[t?.errorMessage,o]);return M(()=>({getRootProps:h,getWrapperProps:b,getLabelProps:x,getInputProps:k,getTriggerProps:C,getDescriptionProps:d,getHelperTextProps:P,getContentProps:g,onCheckedChange:c,defaultChecked:p,label:n,description:i,helperText:m,getErrorMessageProps:N}),[p,i,g,d,N,P,k,x,h,C,b,m,n,c])};export{j as useCheckbox};