@codefast/ui 0.0.9 → 0.0.11

package/dist/chunk-IXEJO7ZP.js

@@ -0,0 +1,86 @@
+"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/dialog.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
+var _reacticons = require('@radix-ui/react-icons');
+var _jsxruntime = require('react/jsx-runtime');
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogClose = DialogPrimitive.Close;
+var DialogContent = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      DialogPrimitive.Overlay,
+      {
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
+        )
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            DialogPrimitive.Close,
+            {
+              className: _chunkG3NP7M2Njs.cn.call(void 0, 
+                "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity",
+                "hover:opacity-100",
+                "disabled:pointer-events-none",
+                "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+                "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+              ),
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] })
+);
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+}
+var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: _chunkG3NP7M2Njs.cn.call(void 0, "text-lg font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Description, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className), ...props })
+);
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+
+
+
+
+
+
+
+
+
+exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogClose = DialogClose; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription;
+//# sourceMappingURL=chunk-IXEJO7ZP.js.map

package/dist/chunk-IXEJO7ZP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,kBAAkB;AAkCrB,cAcE,YAdF;AA1BN,IAAM,SAAyB;AAO/B,IAAM,gBAAgC;AAOtC,IAAM,cAA8B;AASpC,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC,qBAAiB,wBAAhB,EACC;AAAA;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACD;AAAA,YAAiB;AAAA,YAAhB;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cAEA;AAAA,oCAAC,cAAW,WAAU,UAAS;AAAA,gBAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,UACjC;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,cAAc,cAA8B,wBAAQ;AAQpD,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAyC;AACnF,SAAO,oBAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAAI,GAAG,OAAO;AACzG;AAQA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAyC;AACnF,SAAO,oBAAC,SAAI,WAAW,GAAG,iEAAiE,SAAS,GAAI,GAAG,OAAO;AACpH;AASA,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qDAAqD,SAAS;AAAA,IAC3E,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAA8B,sBAAM;AAShD,IAAM,oBAA0B;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAiB,6BAAhB,EAA4B,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEjH;AAEA,kBAAkB,cAA8B,4BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\ntype DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ntype DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cn(\n          \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n        )}\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close\n          className={cn(\n            \"absolute right-4 top-4 rounded-sm opacity-70 transition-opacity\",\n            \"hover:opacity-100\",\n            \"disabled:pointer-events-none\",\n            \"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\",\n            \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n          )}\n        >\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  ),\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\ntype DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n  return <div className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\ntype DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n  return <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\ntype DialogTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;\ntype DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n));\n\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\ntype DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;\ntype DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n  ),\n);\n\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  type DialogProps,\n  type DialogTriggerProps,\n  type DialogCloseProps,\n  type DialogContentProps,\n  type DialogHeaderProps,\n  type DialogFooterProps,\n  type DialogTitleProps,\n  type DialogDescriptionProps,\n};\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-MDSPK3M6.js

@@ -0,0 +1,54 @@
+"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/spinner.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');
+var _jsxruntime = require('react/jsx-runtime');
+var spinnerCount = 8;
+var Spinner = React.forwardRef(
+  ({ className, loading = true, children, ...props }, ref) => {
+    if (!loading) {
+      return children;
+    }
+    const spinner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, "relative flex size-4 items-center justify-center opacity-60", className),
+        ...props,
+        children: Array.from({ length: spinnerCount }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _chunkG3NP7M2Njs.cn.call(void 0, 
+              "absolute h-full rotate-[var(--spinner-rotate)]",
+              "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)]"
+            ),
+            style: {
+              width: `${(100 / spinnerCount).toString()}%`,
+              "--spinner-delay": `-${((spinnerCount - i) * 100).toString()}ms`,
+              "--spinner-rotate": `${(360 / spinnerCount * i).toString()}deg`,
+              "--spinner-duration": `${(spinnerCount * 100).toString()}ms`
+            }
+          },
+          i
+        ))
+      }
+    );
+    if (children === void 0) {
+      return spinner;
+    }
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: "invisible contents", children }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { children }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute inset-0 flex items-center justify-center", children: spinner })
+    ] });
+  }
+);
+Spinner.displayName = "Spinner";
+
+
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-MDSPK3M6.js.map

package/dist/chunk-MDSPK3M6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,sBAAsB;AA4BrB,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,0BAAC,UAAK,eAAW,MAAC,WAAU,sBACzB,UACH;AAAA,MACA,oBAAC,kBAAgB,UAAS;AAAA,MAC1B,oBAAC,UAAK,WAAU,qDAAqD,mBAAQ;AAAA,OAC/E;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc","sourcesContent":["import * as React from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\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 aria-hidden className=\"invisible contents\">\n          {children}\n        </span>\n        <VisuallyHidden>{children}</VisuallyHidden>\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-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"]}