@tribepad/themis 1.0.1 → 1.0.2

package/dist/elements/CheckboxGroup/index.mjs

@@ -1,441 +1,3 @@
 "use client";
-import { z } from 'zod';
-import { createContext, forwardRef, useId, useContext, isValidElement, cloneElement } from 'react';
-import { CheckboxGroup as CheckboxGroup$1, Label, Text, FieldError, Checkbox as Checkbox$1 } from 'react-aria-components';
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// src/elements/CheckboxGroup/CheckboxGroup.types.ts
-var BaseComponentPropsSchema = z.object({
-  // Styling
-  className: z.string().optional(),
-  // React
-  children: z.any().optional(),
-  // ReactNode not directly supported by Zod
-  id: z.string().optional(),
-  // Accessibility (WCAG 2.2 AA requirements)
-  "aria-label": z.string().optional(),
-  "aria-labelledby": z.string().optional(),
-  "aria-describedby": z.string().optional(),
-  "aria-live": z.enum(["off", "polite", "assertive"]).optional(),
-  "aria-hidden": z.boolean().optional(),
-  // Testing & Development
-  "data-testid": z.string().optional()
-});
-
-// src/elements/CheckboxGroup/CheckboxGroup.types.ts
-var CheckboxGroupVariantSchema = z.enum(["default", "destructive"]);
-var CheckboxGroupSizeSchema = z.enum(["sm", "default", "lg"]);
-var CheckboxGroupOrientationSchema = z.enum(["vertical", "horizontal"]);
-var CheckboxGroupPropsSchema = BaseComponentPropsSchema.extend({
-  // Display props (US-4)
-  label: z.string().optional(),
-  description: z.string().optional(),
-  errorMessage: z.string().optional(),
-  // Selection props (US-1) - array for multi-select (key difference from RadioGroup)
-  value: z.array(z.string()).optional(),
-  defaultValue: z.array(z.string()).optional(),
-  // State props (US-6)
-  isDisabled: z.boolean().optional().default(false),
-  isReadOnly: z.boolean().optional().default(false),
-  isRequired: z.boolean().optional().default(false),
-  isInvalid: z.boolean().optional().default(false),
-  // Layout props (US-5)
-  orientation: CheckboxGroupOrientationSchema.optional().default("vertical"),
-  // Variant props (US-2, US-3)
-  variant: CheckboxGroupVariantSchema.optional().default("default"),
-  size: CheckboxGroupSizeSchema.optional().default("default"),
-  // Form props (US-6)
-  name: z.string().optional(),
-  // Event handlers
-  onChange: z.custom().optional(),
-  onFocusChange: z.custom().optional(),
-  // Children (Checkbox components)
-  children: z.custom()
-});
-var CheckboxPropsSchema = BaseComponentPropsSchema.extend({
-  // Item value (required)
-  value: z.string(),
-  // Disabled state (individual item)
-  isDisabled: z.boolean().optional().default(false),
-  // Item content - accepts any ReactNode for flexible children
-  children: z.custom(),
-  // Optional className for custom styling
-  className: z.string().optional(),
-  // Custom icon to display when selected (defaults to checkmark)
-  // Useful for destructive variants where an X icon may be more appropriate
-  selectedIcon: z.custom().optional()
-});
-var CheckboxLabelPropsSchema = z.object({
-  // Label content
-  children: z.custom(),
-  // Optional className for custom styling
-  className: z.string().optional()
-});
-var CheckboxDescriptionPropsSchema = z.object({
-  // Description content
-  children: z.custom(),
-  // Optional className for custom styling
-  className: z.string().optional()
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/styles/interaction-states.ts
-var FOCUS_STYLES = "data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";
-var HIGH_CONTRAST_FOCUS = "hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";
-var CheckboxGroupContext = createContext({
-  variant: "default",
-  size: "default",
-  isInvalid: false,
-  isDisabled: false,
-  isReadOnly: false
-});
-var checkboxGroupVariants = cva(
-  // Base: flex container
-  "flex",
-  {
-    variants: {
-      orientation: {
-        vertical: "flex-col gap-2",
-        horizontal: "flex-row flex-wrap gap-2"
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  }
-);
-var checkboxItemVariants = cva(
-  // Base: bordered container with flex layout, RTL support
-  [
-    "flex items-center gap-3 rounded-md border cursor-pointer",
-    "transition-colors duration-200",
-    "rtl:flex-row-reverse",
-    // RTL: indicator flips to right
-    // Focus ring on entire container
-    FOCUS_STYLES,
-    HIGH_CONTRAST_FOCUS
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        default: [
-          "border-[var(--border)]",
-          "data-[hovered]:bg-[var(--accent)]/10",
-          "data-[selected]:border-[var(--primary)]",
-          "data-[selected]:bg-[var(--primary)]/10"
-        ].join(" "),
-        destructive: [
-          "border-[var(--border)]",
-          "data-[hovered]:bg-[var(--destructive)]/10",
-          "data-[selected]:border-[var(--destructive)]",
-          "data-[selected]:bg-[var(--destructive)]/10"
-        ].join(" ")
-      },
-      size: {
-        sm: "min-h-[44px] py-2 px-3 text-sm",
-        default: "min-h-[48px] py-3 px-4 text-sm",
-        lg: "min-h-[56px] py-4 px-5 text-base"
-      },
-      isDisabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      },
-      isReadOnly: {
-        // Subtle visual cue per clarification
-        true: "cursor-default",
-        false: ""
-      },
-      isInvalid: {
-        // Error: ALL items get destructive border (cognitive accessibility)
-        true: "border-[var(--destructive)]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      isDisabled: false,
-      isReadOnly: false,
-      isInvalid: false
-    }
-  }
-);
-var checkboxIndicatorVariants = cva(
-  // Base: square with border, flex-shrink-0 to prevent squishing
-  "flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200",
-  {
-    variants: {
-      variant: {
-        default: [
-          "border-[var(--border)]",
-          "data-[selected]:border-[var(--primary)]",
-          "data-[selected]:bg-[var(--primary)]"
-        ].join(" "),
-        destructive: [
-          "border-[var(--border)]",
-          "data-[selected]:border-[var(--destructive)]",
-          "data-[selected]:bg-[var(--destructive)]"
-        ].join(" ")
-      },
-      size: {
-        sm: "h-4 w-4",
-        default: "h-5 w-5",
-        lg: "h-6 w-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var checkmarkVariants = cva(
-  // Base: centered checkmark with spring animation
-  [
-    "transition-transform duration-200",
-    // Spring animation with overshoot
-    "[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]",
-    // Respect reduced motion preference
-    "motion-reduce:transition-none",
-    // Scale from 0 to 1 on selection
-    "scale-0 data-[selected]:scale-100"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        default: "text-[var(--primary-foreground)]",
-        destructive: "text-[var(--destructive-foreground)]"
-      },
-      size: {
-        sm: "h-3 w-3",
-        default: "h-3.5 w-3.5",
-        lg: "h-4 w-4"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function CheckmarkIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      ...props,
-      children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
-    }
-  );
-}
-function TimesIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-      ]
-    }
-  );
-}
-function CheckboxLabel({ children, className }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("font-medium text-[var(--content-foreground)]", className), children });
-}
-CheckboxLabel.displayName = "Checkbox.Label";
-function CheckboxDescription({ children, className }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("text-sm text-[var(--menu-muted)]", className), children });
-}
-CheckboxDescription.displayName = "Checkbox.Description";
-function CheckboxComponent({ value, isDisabled, children, className, selectedIcon }) {
-  const { variant, size, isInvalid, isDisabled: groupDisabled, isReadOnly } = useContext(CheckboxGroupContext);
-  const effectiveDisabled = isDisabled || groupDisabled;
-  const renderSelectedIcon = (isSelected) => {
-    const iconClassName = cn(checkmarkVariants({ variant, size }));
-    const dataSelected = isSelected || void 0;
-    if (selectedIcon) {
-      if (isValidElement(selectedIcon)) {
-        const iconElement = selectedIcon;
-        return cloneElement(iconElement, {
-          className: cn(iconClassName, iconElement.props.className),
-          "data-selected": dataSelected
-        });
-      }
-      return /* @__PURE__ */ jsx("span", { className: iconClassName, "data-selected": dataSelected, children: selectedIcon });
-    }
-    return /* @__PURE__ */ jsx(
-      CheckmarkIcon,
-      {
-        className: iconClassName,
-        "data-selected": dataSelected
-      }
-    );
-  };
-  return /* @__PURE__ */ jsx(
-    Checkbox$1,
-    {
-      value,
-      isDisabled: effectiveDisabled,
-      className: (renderProps) => cn(
-        checkboxItemVariants({
-          variant,
-          size,
-          isDisabled: renderProps.isDisabled,
-          isReadOnly,
-          isInvalid
-        }),
-        className
-      ),
-      children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: checkboxIndicatorVariants({ variant, size }),
-            "data-selected": renderProps.isSelected || void 0,
-            children: renderSelectedIcon(renderProps.isSelected)
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col", children })
-      ] })
-    }
-  );
-}
-var Checkbox = Object.assign(CheckboxComponent, {
-  Label: CheckboxLabel,
-  Description: CheckboxDescription
-});
-Checkbox.displayName = "Checkbox";
-function dedupeWithWarning(values, componentName) {
-  if (!values) return values;
-  const uniqueValues = [...new Set(values)];
-  if (process.env.NODE_ENV !== "production" && uniqueValues.length !== values.length) {
-    console.warn(
-      `[${componentName}] Received duplicate values in value/defaultValue prop. Original: [${values.join(", ")}], Deduplicated: [${uniqueValues.join(", ")}]. Duplicate values are automatically removed.`
-    );
-  }
-  return uniqueValues;
-}
-var CheckboxGroup = forwardRef(
-  function CheckboxGroup2(props, ref) {
-    const {
-      // Display props
-      label,
-      description,
-      errorMessage,
-      // Selection props (string[] for multi-select)
-      value,
-      defaultValue,
-      // State props
-      isDisabled = false,
-      isReadOnly = false,
-      isRequired = false,
-      isInvalid = false,
-      // Layout props
-      orientation = "vertical",
-      // Variant props
-      variant = "default",
-      size = "default",
-      // Form props
-      name,
-      // Event handlers
-      onChange,
-      onFocusChange,
-      // Standard props
-      className,
-      children,
-      id,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledby,
-      "aria-describedby": ariaDescribedby,
-      "data-testid": dataTestId,
-      ...restProps
-    } = props;
-    const generatedId = useId();
-    const checkboxGroupId = id ?? generatedId;
-    const labelId = `${checkboxGroupId}-label`;
-    const descriptionId = `${checkboxGroupId}-description`;
-    const errorId = `${checkboxGroupId}-error`;
-    const describedByParts = [];
-    if (ariaDescribedby) describedByParts.push(ariaDescribedby);
-    if (description) describedByParts.push(descriptionId);
-    if (isInvalid && errorMessage) describedByParts.push(errorId);
-    const computedAriaDescribedBy = describedByParts.length > 0 ? describedByParts.join(" ") : void 0;
-    const dedupedValue = dedupeWithWarning(value, "CheckboxGroup");
-    const dedupedDefaultValue = dedupeWithWarning(defaultValue, "CheckboxGroup");
-    return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: { variant, size, isInvalid, isDisabled, isReadOnly }, children: /* @__PURE__ */ jsxs(
-      CheckboxGroup$1,
-      {
-        ref,
-        id: checkboxGroupId,
-        name,
-        value: dedupedValue,
-        defaultValue: dedupedDefaultValue,
-        isDisabled,
-        isReadOnly,
-        isRequired,
-        isInvalid,
-        onChange,
-        onFocusChange,
-        "aria-label": ariaLabel,
-        "aria-labelledby": label ? labelId : ariaLabelledby,
-        "aria-describedby": computedAriaDescribedBy,
-        "aria-orientation": orientation,
-        "aria-required": isRequired || void 0,
-        "aria-invalid": isInvalid || void 0,
-        "data-testid": dataTestId,
-        className: cn("flex flex-col gap-1.5", className),
-        ...restProps,
-        children: [
-          label && /* @__PURE__ */ jsxs(Label, { id: labelId, className: "text-sm font-medium text-[var(--content-foreground)]", children: [
-            label,
-            isRequired && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[var(--destructive)]", "aria-hidden": "true", children: "*" })
-          ] }),
-          description && /* @__PURE__ */ jsx(
-            Text,
-            {
-              id: descriptionId,
-              slot: "description",
-              className: "text-sm text-[var(--menu-muted)]",
-              children: description
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: checkboxGroupVariants({ orientation }), children }),
-          isInvalid && errorMessage && /* @__PURE__ */ jsx(
-            FieldError,
-            {
-              id: errorId,
-              className: "text-sm text-[var(--destructive)]",
-              children: /* @__PURE__ */ jsx("span", { role: "alert", children: errorMessage })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-CheckboxGroup.displayName = "CheckboxGroup";
-
-export { Checkbox, CheckboxDescriptionPropsSchema, CheckboxGroup, CheckboxGroupOrientationSchema, CheckboxGroupPropsSchema, CheckboxGroupSizeSchema, CheckboxGroupVariantSchema, CheckboxLabelPropsSchema, CheckboxPropsSchema, CheckmarkIcon, TimesIcon, checkboxGroupVariants, checkboxIndicatorVariants, checkboxItemVariants, checkmarkVariants };
-//# sourceMappingURL=index.mjs.map
+import {z}from'zod';import {createContext,forwardRef,useId,useContext,isValidElement,cloneElement}from'react';import {CheckboxGroup,Label,Text,FieldError,Checkbox}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var P=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var T=z.enum(["default","destructive"]),I=z.enum(["sm","default","lg"]),O=z.enum(["vertical","horizontal"]),se=P.extend({label:z.string().optional(),description:z.string().optional(),errorMessage:z.string().optional(),value:z.array(z.string()).optional(),defaultValue:z.array(z.string()).optional(),isDisabled:z.boolean().optional().default(false),isReadOnly:z.boolean().optional().default(false),isRequired:z.boolean().optional().default(false),isInvalid:z.boolean().optional().default(false),orientation:O.optional().default("vertical"),variant:T.optional().default("default"),size:I.optional().default("default"),name:z.string().optional(),onChange:z.custom().optional(),onFocusChange:z.custom().optional(),children:z.custom()}),ne=P.extend({value:z.string(),isDisabled:z.boolean().optional().default(false),children:z.custom(),className:z.string().optional(),selectedIcon:z.custom().optional()}),ce=z.object({children:z.custom(),className:z.string().optional()}),le=z.object({children:z.custom(),className:z.string().optional()});function d(...o){return twMerge(clsx(o))}var S="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var m="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var A=createContext({variant:"default",size:"default",isInvalid:false,isDisabled:false,isReadOnly:false}),w=cva("flex",{variants:{orientation:{vertical:"flex-col gap-2",horizontal:"flex-row flex-wrap gap-2"}},defaultVariants:{orientation:"vertical"}}),$=cva(["flex items-center gap-3 rounded-md border cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",S,m].join(" "),{variants:{variant:{default:["border-[var(--border)]","data-[hovered]:bg-[var(--accent)]/10","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]/10"].join(" "),destructive:["border-[var(--border)]","data-[hovered]:bg-[var(--destructive)]/10","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]/10"].join(" ")},size:{sm:"min-h-[44px] py-2 px-3 text-sm",default:"min-h-[48px] py-3 px-4 text-sm",lg:"min-h-[56px] py-4 px-5 text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""},isReadOnly:{true:"cursor-default",false:""},isInvalid:{true:"border-[var(--destructive)]",false:""}},defaultVariants:{variant:"default",size:"default",isDisabled:false,isReadOnly:false,isInvalid:false}}),j=cva("flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{variant:"default",size:"default"}}),H=cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function F({className:o,...t}){return jsx("svg",{className:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:jsx("polyline",{points:"20 6 9 17 4 12"})})}function Ne({className:o,...t}){return jsxs("svg",{className:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:[jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}function B({children:o,className:t}){return jsx("span",{className:d("font-medium text-[var(--content-foreground)]",t),children:o})}B.displayName="Checkbox.Label";function Y({children:o,className:t}){return jsx("span",{className:d("text-sm text-[var(--menu-muted)]",t),children:o})}Y.displayName="Checkbox.Description";function Pe({value:o,isDisabled:t,children:n,className:p,selectedIcon:s}){let{variant:c,size:u,isInvalid:N,isDisabled:C,isReadOnly:k}=useContext(A),b=t||C,l=i=>{let h=d(H({variant:c,size:u})),x=i||void 0;if(s){if(isValidElement(s)){let v=s;return cloneElement(v,{className:d(h,v.props.className),"data-selected":x})}return jsx("span",{className:h,"data-selected":x,children:s})}return jsx(F,{className:h,"data-selected":x})};return jsx(Checkbox,{value:o,isDisabled:b,className:i=>d($({variant:c,size:u,isDisabled:i.isDisabled,isReadOnly:k,isInvalid:N}),p),children:i=>jsxs(Fragment,{children:[jsx("div",{className:j({variant:c,size:u}),"data-selected":i.isSelected||void 0,children:l(i.isSelected)}),jsx("div",{className:"flex-1 flex flex-col",children:n})]})})}var U=Object.assign(Pe,{Label:B,Description:Y});U.displayName="Checkbox";function _(o,t){if(!o)return o;let n=[...new Set(o)];return process.env.NODE_ENV!=="production"&&n.length!==o.length&&console.warn(`[${t}] Received duplicate values in value/defaultValue prop. Original: [${o.join(", ")}], Deduplicated: [${n.join(", ")}]. Duplicate values are automatically removed.`),n}var q=forwardRef(function(t,n){let{label:p,description:s,errorMessage:c,value:u,defaultValue:N,isDisabled:C=false,isReadOnly:k=false,isRequired:b=false,isInvalid:l=false,orientation:i="vertical",variant:h="default",size:x="default",name:v,onChange:M,onFocusChange:W,className:J,children:K,id:Q,"aria-label":X,"aria-labelledby":Z,"aria-describedby":R,"data-testid":ee,...oe}=t,ae=useId(),y=Q??ae,D=`${y}-label`,V=`${y}-description`,E=`${y}-error`,f=[];R&&f.push(R),s&&f.push(V),l&&c&&f.push(E);let te=f.length>0?f.join(" "):void 0,re=_(u,"CheckboxGroup"),ie=_(N,"CheckboxGroup");return jsx(A.Provider,{value:{variant:h,size:x,isInvalid:l,isDisabled:C,isReadOnly:k},children:jsxs(CheckboxGroup,{ref:n,id:y,name:v,value:re,defaultValue:ie,isDisabled:C,isReadOnly:k,isRequired:b,isInvalid:l,onChange:M,onFocusChange:W,"aria-label":X,"aria-labelledby":p?D:Z,"aria-describedby":te,"aria-orientation":i,"aria-required":b||void 0,"aria-invalid":l||void 0,"data-testid":ee,className:d("flex flex-col gap-1.5",J),...oe,children:[p&&jsxs(Label,{id:D,className:"text-sm font-medium text-[var(--content-foreground)]",children:[p,b&&jsx("span",{className:"ml-1 text-[var(--destructive)]","aria-hidden":"true",children:"*"})]}),s&&jsx(Text,{id:V,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:s}),jsx("div",{className:w({orientation:i}),children:K}),l&&c&&jsx(FieldError,{id:E,className:"text-sm text-[var(--destructive)]",children:jsx("span",{role:"alert",children:c})})]})})});q.displayName="CheckboxGroup";export{U as Checkbox,le as CheckboxDescriptionPropsSchema,q as CheckboxGroup,O as CheckboxGroupOrientationSchema,se as CheckboxGroupPropsSchema,I as CheckboxGroupSizeSchema,T as CheckboxGroupVariantSchema,ce as CheckboxLabelPropsSchema,ne as CheckboxPropsSchema,F as CheckmarkIcon,Ne as TimesIcon,w as checkboxGroupVariants,j as checkboxIndicatorVariants,$ as checkboxItemVariants,H as checkmarkVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map