@codefast/ui 0.0.9 → 0.0.10

package/dist/chunk-J6COVJTP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AA4Bb,cAwBJ,YAxBI;AArBV,IAAM,eAAe;AAQrB,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,WAAW,UAAU,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC1D,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,UAAM,UACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,+DAA+D,SAAS;AAAA,QACrF,GAAG;AAAA,QAEH,gBAAM,KAAK,EAAE,QAAQ,aAAa,GAAG,CAAC,GAAG,MACxC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,OACE;AAAA,cACE,OAAO,IAAI,MAAM,cAAc,SAAS,CAAC;AAAA,cACzC,mBAAmB,MAAM,eAAe,KAAK,KAAK,SAAS,CAAC;AAAA,cAC5D,oBAAoB,IAAK,MAAM,eAAgB,GAAG,SAAS,CAAC;AAAA,cAC5D,sBAAsB,IAAI,eAAe,KAAK,SAAS,CAAC;AAAA,YAC1D;AAAA;AAAA,UAXG;AAAA,QAaP,CACD;AAAA;AAAA,IACH;AAGF,QAAI,aAAa,QAAW;AAC1B,aAAO;AAAA,IACT;AAEA,WACE,qBAAC,UAAK,WAAU,YACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA,UAET,GAAG,EAAE,OAAO,GAAG;AAAA,UAEf;AAAA;AAAA,MACH;AAAA,MAEA,oBAAC,UAAK,WAAU,qDAAqD,mBAAQ;AAAA,OAC/E;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Spinner\n * -------------------------------------------------------------------------- */\n\nconst spinnerCount = 8;\n\ntype SpinnerElement = HTMLSpanElement;\n\ninterface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  loading?: boolean;\n}\n\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(\n  ({ className, loading = true, children, ...props }, ref) => {\n    if (!loading) {\n      return children;\n    }\n\n    const spinner = (\n      <span\n        ref={ref}\n        className={cn(\"relative flex size-4 items-center justify-center opacity-60\", className)}\n        {...props}\n      >\n        {Array.from({ length: spinnerCount }, (_, i) => (\n          <span\n            key={i}\n            className={cn(\n              \"absolute h-full rotate-[var(--spinner-rotate)]\",\n              \"before:fade-out-25 before:animate-out before:repeat-infinite before:block before:h-1/3 before:w-full before:rounded-full before:bg-current before:[animation-delay:var(--spinner-delay)] before:[animation-duration:var(--spinner-duration)]\",\n            )}\n            style={\n              {\n                width: `${(100 / spinnerCount).toString()}%`,\n                \"--spinner-delay\": `-${((spinnerCount - i) * 100).toString()}ms`,\n                \"--spinner-rotate\": `${((360 / spinnerCount) * i).toString()}deg`,\n                \"--spinner-duration\": `${(spinnerCount * 100).toString()}ms`,\n              } as React.CSSProperties\n            }\n          />\n        ))}\n      </span>\n    );\n\n    if (children === undefined) {\n      return spinner;\n    }\n\n    return (\n      <span className=\"relative\">\n        <span\n          aria-hidden\n          className=\"invisible contents\"\n          // Workaround to use `inert` until https://github.com/facebook/react/pull/24730 is merged.\n          {...{ inert: \"\" }}\n        >\n          {children}\n        </span>\n\n        <span className=\"absolute inset-0 flex items-center justify-center\">{spinner}</span>\n      </span>\n    );\n  },\n);\n\nSpinner.displayName = \"Spinner\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Spinner, type SpinnerProps };\n"]}

package/dist/chunk-JULVZPCS.mjs

@@ -0,0 +1,120 @@
+// src/checkbox-group.primitive.tsx
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { createCheckboxScope } from "@radix-ui/react-checkbox";
+import { createContextScope } from "@radix-ui/react-context";
+import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
+import { createRovingFocusGroupScope } from "@radix-ui/react-roving-focus";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { useDirection } from "@radix-ui/react-direction";
+import { Primitive } from "@radix-ui/react-primitive";
+import { jsx } from "react/jsx-runtime";
+var CHECKBOX_GROUP_NAME = "CheckboxGroup";
+var [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [
+  createRovingFocusGroupScope,
+  createCheckboxScope
+]);
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var useCheckboxScope = createCheckboxScope();
+var [CheckboxGroupProvider, useCheckboxGroupContext] = createCheckboxGroupContext(CHECKBOX_GROUP_NAME);
+var CheckboxGroup = React.forwardRef(
+  ({
+    __scopeCheckboxGroup,
+    name,
+    defaultValue,
+    value: valueProp,
+    required = false,
+    disabled = false,
+    orientation,
+    dir,
+    loop = true,
+    onValueChange,
+    ...props
+  }, ref) => {
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
+    const direction = useDirection(dir);
+    const [value = [], setValue] = useControllableState({
+      prop: valueProp,
+      defaultProp: defaultValue,
+      onChange: onValueChange
+    });
+    const handleItemCheck = React.useCallback(
+      (itemValue) => {
+        setValue((prevValue = []) => [...prevValue, itemValue]);
+      },
+      [setValue]
+    );
+    const handleItemUncheck = React.useCallback(
+      (itemValue) => {
+        setValue((prevValue = []) => prevValue.filter((val) => val !== itemValue));
+      },
+      [setValue]
+    );
+    return /* @__PURE__ */ jsx(
+      CheckboxGroupProvider,
+      {
+        scope: __scopeCheckboxGroup,
+        name,
+        required,
+        disabled,
+        value,
+        onItemCheck: handleItemCheck,
+        onItemUncheck: handleItemUncheck,
+        children: /* @__PURE__ */ jsx(RovingFocusGroup.Root, { asChild: true, ...rovingFocusGroupScope, orientation, dir: direction, loop, children: /* @__PURE__ */ jsx(Primitive.div, { ref, role: "group", "data-disabled": disabled ? "" : void 0, dir: direction, ...props }) })
+      }
+    );
+  }
+);
+CheckboxGroup.displayName = CHECKBOX_GROUP_NAME;
+var ITEM_NAME = `${CHECKBOX_GROUP_NAME}Item`;
+var CheckboxGroupItem = React.forwardRef(
+  ({ __scopeCheckboxGroup, disabled, ...props }, ref) => {
+    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
+    const isDisabled = context.disabled || disabled;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
+    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
+    const checked = context.value?.includes(props.value);
+    return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !isDisabled, active: checked, children: /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        name: context.name,
+        disabled: isDisabled,
+        required: context.required,
+        checked,
+        ...checkboxScope,
+        ...props,
+        onCheckedChange: (checkedState) => {
+          if (checkedState) {
+            context.onItemCheck(props.value);
+          } else {
+            context.onItemUncheck(props.value);
+          }
+        }
+      }
+    ) });
+  }
+);
+CheckboxGroupItem.displayName = ITEM_NAME;
+var INDICATOR_NAME = `${CHECKBOX_GROUP_NAME}Indicator`;
+var CheckboxGroupIndicator = React.forwardRef(
+  ({ __scopeCheckboxGroup, ...props }, ref) => {
+    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
+    return /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { ref, ...checkboxScope, ...props });
+  }
+);
+CheckboxGroupIndicator.displayName = INDICATOR_NAME;
+var Root3 = CheckboxGroup;
+var Item2 = CheckboxGroupItem;
+var Indicator2 = CheckboxGroupIndicator;
+
+export {
+  createCheckboxGroupScope,
+  CheckboxGroup,
+  CheckboxGroupItem,
+  CheckboxGroupIndicator,
+  Root3 as Root,
+  Item2 as Item,
+  Indicator2 as Indicator
+};
+//# sourceMappingURL=chunk-JULVZPCS.mjs.map

package/dist/chunk-JULVZPCS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox-group.primitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { createCheckboxScope } from \"@radix-ui/react-checkbox\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\n\n/* -------------------------------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst CHECKBOX_GROUP_NAME = \"CheckboxGroup\";\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Scope };\n\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [\n  createRovingFocusGroupScope,\n  createCheckboxScope,\n]);\n\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useCheckboxScope = createCheckboxScope();\n\ninterface CheckboxGroupContextValue {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck: (value: string) => void;\n  onItemUncheck: (value: string) => void;\n}\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\n\ninterface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {\n  name?: CheckboxGroupContextValue[\"name\"];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[\"required\"];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[\"disabled\"];\n  dir?: RovingFocusGroup.RovingFocusGroupProps[\"dir\"];\n  orientation?: RovingFocusGroup.RovingFocusGroupProps[\"orientation\"];\n  loop?: RovingFocusGroup.RovingFocusGroupProps[\"loop\"];\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue[\"value\"];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (\n    {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...props\n    }: ScopedProps<CheckboxGroupProps>,\n    ref,\n  ) => {\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue,\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => {\n        setValue((prevValue = []) => [...prevValue, itemValue]);\n      },\n      [setValue],\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) => {\n        setValue((prevValue = []) => prevValue.filter((val) => val !== itemValue));\n      },\n      [setValue],\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <RovingFocusGroup.Root asChild {...rovingFocusGroupScope} orientation={orientation} dir={direction} loop={loop}>\n          {/* eslint-disable-next-line react/jsx-pascal-case -- radix-ui */}\n          <Primitive.div ref={ref} role=\"group\" data-disabled={disabled ? \"\" : undefined} dir={direction} {...props} />\n        </RovingFocusGroup.Root>\n      </CheckboxGroupProvider>\n    );\n  },\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = `${CHECKBOX_GROUP_NAME}Item`;\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\n\ninterface CheckboxGroupItemProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n    \"checked\" | \"defaultChecked\" | \"onCheckedChange\" | \"name\"\n  > {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  ({ __scopeCheckboxGroup, disabled, ...props }: ScopedProps<CheckboxGroupItemProps>, ref) => {\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const checked = context.value?.includes(props.value);\n\n    return (\n      <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          ref={ref}\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...props}\n          onCheckedChange={(checkedState) => {\n            if (checkedState) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocusGroup.Item>\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Component: CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = `${CHECKBOX_GROUP_NAME}Indicator`;\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxGroupIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\n\nconst CheckboxGroupIndicator = React.forwardRef<CheckboxGroupIndicatorElement, CheckboxGroupIndicatorProps>(\n  ({ __scopeCheckboxGroup, ...props }: ScopedProps<CheckboxGroupIndicatorProps>, ref) => {\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    return <CheckboxPrimitive.Indicator ref={ref} {...checkboxScope} {...props} />;\n  },\n);\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  Root,\n  Item,\n  Indicator,\n  type CheckboxGroupProps,\n  type CheckboxGroupItemProps,\n  type CheckboxGroupIndicatorProps,\n};\n"],"mappings":"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","names":["Root","Item","Indicator"]}

package/dist/chunk-LNSEYAPJ.js

@@ -0,0 +1,121 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
+
+// src/select.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reacticons = require('@radix-ui/react-icons');
+var _reactselect = require('@radix-ui/react-select'); var SelectPrimitive = _interopRequireWildcard(_reactselect);
+var _jsxruntime = require('react/jsx-runtime');
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    SelectPrimitive.Trigger,
+    {
+      ref,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, 
+        "border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CaretSortIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  )
+);
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SelectPrimitive.ScrollUpButton,
+    {
+      ref,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronUpIcon, {})
+    }
+  )
+);
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SelectPrimitive.ScrollDownButton,
+    {
+      ref,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon, {})
+    }
+  )
+);
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(
+  ({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    SelectPrimitive.Content,
+    {
+      ref,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, 
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollUpButton, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          SelectPrimitive.Viewport,
+          {
+            className: _chunkG3NP7M2Njs.cn.call(void 0, 
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollDownButton, {})
+      ]
+    }
+  ) })
+);
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Label, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "px-2 py-1.5 text-sm font-semibold", className), ...props }));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, 
+      "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CheckIcon, { className: "size-4" }) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Separator, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-muted -mx-1 my-1 h-px", className), ...props })
+);
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator;
+//# sourceMappingURL=chunk-LNSEYAPJ.js.map

package/dist/chunk-LNSEYAPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,SAAS,eAAe,WAAW,iBAAiB,qBAAqB;AACzE,YAAY,qBAAqB;AAiC7B,SAWI,KAXJ;AAzBJ,IAAM,SAAyB;AAO/B,IAAM,cAA8B;AAOpC,IAAM,cAA8B;AASpC,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAiB,sBAAhB,EAAqB,SAAO,MAC3B,8BAAC,iBAAc,WAAU,qBAAoB,GAC/C;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAA8B,wBAAQ;AASpD,IAAM,uBAA6B;AAAA,EACjC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,MAC9E,GAAG;AAAA,MAEJ,8BAAC,iBAAc;AAAA;AAAA,EACjB;AAEJ;AAEA,qBAAqB,cAA8B,+BAAe;AASlE,IAAM,yBAA+B;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,MAC9E,GAAG;AAAA,MAEJ,8BAAC,mBAAgB;AAAA;AAAA,EACnB;AAEJ;AAEA,uBAAuB,cAA8B,iCAAiB;AAStE,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,QACvD,oBAAiB,wBAAhB,EACC;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,aAAa,YACX;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,wBAAqB;AAAA,QACtB;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,YACX;AAAA,YACJ;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EAC1B,GACF;AAEJ;AAEA,cAAc,cAA8B,wBAAQ;AASpD,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAiB,uBAAhB,EAAsB,KAAU,WAAW,GAAG,qCAAqC,SAAS,GAAI,GAAG,OAAO,CAC5G;AAED,YAAY,cAA8B,sBAAM;AAShD,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAC1G;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,8DACd,8BAAiB,+BAAhB,EACC,8BAAC,aAAU,WAAU,UAAS,GAChC,GACF;AAAA,MACA,oBAAiB,0BAAhB,EAA0B,UAAS;AAAA;AAAA;AACtC,CACD;AAED,WAAW,cAA8B,qBAAK;AAS9C,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAiB,2BAAhB,EAA0B,KAAU,WAAW,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAAO;AAE1G;AAEA,gBAAgB,cAA8B,0BAAU","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\ntype SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\ntype SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\ntype SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;\n\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  ({ className, children, ...props }, ref) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n        \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <CaretSortIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\n\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollUpButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollUpButton>;\ntype SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;\n\nconst SelectScrollUpButton = React.forwardRef<SelectScrollUpButtonElement, SelectScrollUpButtonProps>(\n  ({ className, ...props }, ref) => (\n    <SelectPrimitive.ScrollUpButton\n      ref={ref}\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpButton>\n  ),\n);\n\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollDownButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollDownButton>;\ntype SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;\n\nconst SelectScrollDownButton = React.forwardRef<SelectScrollDownButtonElement, SelectScrollDownButtonProps>(\n  ({ className, ...props }, ref) => (\n    <SelectPrimitive.ScrollDownButton\n      ref={ref}\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownButton>\n  ),\n);\n\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;\n\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  ({ className, children, position = \"popper\", ...props }, ref) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  ),\n);\n\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ntype SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;\n\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\n\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;\n\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"size-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\n\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;\n\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <SelectPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n  ),\n);\n\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n  type SelectProps,\n  type SelectGroupProps,\n  type SelectValueProps,\n  type SelectTriggerProps,\n  type SelectContentProps,\n  type SelectLabelProps,\n  type SelectItemProps,\n  type SelectSeparatorProps,\n  type SelectScrollUpButtonProps,\n  type SelectScrollDownButtonProps,\n};\n"]}

package/dist/chunk-MOJNV3XZ.js

@@ -0,0 +1,120 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/checkbox-group.primitive.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
+
+var _reactcontext = require('@radix-ui/react-context');
+var _reactrovingfocus = require('@radix-ui/react-roving-focus'); var RovingFocusGroup = _interopRequireWildcard(_reactrovingfocus);
+
+var _reactusecontrollablestate = require('@radix-ui/react-use-controllable-state');
+var _reactdirection = require('@radix-ui/react-direction');
+var _reactprimitive = require('@radix-ui/react-primitive');
+var _jsxruntime = require('react/jsx-runtime');
+var CHECKBOX_GROUP_NAME = "CheckboxGroup";
+var [createCheckboxGroupContext, createCheckboxGroupScope] = _reactcontext.createContextScope.call(void 0, CHECKBOX_GROUP_NAME, [
+  _reactrovingfocus.createRovingFocusGroupScope,
+  _reactcheckbox.createCheckboxScope
+]);
+var useRovingFocusGroupScope = _reactrovingfocus.createRovingFocusGroupScope.call(void 0, );
+var useCheckboxScope = _reactcheckbox.createCheckboxScope.call(void 0, );
+var [CheckboxGroupProvider, useCheckboxGroupContext] = createCheckboxGroupContext(CHECKBOX_GROUP_NAME);
+var CheckboxGroup = React.forwardRef(
+  ({
+    __scopeCheckboxGroup,
+    name,
+    defaultValue,
+    value: valueProp,
+    required = false,
+    disabled = false,
+    orientation,
+    dir,
+    loop = true,
+    onValueChange,
+    ...props
+  }, ref) => {
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
+    const direction = _reactdirection.useDirection.call(void 0, dir);
+    const [value = [], setValue] = _reactusecontrollablestate.useControllableState.call(void 0, {
+      prop: valueProp,
+      defaultProp: defaultValue,
+      onChange: onValueChange
+    });
+    const handleItemCheck = React.useCallback(
+      (itemValue) => {
+        setValue((prevValue = []) => [...prevValue, itemValue]);
+      },
+      [setValue]
+    );
+    const handleItemUncheck = React.useCallback(
+      (itemValue) => {
+        setValue((prevValue = []) => prevValue.filter((val) => val !== itemValue));
+      },
+      [setValue]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CheckboxGroupProvider,
+      {
+        scope: __scopeCheckboxGroup,
+        name,
+        required,
+        disabled,
+        value,
+        onItemCheck: handleItemCheck,
+        onItemUncheck: handleItemUncheck,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RovingFocusGroup.Root, { asChild: true, ...rovingFocusGroupScope, orientation, dir: direction, loop, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactprimitive.Primitive.div, { ref, role: "group", "data-disabled": disabled ? "" : void 0, dir: direction, ...props }) })
+      }
+    );
+  }
+);
+CheckboxGroup.displayName = CHECKBOX_GROUP_NAME;
+var ITEM_NAME = `${CHECKBOX_GROUP_NAME}Item`;
+var CheckboxGroupItem = React.forwardRef(
+  ({ __scopeCheckboxGroup, disabled, ...props }, ref) => {
+    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
+    const isDisabled = context.disabled || disabled;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
+    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
+    const checked = _optionalChain([context, 'access', _ => _.value, 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(props.value)]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !isDisabled, active: checked, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        name: context.name,
+        disabled: isDisabled,
+        required: context.required,
+        checked,
+        ...checkboxScope,
+        ...props,
+        onCheckedChange: (checkedState) => {
+          if (checkedState) {
+            context.onItemCheck(props.value);
+          } else {
+            context.onItemUncheck(props.value);
+          }
+        }
+      }
+    ) });
+  }
+);
+CheckboxGroupItem.displayName = ITEM_NAME;
+var INDICATOR_NAME = `${CHECKBOX_GROUP_NAME}Indicator`;
+var CheckboxGroupIndicator = React.forwardRef(
+  ({ __scopeCheckboxGroup, ...props }, ref) => {
+    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxPrimitive.Indicator, { ref, ...checkboxScope, ...props });
+  }
+);
+CheckboxGroupIndicator.displayName = INDICATOR_NAME;
+var Root3 = CheckboxGroup;
+var Item2 = CheckboxGroupItem;
+var Indicator2 = CheckboxGroupIndicator;
+
+
+
+
+
+
+
+
+
+exports.createCheckboxGroupScope = createCheckboxGroupScope; exports.CheckboxGroup = CheckboxGroup; exports.CheckboxGroupItem = CheckboxGroupItem; exports.CheckboxGroupIndicator = CheckboxGroupIndicator; exports.Root = Root3; exports.Item = Item2; exports.Indicator = Indicator2;
+//# sourceMappingURL=chunk-MOJNV3XZ.js.map

package/dist/chunk-MOJNV3XZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox-group.primitive.tsx"],"names":["Root","Item","Indicator"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { createCheckboxScope } from \"@radix-ui/react-checkbox\";\nimport { createContextScope, type Scope } from \"@radix-ui/react-context\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\n\n/* -------------------------------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst CHECKBOX_GROUP_NAME = \"CheckboxGroup\";\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Scope };\n\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [\n  createRovingFocusGroupScope,\n  createCheckboxScope,\n]);\n\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\nconst useCheckboxScope = createCheckboxScope();\n\ninterface CheckboxGroupContextValue {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck: (value: string) => void;\n  onItemUncheck: (value: string) => void;\n}\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\n\ninterface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof Primitive.div> {\n  name?: CheckboxGroupContextValue[\"name\"];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[\"required\"];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>[\"disabled\"];\n  dir?: RovingFocusGroup.RovingFocusGroupProps[\"dir\"];\n  orientation?: RovingFocusGroup.RovingFocusGroupProps[\"orientation\"];\n  loop?: RovingFocusGroup.RovingFocusGroupProps[\"loop\"];\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue[\"value\"];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (\n    {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...props\n    }: ScopedProps<CheckboxGroupProps>,\n    ref,\n  ) => {\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue,\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => {\n        setValue((prevValue = []) => [...prevValue, itemValue]);\n      },\n      [setValue],\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) => {\n        setValue((prevValue = []) => prevValue.filter((val) => val !== itemValue));\n      },\n      [setValue],\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <RovingFocusGroup.Root asChild {...rovingFocusGroupScope} orientation={orientation} dir={direction} loop={loop}>\n          {/* eslint-disable-next-line react/jsx-pascal-case -- radix-ui */}\n          <Primitive.div ref={ref} role=\"group\" data-disabled={disabled ? \"\" : undefined} dir={direction} {...props} />\n        </RovingFocusGroup.Root>\n      </CheckboxGroupProvider>\n    );\n  },\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = `${CHECKBOX_GROUP_NAME}Item`;\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\n\ninterface CheckboxGroupItemProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n    \"checked\" | \"defaultChecked\" | \"onCheckedChange\" | \"name\"\n  > {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  ({ __scopeCheckboxGroup, disabled, ...props }: ScopedProps<CheckboxGroupItemProps>, ref) => {\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const checked = context.value?.includes(props.value);\n\n    return (\n      <RovingFocusGroup.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          ref={ref}\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...props}\n          onCheckedChange={(checkedState) => {\n            if (checkedState) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocusGroup.Item>\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Component: CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = `${CHECKBOX_GROUP_NAME}Indicator`;\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxGroupIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\n\nconst CheckboxGroupIndicator = React.forwardRef<CheckboxGroupIndicatorElement, CheckboxGroupIndicatorProps>(\n  ({ __scopeCheckboxGroup, ...props }: ScopedProps<CheckboxGroupIndicatorProps>, ref) => {\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    return <CheckboxPrimitive.Indicator ref={ref} {...checkboxScope} {...props} />;\n  },\n);\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  Root,\n  Item,\n  Indicator,\n  type CheckboxGroupProps,\n  type CheckboxGroupItemProps,\n  type CheckboxGroupIndicatorProps,\n};\n"]}

package/dist/{chunk-JOJW7BBY.js → chunk-NEP3JDVQ.js}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
+var _chunkJ6COVJTPjs = require('./chunk-J6COVJTP.js');
+
+
 var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
 
 // src/button.tsx
@@ -7,7 +10,11 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reactslot = require('@radix-ui/react-slot');
 var _jsxruntime = require('react/jsx-runtime');
 var buttonVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
-  base: "focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  base: [
+    "inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+  ],
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
@@ -26,23 +33,41 @@ var buttonVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
       "icon-xs": "size-8",
       "icon-sm": "size-9",
       "icon-lg": "size-11"
+    },
+    loading: {
+      true: "relative"
     }
   },
   defaultVariants: {
     size: "default",
-    variant: "default"
+    variant: "default",
+    loading: false
   }
 });
 var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+  ({ children, className, variant, size, loading = false, asChild = false, ...props }, ref) => {
     const Comp = asChild ? _reactslot.Slot : "button";
+    const disabled = loading || props.disabled;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Comp,
       {
         ref,
         type: asChild ? void 0 : "button",
-        className: buttonVariants({ variant, size, className }),
-        ...props
+        className: buttonVariants({ variant, size, loading, className }),
+        ...props,
+        disabled,
+        children: loading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              "aria-hidden": true,
+              className: "invisible contents",
+              ...{ inert: "" },
+              children
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ6COVJTPjs.Spinner, {}) })
+        ] }) : children
       }
     );
   }
@@ -53,4 +78,4 @@ Button.displayName = "Button";
 
 
 exports.buttonVariants = buttonVariants; exports.Button = Button;
-//# sourceMappingURL=chunk-JOJW7BBY.js.map
+//# sourceMappingURL=chunk-NEP3JDVQ.js.map

package/dist/chunk-NEP3JDVQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button.tsx"],"names":[],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuEX,mBACE,KADF;AA9DV,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC;AAcD,IAAM,SAAe;AAAA,EACnB,CAAC,EAAE,UAAU,WAAW,SAAS,MAAM,UAAU,OAAO,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC3F,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,WAAW,WAAW,MAAM;AAElC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,UAAU,SAAY;AAAA,QAC5B,WAAW,eAAe,EAAE,SAAS,MAAM,SAAS,UAAU,CAAC;AAAA,QAC9D,GAAG;AAAA,QACJ;AAAA,QAEC,oBACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,cAET,GAAG,EAAE,OAAO,GAAG;AAAA,cAEf;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,UAAK,WAAU,qDACd,8BAAC,WAAQ,GACX;AAAA,WACF,IAEA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"cva\";\nimport { Spinner } from \"./spinner\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n  base: [\n    \"inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground hover:bg-primary/90 shadow\",\n      destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm\",\n      ghost: \"hover:bg-accent hover:text-accent-foreground\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n      outline: \"border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm\",\n      secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm\",\n    },\n    size: {\n      default: \"h-10 px-4\",\n      xs: \"h-8 px-2\",\n      sm: \"h-9 px-3\",\n      lg: \"h-11 px-8\",\n      icon: \"size-10\",\n      \"icon-xs\": \"size-8\",\n      \"icon-sm\": \"size-9\",\n      \"icon-lg\": \"size-11\",\n    },\n    loading: {\n      true: \"relative\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n    loading: false,\n  },\n});\n\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ntype ButtonElement = HTMLButtonElement;\n\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantsProps {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>(\n  ({ children, className, variant, size, loading = false, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    const disabled = loading || props.disabled;\n\n    return (\n      <Comp\n        ref={ref}\n        type={asChild ? undefined : \"button\"}\n        className={buttonVariants({ variant, size, loading, className })}\n        {...props}\n        disabled={disabled}\n      >\n        {loading ? (\n          <>\n            <span\n              aria-hidden\n              className=\"invisible contents\"\n              // Workaround to use `inert` until https://github.com/facebook/react/pull/24730 is merged.\n              {...{ inert: \"\" }}\n            >\n              {children}\n            </span>\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <Spinner />\n            </span>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps, type ButtonVariantsProps };\n"]}