@thangnqdev/ui 0.1.1 → 0.2.0

package/dist/{chunk-GXI2H5XA.js → chunk-D7FB3TCA.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-4S6L5V7X.js';
+import { cn } from './chunk-2YJBW4E2.js';
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -42,5 +42,5 @@ var Label = forwardRef(
 Label.displayName = "Label";
 
 export { Label, labelVariants };
-//# sourceMappingURL=chunk-GXI2H5XA.js.map
-//# sourceMappingURL=chunk-GXI2H5XA.js.map
+//# sourceMappingURL=chunk-D7FB3TCA.js.map
+//# sourceMappingURL=chunk-D7FB3TCA.js.map

package/dist/chunk-D7FB3TCA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/typography/Label.tsx"],"names":[],"mappings":";;;;;AAIO,IAAM,aAAA,GAAgB,GAAA;AAAA,EAC3B,qKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,wBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT;AAEJ;AAQO,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,UAAU,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjE,IAAA,uBACE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,MAAM,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,QACtD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,4BAAY,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+BAAA,EAAgC,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAAC;AAAA;AAAA;AAAA,KACnF;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-D7FB3TCA.js","sourcesContent":["import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const labelVariants = cva(\n  'text-sm font-medium leading-none select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-[var(--ui-text-primary)] inline-flex items-center gap-1',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base',\n      },\n      error: {\n        true: 'text-[var(--ui-error)]',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      error: false,\n    },\n  }\n);\n\nexport interface LabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement>,\n    VariantProps<typeof labelVariants> {\n  required?: boolean;\n}\n\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, size, error, required, children, ...props }, ref) => {\n    return (\n      <label\n        ref={ref}\n        className={cn(labelVariants({ size, error }), className)}\n        {...props}\n      >\n        {children}\n        {required && <span className=\"text-[var(--ui-error)] ml-0.5\" aria-hidden=\"true\">*</span>}\n      </label>\n    );\n  }\n);\n\nLabel.displayName = 'Label';\n"]}

package/dist/chunk-DSEL7ELZ.js

@@ -0,0 +1,314 @@
+import { Label } from './chunk-D7FB3TCA.js';
+import { cn } from './chunk-2YJBW4E2.js';
+import { createContext, forwardRef, useId, useState, useRef, useImperativeHandle, useEffect, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Minus, Check, X } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+
+var FormFieldContext = createContext(null);
+function useFormField() {
+  const context = useContext(FormFieldContext);
+  return context;
+}
+var FormField = forwardRef(
+  ({ className, isRequired, isInvalid, isDisabled, children, ...props }, ref) => {
+    const generatedId = useId();
+    const id = props.id || generatedId;
+    const labelId = `${id}-label`;
+    const descriptionId = `${id}-description`;
+    const errorId = `${id}-error`;
+    return /* @__PURE__ */ jsx(
+      FormFieldContext.Provider,
+      {
+        value: {
+          id,
+          labelId,
+          descriptionId,
+          errorId,
+          isRequired,
+          isInvalid,
+          isDisabled
+        },
+        children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-1.5 w-full", className), ...props, children })
+      }
+    );
+  }
+);
+FormField.displayName = "FormField";
+var FormLabel = forwardRef(
+  ({ className, required, children, ...props }, ref) => {
+    const context = useFormField();
+    const isRequired = required ?? context?.isRequired;
+    const isError = context?.isInvalid;
+    return /* @__PURE__ */ jsx(
+      Label,
+      {
+        ref,
+        id: context?.labelId,
+        htmlFor: context?.id,
+        required: isRequired,
+        error: isError,
+        className,
+        ...props,
+        children
+      }
+    );
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormHelperText = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const context = useFormField();
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        id: context?.descriptionId,
+        className: cn("text-xs text-[var(--ui-text-muted)]", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+FormHelperText.displayName = "FormHelperText";
+var FormErrorMessage = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const context = useFormField();
+    if (!context?.isInvalid && !children) return null;
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        id: context?.errorId,
+        role: "alert",
+        className: cn("text-xs font-medium text-[var(--ui-error)]", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+FormErrorMessage.displayName = "FormErrorMessage";
+var CheckboxGroupContext = createContext(null);
+var useCheckboxGroup = () => useContext(CheckboxGroupContext);
+var CheckboxGroup = forwardRef(
+  ({
+    className,
+    orientation = "vertical",
+    children,
+    value: controlledValue,
+    defaultValue = [],
+    onChange,
+    disabled,
+    name,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const isControlled = controlledValue !== void 0;
+    const value = isControlled ? controlledValue : internalValue;
+    const handleValueChange = (nextValue) => {
+      if (!isControlled) {
+        setInternalValue(nextValue);
+      }
+      onChange?.(nextValue);
+    };
+    return /* @__PURE__ */ jsx(
+      CheckboxGroupContext.Provider,
+      {
+        value: {
+          value,
+          onChange: handleValueChange,
+          disabled,
+          name
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            role: "group",
+            className: cn(
+              "flex gap-2",
+              orientation === "vertical" ? "flex-col" : "flex-row flex-wrap items-center",
+              className
+            ),
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+CheckboxGroup.displayName = "CheckboxGroup";
+var checkboxVariants = cva(
+  "peer shrink-0 rounded-[var(--ui-radius-sm)] border border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)] transition-all flex items-center justify-center text-[var(--ui-primary-fg)] peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--ui-primary)] peer-focus-visible:ring-offset-2",
+  {
+    variants: {
+      size: {
+        sm: "w-4 h-4 text-xs",
+        md: "w-5 h-5 text-sm",
+        lg: "w-6 h-6 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Checkbox = forwardRef(
+  ({
+    className,
+    size,
+    indeterminate = false,
+    label,
+    checked,
+    defaultChecked = false,
+    disabled,
+    id,
+    name,
+    value: propValue,
+    onChange,
+    onCheckedChange,
+    ...props
+  }, ref) => {
+    const formField = useFormField();
+    const group = useCheckboxGroup();
+    const isGroupMember = group !== null && propValue !== void 0;
+    const isDisabled = disabled ?? group?.disabled ?? formField?.isDisabled ?? false;
+    const checkboxId = id || formField?.id;
+    const checkboxName = name || group?.name;
+    const isControlled = checked !== void 0;
+    const [internalChecked, setInternalChecked] = useState(defaultChecked);
+    const isChecked = isGroupMember ? group.value.includes(String(propValue)) : isControlled ? Boolean(checked) : internalChecked;
+    const innerRef = useRef(null);
+    useImperativeHandle(ref, () => innerRef.current);
+    useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.indeterminate = Boolean(indeterminate);
+      }
+    }, [indeterminate]);
+    const handleChange = (e) => {
+      if (isDisabled) return;
+      const newChecked = e.target.checked;
+      if (!isControlled && !isGroupMember) {
+        setInternalChecked(newChecked);
+      }
+      if (isGroupMember && group) {
+        const val = String(propValue);
+        const next = newChecked ? [...group.value, val] : group.value.filter((v) => v !== val);
+        group.onChange(next);
+      }
+      onChange?.(e);
+      onCheckedChange?.(newChecked);
+    };
+    const isVisualActive = isChecked || indeterminate;
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: cn(
+          "inline-flex items-center gap-2 select-none cursor-pointer group",
+          isDisabled && "cursor-not-allowed opacity-50"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: innerRef,
+                type: "checkbox",
+                id: checkboxId,
+                name: checkboxName,
+                value: propValue,
+                disabled: isDisabled,
+                checked: isChecked,
+                onChange: handleChange,
+                "aria-checked": indeterminate ? "mixed" : isChecked,
+                className: "sr-only peer",
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  checkboxVariants({ size }),
+                  isVisualActive ? "bg-[var(--ui-primary)] border-[var(--ui-primary)] text-white" : "hover:border-[var(--ui-border-strong)]",
+                  className
+                ),
+                children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: "w-3.5 h-3.5 stroke-[3]" }) : isChecked && /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5 stroke-[3]" })
+              }
+            )
+          ] }),
+          label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--ui-text-primary)]", children: label })
+        ]
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+var chipVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-full font-medium transition-colors select-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] border border-[var(--ui-border-default)]",
+        primary: "bg-[var(--ui-primary)]/15 text-[var(--ui-primary)] border border-[var(--ui-primary)]/30",
+        secondary: "bg-[var(--ui-secondary)]/15 text-[var(--ui-secondary)] border border-[var(--ui-secondary)]/30",
+        success: "bg-[var(--ui-success-subtle)] text-[var(--ui-success)] border border-[var(--ui-success)]/30",
+        warning: "bg-[var(--ui-warning-subtle)] text-[var(--ui-warning)] border border-[var(--ui-warning)]/30",
+        error: "bg-[var(--ui-error-subtle)] text-[var(--ui-error)] border border-[var(--ui-error)]/30"
+      },
+      size: {
+        sm: "h-6 px-2.5 text-xs",
+        md: "h-7 px-3 text-xs",
+        lg: "h-8 px-3.5 text-sm"
+      },
+      clickable: {
+        true: "cursor-pointer hover:opacity-80 active:scale-95",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      clickable: false
+    }
+  }
+);
+var Chip = forwardRef(
+  ({ className, variant, size, clickable, onRemove, icon, children, onClick, ...props }, ref) => {
+    const isClickable = Boolean(clickable || onClick);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        onClick,
+        className: cn(chipVariants({ variant, size, clickable: isClickable }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsx("span", { children }),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              "aria-label": "Remove chip",
+              className: "p-0.5 rounded-full hover:bg-black/10 dark:hover:bg-white/10 transition-colors -mr-1",
+              children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Chip.displayName = "Chip";
+
+export { Checkbox, CheckboxGroup, CheckboxGroupContext, Chip, FormErrorMessage, FormField, FormHelperText, FormLabel, checkboxVariants, chipVariants, useCheckboxGroup, useFormField };
+//# sourceMappingURL=chunk-DSEL7ELZ.js.map
+//# sourceMappingURL=chunk-DSEL7ELZ.js.map

package/dist/chunk-DSEL7ELZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/forms/FormField.tsx","../src/forms/CheckboxGroup.tsx","../src/forms/Checkbox.tsx","../src/data-display/Chip.tsx"],"names":["createContext","useContext","forwardRef","jsx","useState","cva","jsxs"],"mappings":"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","file":"chunk-DSEL7ELZ.js","sourcesContent":["import React, { createContext, useContext, useId, forwardRef } from 'react';\nimport { cn } from '../utils/cn';\nimport { Label, LabelProps } from '../typography/Label';\n\ninterface FormFieldContextValue {\n  id: string;\n  labelId: string;\n  descriptionId: string;\n  errorId: string;\n  isRequired?: boolean;\n  isInvalid?: boolean;\n  isDisabled?: boolean;\n}\n\nconst FormFieldContext = createContext<FormFieldContextValue | null>(null);\n\nexport function useFormField() {\n  const context = useContext(FormFieldContext);\n  return context;\n}\n\nexport interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  isRequired?: boolean;\n  isInvalid?: boolean;\n  isDisabled?: boolean;\n}\n\nexport const FormField = forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ className, isRequired, isInvalid, isDisabled, children, ...props }, ref) => {\n    const generatedId = useId();\n    const id = props.id || generatedId;\n    const labelId = `${id}-label`;\n    const descriptionId = `${id}-description`;\n    const errorId = `${id}-error`;\n\n    return (\n      <FormFieldContext.Provider\n        value={{\n          id,\n          labelId,\n          descriptionId,\n          errorId,\n          isRequired,\n          isInvalid,\n          isDisabled,\n        }}\n      >\n        <div ref={ref} className={cn('space-y-1.5 w-full', className)} {...props}>\n          {children}\n        </div>\n      </FormFieldContext.Provider>\n    );\n  }\n);\nFormField.displayName = 'FormField';\n\nexport const FormLabel = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, required, children, ...props }, ref) => {\n    const context = useFormField();\n    const isRequired = required ?? context?.isRequired;\n    const isError = context?.isInvalid;\n\n    return (\n      <Label\n        ref={ref}\n        id={context?.labelId}\n        htmlFor={context?.id}\n        required={isRequired}\n        error={isError}\n        className={className}\n        {...props}\n      >\n        {children}\n      </Label>\n    );\n  }\n);\nFormLabel.displayName = 'FormLabel';\n\nexport const FormHelperText = forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, children, ...props }, ref) => {\n    const context = useFormField();\n    return (\n      <p\n        ref={ref}\n        id={context?.descriptionId}\n        className={cn('text-xs text-[var(--ui-text-muted)]', className)}\n        {...props}\n      >\n        {children}\n      </p>\n    );\n  }\n);\nFormHelperText.displayName = 'FormHelperText';\n\nexport const FormErrorMessage = forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, children, ...props }, ref) => {\n    const context = useFormField();\n    if (!context?.isInvalid && !children) return null;\n\n    return (\n      <p\n        ref={ref}\n        id={context?.errorId}\n        role=\"alert\"\n        className={cn('text-xs font-medium text-[var(--ui-error)]', className)}\n        {...props}\n      >\n        {children}\n      </p>\n    );\n  }\n);\nFormErrorMessage.displayName = 'FormErrorMessage';\n","import React, { forwardRef, useState, createContext, useContext } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface CheckboxGroupContextValue {\n  value: string[];\n  onChange: (value: string[]) => void;\n  disabled?: boolean;\n  name?: string;\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null);\n\nexport const useCheckboxGroup = () => useContext(CheckboxGroupContext);\n\nexport interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  orientation?: 'horizontal' | 'vertical';\n  value?: string[];\n  defaultValue?: string[];\n  onChange?: (value: string[]) => void;\n  disabled?: boolean;\n  name?: string;\n}\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      className,\n      orientation = 'vertical',\n      children,\n      value: controlledValue,\n      defaultValue = [],\n      onChange,\n      disabled,\n      name,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string[]>(defaultValue);\n    const isControlled = controlledValue !== undefined;\n    const value = isControlled ? controlledValue : internalValue;\n\n    const handleValueChange = (nextValue: string[]) => {\n      if (!isControlled) {\n        setInternalValue(nextValue);\n      }\n      onChange?.(nextValue);\n    };\n\n    return (\n      <CheckboxGroupContext.Provider\n        value={{\n          value,\n          onChange: handleValueChange,\n          disabled,\n          name,\n        }}\n      >\n        <div\n          ref={ref}\n          role=\"group\"\n          className={cn(\n            'flex gap-2',\n            orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap items-center',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </CheckboxGroupContext.Provider>\n    );\n  }\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n","import React, { forwardRef, useState, useEffect, useRef, useImperativeHandle } from 'react';\nimport { Check, Minus } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useFormField } from './FormField';\nimport { useCheckboxGroup } from './CheckboxGroup';\nimport { cn } from '../utils/cn';\n\nexport const checkboxVariants = cva(\n  'peer shrink-0 rounded-[var(--ui-radius-sm)] border border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)] transition-all flex items-center justify-center text-[var(--ui-primary-fg)] peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--ui-primary)] peer-focus-visible:ring-offset-2',\n  {\n    variants: {\n      size: {\n        sm: 'w-4 h-4 text-xs',\n        md: 'w-5 h-5 text-sm',\n        lg: 'w-6 h-6 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface CheckboxProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'>,\n    VariantProps<typeof checkboxVariants> {\n  indeterminate?: boolean;\n  label?: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className,\n      size,\n      indeterminate = false,\n      label,\n      checked,\n      defaultChecked = false,\n      disabled,\n      id,\n      name,\n      value: propValue,\n      onChange,\n      onCheckedChange,\n      ...props\n    },\n    ref\n  ) => {\n    const formField = useFormField();\n    const group = useCheckboxGroup();\n\n    const isGroupMember = group !== null && propValue !== undefined;\n    const isDisabled = disabled ?? group?.disabled ?? formField?.isDisabled ?? false;\n    const checkboxId = id || formField?.id;\n    const checkboxName = name || group?.name;\n\n    const isControlled = checked !== undefined;\n    const [internalChecked, setInternalChecked] = useState<boolean>(defaultChecked);\n\n    const isChecked = isGroupMember\n      ? group.value.includes(String(propValue))\n      : isControlled\n      ? Boolean(checked)\n      : internalChecked;\n\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\n    useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.indeterminate = Boolean(indeterminate);\n      }\n    }, [indeterminate]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled) return;\n      const newChecked = e.target.checked;\n\n      if (!isControlled && !isGroupMember) {\n        setInternalChecked(newChecked);\n      }\n\n      if (isGroupMember && group) {\n        const val = String(propValue);\n        const next = newChecked\n          ? [...group.value, val]\n          : group.value.filter((v) => v !== val);\n        group.onChange(next);\n      }\n\n      onChange?.(e);\n      onCheckedChange?.(newChecked);\n    };\n\n    const isVisualActive = isChecked || indeterminate;\n\n    return (\n      <label\n        className={cn(\n          'inline-flex items-center gap-2 select-none cursor-pointer group',\n          isDisabled && 'cursor-not-allowed opacity-50'\n        )}\n      >\n        <div className=\"relative flex items-center justify-center\">\n          <input\n            ref={innerRef}\n            type=\"checkbox\"\n            id={checkboxId}\n            name={checkboxName}\n            value={propValue}\n            disabled={isDisabled}\n            checked={isChecked}\n            onChange={handleChange}\n            aria-checked={indeterminate ? 'mixed' : isChecked}\n            className=\"sr-only peer\"\n            {...props}\n          />\n          <div\n            className={cn(\n              checkboxVariants({ size }),\n              isVisualActive\n                ? 'bg-[var(--ui-primary)] border-[var(--ui-primary)] text-white'\n                : 'hover:border-[var(--ui-border-strong)]',\n              className\n            )}\n          >\n            {indeterminate ? (\n              <Minus className=\"w-3.5 h-3.5 stroke-[3]\" />\n            ) : (\n              isChecked && <Check className=\"w-3.5 h-3.5 stroke-[3]\" />\n            )}\n          </div>\n        </div>\n        {label && (\n          <span className=\"text-sm font-medium text-[var(--ui-text-primary)]\">\n            {label}\n          </span>\n        )}\n      </label>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\nexport const chipVariants = cva(\n  'inline-flex items-center gap-1.5 rounded-full font-medium transition-colors select-none',\n  {\n    variants: {\n      variant: {\n        default: 'bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] border border-[var(--ui-border-default)]',\n        primary: 'bg-[var(--ui-primary)]/15 text-[var(--ui-primary)] border border-[var(--ui-primary)]/30',\n        secondary: 'bg-[var(--ui-secondary)]/15 text-[var(--ui-secondary)] border border-[var(--ui-secondary)]/30',\n        success: 'bg-[var(--ui-success-subtle)] text-[var(--ui-success)] border border-[var(--ui-success)]/30',\n        warning: 'bg-[var(--ui-warning-subtle)] text-[var(--ui-warning)] border border-[var(--ui-warning)]/30',\n        error: 'bg-[var(--ui-error-subtle)] text-[var(--ui-error)] border border-[var(--ui-error)]/30',\n      },\n      size: {\n        sm: 'h-6 px-2.5 text-xs',\n        md: 'h-7 px-3 text-xs',\n        lg: 'h-8 px-3.5 text-sm',\n      },\n      clickable: {\n        true: 'cursor-pointer hover:opacity-80 active:scale-95',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      clickable: false,\n    },\n  }\n);\n\nexport interface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {\n  onRemove?: () => void;\n  icon?: React.ReactNode;\n}\n\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(\n  ({ className, variant, size, clickable, onRemove, icon, children, onClick, ...props }, ref) => {\n    const isClickable = Boolean(clickable || onClick);\n\n    return (\n      <div\n        ref={ref}\n        onClick={onClick}\n        className={cn(chipVariants({ variant, size, clickable: isClickable }), className)}\n        {...props}\n      >\n        {icon && <span className=\"flex-shrink-0\">{icon}</span>}\n        <span>{children}</span>\n        {onRemove && (\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onRemove();\n            }}\n            aria-label=\"Remove chip\"\n            className=\"p-0.5 rounded-full hover:bg-black/10 dark:hover:bg-white/10 transition-colors -mr-1\"\n          >\n            <X className=\"w-3 h-3\" />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nChip.displayName = 'Chip';\n"]}

package/dist/{chunk-KJRBRTQE.js → chunk-EXFR2BFJ.js}

@@ -1,5 +1,5 @@
-import { __export, cn } from './chunk-4S6L5V7X.js';
-import { createContext, useState, useEffect, useMemo, useContext } from 'react';
+import { __export, cn } from './chunk-2YJBW4E2.js';
+import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/core/index.ts
@@ -17,25 +17,32 @@ function ThemeProvider({
   attribute = "data-theme",
   enableSystem = true
 }) {
-  const [theme, setThemeState] = useState(() => {
-    if (typeof window !== "undefined" && typeof window.localStorage !== "undefined") {
-      try {
-        const stored = window.localStorage.getItem(storageKey);
-        if (stored) return stored;
-      } catch {
-      }
-    }
-    return defaultTheme;
-  });
-  const [resolvedTheme, setResolvedTheme] = useState("dark");
-  useEffect(() => {
-    const root = document.documentElement;
-    const computeResolved = (t) => {
+  const [theme, setThemeState] = useState(defaultTheme);
+  const [resolvedTheme, setResolvedTheme] = useState(
+    defaultTheme === "light" ? "light" : "dark"
+  );
+  const computeResolved = useCallback(
+    (t) => {
       if (t === "system" && enableSystem && typeof window !== "undefined" && window.matchMedia) {
         return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
       }
       return t === "dark" ? "dark" : "light";
-    };
+    },
+    [enableSystem]
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      const stored = window.localStorage?.getItem(storageKey);
+      if (stored && stored !== theme) {
+        setThemeState(stored);
+      }
+    } catch {
+    }
+  }, [storageKey, theme]);
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
     const currentResolved = computeResolved(theme);
     setResolvedTheme(currentResolved);
     root.setAttribute(attribute, currentResolved);
@@ -52,20 +59,22 @@ function ThemeProvider({
       } catch {
       }
     }
-  }, [theme, attribute, enableSystem, storageKey]);
+  }, [theme, attribute, computeResolved, storageKey]);
   useEffect(() => {
-    if (theme !== "system" || !enableSystem) return;
+    if (theme !== "system" || !enableSystem || typeof window === "undefined" || !window.matchMedia) return;
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const handleChange = () => {
       const newResolved = mediaQuery.matches ? "dark" : "light";
       setResolvedTheme(newResolved);
-      document.documentElement.setAttribute(attribute, newResolved);
-      if (newResolved === "dark") {
-        document.documentElement.classList.add("dark");
-        document.documentElement.classList.remove("light");
-      } else {
-        document.documentElement.classList.add("light");
-        document.documentElement.classList.remove("dark");
+      if (typeof document !== "undefined") {
+        document.documentElement.setAttribute(attribute, newResolved);
+        if (newResolved === "dark") {
+          document.documentElement.classList.add("dark");
+          document.documentElement.classList.remove("light");
+        } else {
+          document.documentElement.classList.add("light");
+          document.documentElement.classList.remove("dark");
+        }
       }
     };
     mediaQuery.addEventListener("change", handleChange);
@@ -97,5 +106,5 @@ function useTheme() {
 }
 
 export { ThemeProvider, core_exports, useTheme };
-//# sourceMappingURL=chunk-KJRBRTQE.js.map
-//# sourceMappingURL=chunk-KJRBRTQE.js.map
+//# sourceMappingURL=chunk-EXFR2BFJ.js.map
+//# sourceMappingURL=chunk-EXFR2BFJ.js.map

package/dist/chunk-EXFR2BFJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/index.ts","../src/core/ThemeProvider.tsx"],"names":[],"mappings":"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","file":"chunk-EXFR2BFJ.js","sourcesContent":["export * from './ThemeProvider';\nexport * from '../utils/cn';\n","import React, { createContext, useContext, useEffect, useState, useMemo, useCallback } from 'react';\n\nexport type Theme = 'dark' | 'light' | 'system';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  attribute?: string;\n  enableSystem?: boolean;\n}\n\ninterface ThemeContextType {\n  theme: Theme;\n  resolvedTheme: 'dark' | 'light';\n  setTheme: (theme: Theme) => void;\n  toggleTheme: () => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'dark',\n  storageKey = 'ui-theme',\n  attribute = 'data-theme',\n  enableSystem = true,\n}: ThemeProviderProps) {\n  // Always initialize identically on SSR and initial client pass to avoid hydration mismatches\n  const [theme, setThemeState] = useState<Theme>(defaultTheme);\n  const [resolvedTheme, setResolvedTheme] = useState<'dark' | 'light'>(\n    defaultTheme === 'light' ? 'light' : 'dark'\n  );\n\n  const computeResolved = useCallback(\n    (t: Theme): 'dark' | 'light' => {\n      if (t === 'system' && enableSystem && typeof window !== 'undefined' && window.matchMedia) {\n        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n      }\n      return t === 'dark' ? 'dark' : 'light';\n    },\n    [enableSystem]\n  );\n\n  // Client-side initialization: read storage once mounted\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    try {\n      const stored = window.localStorage?.getItem(storageKey) as Theme | null;\n      if (stored && stored !== theme) {\n        setThemeState(stored);\n      }\n    } catch {\n      // Ignore storage access errors in restricted iframe/incognito environments\n    }\n  }, [storageKey, theme]);\n\n  // Sync theme changes to DOM and storage\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const root = document.documentElement;\n    const currentResolved = computeResolved(theme);\n    setResolvedTheme(currentResolved);\n\n    root.setAttribute(attribute, currentResolved);\n    if (currentResolved === 'dark') {\n      root.classList.add('dark');\n      root.classList.remove('light');\n    } else {\n      root.classList.add('light');\n      root.classList.remove('dark');\n    }\n\n    if (typeof window !== 'undefined' && typeof window.localStorage !== 'undefined') {\n      try {\n        window.localStorage.setItem(storageKey, theme);\n      } catch {\n        // Ignore storage access errors\n      }\n    }\n  }, [theme, attribute, computeResolved, storageKey]);\n\n  // System media query listener\n  useEffect(() => {\n    if (theme !== 'system' || !enableSystem || typeof window === 'undefined' || !window.matchMedia) return;\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const handleChange = () => {\n      const newResolved = mediaQuery.matches ? 'dark' : 'light';\n      setResolvedTheme(newResolved);\n      if (typeof document !== 'undefined') {\n        document.documentElement.setAttribute(attribute, newResolved);\n        if (newResolved === 'dark') {\n          document.documentElement.classList.add('dark');\n          document.documentElement.classList.remove('light');\n        } else {\n          document.documentElement.classList.add('light');\n          document.documentElement.classList.remove('dark');\n        }\n      }\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [theme, enableSystem, attribute]);\n\n  const toggleTheme = () => {\n    setThemeState((prev) => {\n      if (prev === 'dark') return 'light';\n      return 'dark';\n    });\n  };\n\n  const value = useMemo(\n    () => ({\n      theme,\n      resolvedTheme,\n      setTheme: setThemeState,\n      toggleTheme,\n    }),\n    [theme, resolvedTheme]\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme(): ThemeContextType {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n"]}