ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/radio-group.js

@@ -0,0 +1,271 @@
+import { jsx as i, jsxs as K } from "react/jsx-runtime";
+import * as n from "react";
+import U from "react";
+import { P as h, c as I } from "../index-CFaU3UXv.js";
+import { u as C } from "../index-DLcqcWxM.js";
+import { c as N } from "../index-DFZozV_h.js";
+import { c as _, R as V, I as j } from "../index-DHyZ_0Ut.js";
+import { u as z } from "../index-437EL2iq.js";
+import { u as H } from "../index-ByaXH_ih.js";
+import { u as $ } from "../index-BGQepRFJ.js";
+import { u as W } from "../index-BZPx6jYI.js";
+import { P as X } from "../index-BpWB3aFK.js";
+import { T as k } from "../index-BVqs-uqP.js";
+import { I as Y } from "../Icon-DH3ev9GK.js";
+import { c as J } from "../createLucideIcon-DwBrHnj9.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Q = J("Circle", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+]);
+var g = "Radio", [Z, G] = N(g), [ee, oe] = Z(g), P = n.forwardRef(
+  (r, a) => {
+    const {
+      __scopeRadio: e,
+      name: t,
+      checked: o = !1,
+      required: s,
+      disabled: c,
+      value: l = "on",
+      onCheck: f,
+      form: m,
+      ...R
+    } = r, [p, v] = n.useState(null), d = C(a, (b) => v(b)), u = n.useRef(!1), y = p ? m || !!p.closest("form") : !0;
+    return /* @__PURE__ */ K(ee, { scope: e, checked: o, disabled: c, children: [
+      /* @__PURE__ */ i(
+        h.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": o,
+          "data-state": x(o),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: l,
+          ...R,
+          ref: d,
+          onClick: I(r.onClick, (b) => {
+            o || f?.(), y && (u.current = b.isPropagationStopped(), u.current || b.stopPropagation());
+          })
+        }
+      ),
+      y && /* @__PURE__ */ i(
+        A,
+        {
+          control: p,
+          bubbles: !u.current,
+          name: t,
+          value: l,
+          checked: o,
+          required: s,
+          disabled: c,
+          form: m,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+P.displayName = g;
+var E = "RadioIndicator", S = n.forwardRef(
+  (r, a) => {
+    const { __scopeRadio: e, forceMount: t, ...o } = r, s = oe(E, e);
+    return /* @__PURE__ */ i(X, { present: t || s.checked, children: /* @__PURE__ */ i(
+      h.span,
+      {
+        "data-state": x(s.checked),
+        "data-disabled": s.disabled ? "" : void 0,
+        ...o,
+        ref: a
+      }
+    ) });
+  }
+);
+S.displayName = E;
+var re = "RadioBubbleInput", A = n.forwardRef(
+  ({
+    __scopeRadio: r,
+    control: a,
+    checked: e,
+    bubbles: t = !0,
+    ...o
+  }, s) => {
+    const c = n.useRef(null), l = C(c, s), f = W(e), m = $(a);
+    return n.useEffect(() => {
+      const R = c.current;
+      if (!R) return;
+      const p = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(
+        p,
+        "checked"
+      ).set;
+      if (f !== e && d) {
+        const u = new Event("click", { bubbles: t });
+        d.call(R, e), R.dispatchEvent(u);
+      }
+    }, [f, e, t]), /* @__PURE__ */ i(
+      h.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...o,
+        tabIndex: -1,
+        ref: l,
+        style: {
+          ...o.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+A.displayName = re;
+function x(r) {
+  return r ? "checked" : "unchecked";
+}
+var te = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], w = "RadioGroup", [ae, Ge] = N(w, [
+  _,
+  G
+]), D = _(), M = G(), [se, ie] = ae(w), L = n.forwardRef(
+  (r, a) => {
+    const {
+      __scopeRadioGroup: e,
+      name: t,
+      defaultValue: o,
+      value: s,
+      required: c = !1,
+      disabled: l = !1,
+      orientation: f,
+      dir: m,
+      loop: R = !0,
+      onValueChange: p,
+      ...v
+    } = r, d = D(e), u = H(m), [y, b] = z({
+      prop: s,
+      defaultProp: o ?? null,
+      onChange: p,
+      caller: w
+    });
+    return /* @__PURE__ */ i(
+      se,
+      {
+        scope: e,
+        name: t,
+        required: c,
+        disabled: l,
+        value: y,
+        onValueChange: b,
+        children: /* @__PURE__ */ i(
+          V,
+          {
+            asChild: !0,
+            ...d,
+            orientation: f,
+            dir: u,
+            loop: R,
+            children: /* @__PURE__ */ i(
+              h.div,
+              {
+                role: "radiogroup",
+                "aria-required": c,
+                "aria-orientation": f,
+                "data-disabled": l ? "" : void 0,
+                dir: u,
+                ...v,
+                ref: a
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+L.displayName = w;
+var O = "RadioGroupItem", F = n.forwardRef(
+  (r, a) => {
+    const { __scopeRadioGroup: e, disabled: t, ...o } = r, s = ie(O, e), c = s.disabled || t, l = D(e), f = M(e), m = n.useRef(null), R = C(a, m), p = s.value === o.value, v = n.useRef(!1);
+    return n.useEffect(() => {
+      const d = (y) => {
+        te.includes(y.key) && (v.current = !0);
+      }, u = () => v.current = !1;
+      return document.addEventListener("keydown", d), document.addEventListener("keyup", u), () => {
+        document.removeEventListener("keydown", d), document.removeEventListener("keyup", u);
+      };
+    }, []), /* @__PURE__ */ i(
+      j,
+      {
+        asChild: !0,
+        ...l,
+        focusable: !c,
+        active: p,
+        children: /* @__PURE__ */ i(
+          P,
+          {
+            disabled: c,
+            required: s.required,
+            checked: p,
+            ...f,
+            ...o,
+            name: s.name,
+            ref: R,
+            onCheck: () => s.onValueChange(o.value),
+            onKeyDown: I((d) => {
+              d.key === "Enter" && d.preventDefault();
+            }),
+            onFocus: I(o.onFocus, () => {
+              v.current && m.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+F.displayName = O;
+var ne = "RadioGroupIndicator", q = n.forwardRef(
+  (r, a) => {
+    const { __scopeRadioGroup: e, ...t } = r, o = M(e);
+    return /* @__PURE__ */ i(S, { ...o, ...t, ref: a });
+  }
+);
+q.displayName = ne;
+var B = L, T = F, ce = q;
+const de = k({
+  base: "grid gap-2"
+}), ue = n.forwardRef(
+  ({ className: r, ...a }, e) => /* @__PURE__ */ i(B, { className: de({ className: r }), ...a, ref: e })
+);
+ue.displayName = B.displayName;
+const pe = k({
+  slots: {
+    item: [
+      "aspect-square h-4 w-4 rounded-full border border-primary-border bg-secondary-bg shadow-soft-sm data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent",
+      "hover:border-muted hover:shadow-soft-base",
+      "focus:outline-none focus-visible:shadow-focus",
+      "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-primary-border"
+    ],
+    indicator: "flex items-center justify-center",
+    icon: "h-2 w-2 fill-secondary-bg"
+  }
+}), le = U.forwardRef(
+  ({ className: r, ...a }, e) => {
+    const t = pe();
+    return /* @__PURE__ */ i(T, { ref: e, className: t.item({ className: r }), ...a, children: /* @__PURE__ */ i(ce, { className: t.indicator(), children: /* @__PURE__ */ i(Y, { icon: Q, className: t.icon() }) }) });
+  }
+);
+le.displayName = T.displayName;
+export {
+  ue as RadioGroup,
+  le as RadioGroupItem,
+  pe as radioGroupItemStyles
+};
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle.js","../../node_modules/.pnpm/@radix-ui+react-radio-group_3817d711d0804cde943044a79473fe99/node_modules/@radix-ui/react-radio-group/dist/index.mjs","../../src/components/radio-group/RadioGroup.tsx","../../src/components/radio-group/components/RadioGroupItem.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Circle = createLucideIcon(\"Circle\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }]\n]);\n\nexport { Circle as default };\n//# sourceMappingURL=circle.js.map\n","\"use client\";\n\n// src/radio-group.tsx\nimport * as React2 from \"react\";\nimport { composeEventHandlers as composeEventHandlers2 } from \"@radix-ui/primitive\";\nimport { useComposedRefs as useComposedRefs2 } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope as createContextScope2 } from \"@radix-ui/react-context\";\nimport { Primitive as Primitive2 } from \"@radix-ui/react-primitive\";\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\";\n\n// src/radio.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar RADIO_NAME = \"Radio\";\nvar [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);\nvar [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);\nvar Radio = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeRadio,\n      name,\n      checked = false,\n      required,\n      disabled,\n      value = \"on\",\n      onCheck,\n      form,\n      ...radioProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    return /* @__PURE__ */ jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"radio\",\n          \"aria-checked\": checked,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...radioProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            if (!checked) onCheck?.();\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        RadioBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nRadio.displayName = RADIO_NAME;\nvar INDICATOR_NAME = \"RadioIndicator\";\nvar RadioIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeRadio, forceMount, ...indicatorProps } = props;\n    const context = useRadioContext(INDICATOR_NAME, __scopeRadio);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef\n      }\n    ) });\n  }\n);\nRadioIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"RadioBubbleInput\";\nvar RadioBubbleInput = React.forwardRef(\n  ({\n    __scopeRadio,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      Primitive.input,\n      {\n        type: \"radio\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nRadioBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\n\n// src/radio-group.tsx\nimport { jsx as jsx2 } from \"react/jsx-runtime\";\nvar ARROW_KEYS = [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"];\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar [createRadioGroupContext, createRadioGroupScope] = createContextScope2(RADIO_GROUP_NAME, [\n  createRovingFocusGroupScope,\n  createRadioScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar useRadioScope = createRadioScope();\nvar [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);\nvar RadioGroup = React2.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeRadioGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue ?? null,\n      onChange: onValueChange,\n      caller: RADIO_GROUP_NAME\n    });\n    return /* @__PURE__ */ jsx2(\n      RadioGroupProvider,\n      {\n        scope: __scopeRadioGroup,\n        name,\n        required,\n        disabled,\n        value,\n        onValueChange: setValue,\n        children: /* @__PURE__ */ jsx2(\n          RovingFocusGroup.Root,\n          {\n            asChild: true,\n            ...rovingFocusGroupScope,\n            orientation,\n            dir: direction,\n            loop,\n            children: /* @__PURE__ */ jsx2(\n              Primitive2.div,\n              {\n                role: \"radiogroup\",\n                \"aria-required\": required,\n                \"aria-orientation\": orientation,\n                \"data-disabled\": disabled ? \"\" : void 0,\n                dir: direction,\n                ...groupProps,\n                ref: forwardedRef\n              }\n            )\n          }\n        )\n      }\n    );\n  }\n);\nRadioGroup.displayName = RADIO_GROUP_NAME;\nvar ITEM_NAME = \"RadioGroupItem\";\nvar RadioGroupItem = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeRadioGroup, disabled, ...itemProps } = props;\n    const context = useRadioGroupContext(ITEM_NAME, __scopeRadioGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);\n    const radioScope = useRadioScope(__scopeRadioGroup);\n    const ref = React2.useRef(null);\n    const composedRefs = useComposedRefs2(forwardedRef, ref);\n    const checked = context.value === itemProps.value;\n    const isArrowKeyPressedRef = React2.useRef(false);\n    React2.useEffect(() => {\n      const handleKeyDown = (event) => {\n        if (ARROW_KEYS.includes(event.key)) {\n          isArrowKeyPressedRef.current = true;\n        }\n      };\n      const handleKeyUp = () => isArrowKeyPressedRef.current = false;\n      document.addEventListener(\"keydown\", handleKeyDown);\n      document.addEventListener(\"keyup\", handleKeyUp);\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeyDown);\n        document.removeEventListener(\"keyup\", handleKeyUp);\n      };\n    }, []);\n    return /* @__PURE__ */ jsx2(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !isDisabled,\n        active: checked,\n        children: /* @__PURE__ */ jsx2(\n          Radio,\n          {\n            disabled: isDisabled,\n            required: context.required,\n            checked,\n            ...radioScope,\n            ...itemProps,\n            name: context.name,\n            ref: composedRefs,\n            onCheck: () => context.onValueChange(itemProps.value),\n            onKeyDown: composeEventHandlers2((event) => {\n              if (event.key === \"Enter\") event.preventDefault();\n            }),\n            onFocus: composeEventHandlers2(itemProps.onFocus, () => {\n              if (isArrowKeyPressedRef.current) ref.current?.click();\n            })\n          }\n        )\n      }\n    );\n  }\n);\nRadioGroupItem.displayName = ITEM_NAME;\nvar INDICATOR_NAME2 = \"RadioGroupIndicator\";\nvar RadioGroupIndicator = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeRadioGroup, ...indicatorProps } = props;\n    const radioScope = useRadioScope(__scopeRadioGroup);\n    return /* @__PURE__ */ jsx2(RadioIndicator, { ...radioScope, ...indicatorProps, ref: forwardedRef });\n  }\n);\nRadioGroupIndicator.displayName = INDICATOR_NAME2;\nvar Root2 = RadioGroup;\nvar Item2 = RadioGroupItem;\nvar Indicator = RadioGroupIndicator;\nexport {\n  Indicator,\n  Item2 as Item,\n  RadioGroup,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  Root2 as Root,\n  createRadioGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\r\n\r\nconst radioGroupStyles = tv({\r\n\tbase: \"grid gap-2\"\r\n});\r\n\r\nexport const RadioGroup = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioGroupProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\treturn <RadioGroupPrimitive.Root className={radioGroupStyles({ className })} {...props} ref={ref} />;\r\n\t}\r\n);\r\n\r\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\r\n","import { Icon } from \"@/components/icon\";\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport { Circle } from \"lucide-react\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;\r\n\r\nexport const radioGroupItemStyles = tv({\r\n\tslots: {\r\n\t\titem: [\r\n\t\t\t\"aspect-square h-4 w-4 rounded-full border border-primary-border bg-secondary-bg shadow-soft-sm data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent\",\r\n\t\t\t\"hover:border-muted hover:shadow-soft-base\",\r\n\t\t\t\"focus:outline-none focus-visible:shadow-focus\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-primary-border\"\r\n\t\t],\r\n\t\tindicator: \"flex items-center justify-center\",\r\n\t\ticon: \"h-2 w-2 fill-secondary-bg\"\r\n\t}\r\n});\r\n\r\nexport const RadioGroupItem = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioGroupItemProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst styles = radioGroupItemStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<RadioGroupPrimitive.Item ref={ref} className={styles.item({ className })} {...props}>\r\n\t\t\t\t<RadioGroupPrimitive.Indicator className={styles.indicator()}>\r\n\t\t\t\t\t<Icon icon={Circle} className={styles.icon()} />\r\n\t\t\t\t</RadioGroupPrimitive.Indicator>\r\n\t\t\t</RadioGroupPrimitive.Item>\r\n\t\t);\r\n\t}\r\n);\r\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\r\n"],"names":["Circle","createLucideIcon","RADIO_NAME","createRadioContext","createRadioScope","createContextScope","RadioProvider","useRadioContext","Radio","React","props","forwardedRef","__scopeRadio","name","checked","required","disabled","value","onCheck","form","radioProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","jsxs","jsx","Primitive","getState","composeEventHandlers","event","RadioBubbleInput","INDICATOR_NAME","RadioIndicator","forceMount","indicatorProps","context","Presence","BUBBLE_INPUT_NAME","control","bubbles","ref","prevChecked","usePrevious","controlSize","useSize","input","inputProto","setChecked","ARROW_KEYS","RADIO_GROUP_NAME","createRadioGroupContext","createRadioGroupScope","createContextScope2","createRovingFocusGroupScope","useRovingFocusGroupScope","useRadioScope","RadioGroupProvider","useRadioGroupContext","RadioGroup","React2","__scopeRadioGroup","defaultValue","valueProp","orientation","dir","loop","onValueChange","groupProps","rovingFocusGroupScope","direction","useDirection","setValue","useControllableState","jsx2","RovingFocusGroup.Root","Primitive2","ITEM_NAME","RadioGroupItem","itemProps","isDisabled","radioScope","useComposedRefs2","isArrowKeyPressedRef","handleKeyDown","handleKeyUp","RovingFocusGroup.Item","composeEventHandlers2","INDICATOR_NAME2","RadioGroupIndicator","Root2","Item2","Indicator","radioGroupStyles","tv","className","RadioGroupPrimitive.Root","radioGroupItemStyles","styles","RadioGroupPrimitive.Item","RadioGroupPrimitive.Indicator","Icon"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/components/resizable/Resizable.d.ts

@@ -0,0 +1,23 @@
+import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from 'react';
+import * as ResizablePrimitive from "react-resizable-panels";
+export declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+export declare const ResizablePanel: ForwardRefExoticComponent<Omit< HTMLAttributes<HTMLElement | HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement | HTMLButtonElement | HTMLObjectElement | HTMLMapElement | HTMLBaseElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLLinkElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLMenuElement | HTMLTableCaptionElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: ReactNode | undefined;
+} & RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+export declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/resizable/Resizable.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ResizablePanelGroup } from './Resizable';
+declare const meta: Meta<typeof ResizablePanelGroup>;
+export default meta;
+type Story = StoryObj<typeof ResizablePanelGroup>;
+export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const WithHandle: Story;

package/dist/components/resizable/index.d.ts

@@ -0,0 +1 @@
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './Resizable';

package/dist/components/resizable.d.ts

@@ -0,0 +1,2 @@
+export * from './resizable/index'
+export {}