ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/CheckboxField-i_-dPpFM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField-i_-dPpFM.js","sources":["../node_modules/lucide-react/dist/esm/icons/minus.js","../node_modules/@radix-ui/react-checkbox/dist/index.mjs","../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/checkbox-field/CheckboxField.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 Minus = createLucideIcon(\"Minus\", [[\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }]]);\n\nexport { Minus as default };\n//# sourceMappingURL=minus.js.map\n","\"use client\";\n\n// src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nfunction CheckboxProvider(props) {\n  const {\n    __scopeCheckbox,\n    checked: checkedProp,\n    children,\n    defaultChecked,\n    disabled,\n    form,\n    name,\n    onCheckedChange,\n    required,\n    value = \"on\",\n    // @ts-expect-error\n    internal_do_not_use_render\n  } = props;\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultChecked ?? false,\n    onChange: onCheckedChange,\n    caller: CHECKBOX_NAME\n  });\n  const [control, setControl] = React.useState(null);\n  const [bubbleInput, setBubbleInput] = React.useState(null);\n  const hasConsumerStoppedPropagationRef = React.useRef(false);\n  const isFormControl = control ? !!form || !!control.closest(\"form\") : (\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    true\n  );\n  const context = {\n    checked,\n    disabled,\n    setChecked,\n    control,\n    setControl,\n    name,\n    form,\n    value,\n    hasConsumerStoppedPropagationRef,\n    required,\n    defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,\n    isFormControl,\n    bubbleInput,\n    setBubbleInput\n  };\n  return /* @__PURE__ */ jsx(\n    CheckboxProviderImpl,\n    {\n      scope: __scopeCheckbox,\n      ...context,\n      children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children\n    }\n  );\n}\nvar TRIGGER_NAME = \"CheckboxTrigger\";\nvar CheckboxTrigger = React.forwardRef(\n  ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {\n    const {\n      control,\n      value,\n      disabled,\n      checked,\n      required,\n      setControl,\n      setChecked,\n      hasConsumerStoppedPropagationRef,\n      isFormControl,\n      bubbleInput\n    } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setControl);\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = control?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener(\"reset\", reset);\n        return () => form.removeEventListener(\"reset\", reset);\n      }\n    }, [control, setChecked]);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        role: \"checkbox\",\n        \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n        \"aria-required\": required,\n        \"data-state\": getState(checked),\n        \"data-disabled\": disabled ? \"\" : void 0,\n        disabled,\n        value,\n        ...checkboxProps,\n        ref: composedRefs,\n        onKeyDown: composeEventHandlers(onKeyDown, (event) => {\n          if (event.key === \"Enter\") event.preventDefault();\n        }),\n        onClick: composeEventHandlers(onClick, (event) => {\n          setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n          if (bubbleInput && isFormControl) {\n            hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n            if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n          }\n        })\n      }\n    );\n  }\n);\nCheckboxTrigger.displayName = TRIGGER_NAME;\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      value,\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    return /* @__PURE__ */ jsx(\n      CheckboxProvider,\n      {\n        __scopeCheckbox,\n        checked,\n        defaultChecked,\n        disabled,\n        required,\n        onCheckedChange,\n        name,\n        form,\n        value,\n        internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [\n          /* @__PURE__ */ jsx(\n            CheckboxTrigger,\n            {\n              ...checkboxProps,\n              ref: forwardedRef,\n              __scopeCheckbox\n            }\n          ),\n          isFormControl && /* @__PURE__ */ jsx(\n            CheckboxBubbleInput,\n            {\n              __scopeCheckbox\n            }\n          )\n        ] })\n      }\n    );\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(\n      Presence,\n      {\n        present: forceMount || isIndeterminate(context.checked) || context.checked === true,\n        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            style: { pointerEvents: \"none\", ...props.style }\n          }\n        )\n      }\n    );\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"CheckboxBubbleInput\";\nvar CheckboxBubbleInput = React.forwardRef(\n  ({ __scopeCheckbox, ...props }, forwardedRef) => {\n    const {\n      control,\n      hasConsumerStoppedPropagationRef,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      name,\n      value,\n      form,\n      bubbleInput,\n      setBubbleInput\n    } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = bubbleInput;\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      const bubbles = !hasConsumerStoppedPropagationRef.current;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        input.indeterminate = isIndeterminate(checked);\n        setChecked.call(input, isIndeterminate(checked) ? false : checked);\n        input.dispatchEvent(event);\n      }\n    }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);\n    const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n    return /* @__PURE__ */ jsx(\n      Primitive.input,\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n        required,\n        disabled,\n        name,\n        value,\n        form,\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          // We transform because the input is absolutely positioned but we have\n          // rendered it **after** the button. This pulls it back to sit on top\n          // of the button.\n          transform: \"translateX(-100%)\"\n        }\n      }\n    );\n  }\n);\nCheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction isFunction(value) {\n  return typeof value === \"function\";\n}\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  CheckboxIndicator as Indicator,\n  Checkbox as Root,\n  createCheckboxScope,\n  CheckboxBubbleInput as unstable_BubbleInput,\n  CheckboxBubbleInput as unstable_CheckboxBubbleInput,\n  CheckboxProvider as unstable_CheckboxProvider,\n  CheckboxTrigger as unstable_CheckboxTrigger,\n  CheckboxProvider as unstable_Provider,\n  CheckboxTrigger as unstable_Trigger\n};\n//# sourceMappingURL=index.mjs.map\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport { Check, Minus } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst checkboxStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"peer h-4 w-4 shrink-0 rounded-sm border border-primary-border shadow-sm\",\r\n\t\t\t\"flex items-center justify-center\",\r\n\t\t\t\"hover:border-muted hover:shadow-base\",\r\n\t\t\t\"focus-visible:border-secondary-border focus-visible:shadow-focus focus-visible:outline-none\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-sm\",\r\n\t\t\t\"data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent data-[state=checked]:text-primary-bg\",\r\n\t\t\t\"data-[state=checked]:hover:border-primary-accent-hover data-[state=checked]:hover:bg-primary-accent-hover data-[state=checked]:hover:shadow-base\",\r\n\t\t\t\"data-[state=checked]:focus-visible:shadow-focus\",\r\n\t\t\t\"data-[state=checked]:disabled:border-primary-accent data-[state=checked]:disabled:bg-primary-accent data-[state=checked]:disabled:opacity-50 data-[state=checked]:disabled:shadow-sm\",\r\n\t\t\t\"data-[state=indeterminate]:border-primary-accent data-[state=indeterminate]:bg-primary-accent data-[state=indeterminate]:text-primary-bg\",\r\n\t\t\t\"data-[state=indeterminate]:hover:border-primary-accent-hover data-[state=indeterminate]:hover:bg-primary-accent-hover data-[state=indeterminate]:hover:shadow-base\",\r\n\t\t\t\"data-[state=indeterminate]:focus-visible:shadow-focus\",\r\n\t\t\t\"data-[state=indeterminate]:disabled:border-primary-accent data-[state=indeterminate]:disabled:bg-primary-accent data-[state=indeterminate]:disabled:opacity-50 data-[state=indeterminate]:disabled:shadow-sm\"\r\n\t\t],\r\n\t\ticon: \"h-4 w-4\"\r\n\t}\r\n});\r\n\r\nexport type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\r\n\r\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst styles = checkboxStyles();\r\n\t\treturn (\r\n\t\t\t<CheckboxPrimitive.Root ref={ref} className={styles.root({ class: className })} {...props}>\r\n\t\t\t\t<CheckboxPrimitive.Indicator>\r\n\t\t\t\t\t{props.checked === \"indeterminate\" ? (\r\n\t\t\t\t\t\t<Minus className={styles.icon()} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Check className={styles.icon()} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</CheckboxPrimitive.Indicator>\r\n\t\t\t</CheckboxPrimitive.Root>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\n\r\nexport { Checkbox };\r\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport React, { useId } from \"react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\n\r\nconst checkboxFieldStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex cursor-pointer items-center space-x-2\",\r\n\t\ttextContainer: \"flex flex-col gap-1\",\r\n\t\tlabelWrapper: \"flex h-4 items-center\",\r\n\t\tlabel: \"cursor-pointer\",\r\n\t\tdescription: \"\"\r\n\t},\r\n\tvariants: {\r\n\t\toutline: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"rounded-lg p-3 px-4 outline outline-1 outline-secondary-border\"\r\n\t\t\t}\r\n\t\t},\r\n\t\talignment: {\r\n\t\t\tleft: {},\r\n\t\t\tright: {\r\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-default\",\r\n\t\t\t\ttextContainer: \"opacity-50\",\r\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\r\n\t\t\t\tdescription: \"text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tlabel: \"text-status-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\twithDescription: { true: { container: \"items-start\" } }\r\n\t},\r\n\tdefaultVariants: {\r\n\t\talignment: \"left\"\r\n\t}\r\n});\r\n\r\nexport type CheckboxFieldProps = CheckboxProps &\r\n\tOmit<VariantProps<typeof checkboxFieldStyles>, \"withDescription\"> & {\r\n\t\tlabel?: string;\r\n\t\tdescription?: string;\r\n\t};\r\n\r\nconst CheckboxField = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxFieldProps>(\r\n\t({ className, id, label, alignment, disabled, error, outline, description, ...props }, ref) => {\r\n\t\tconst {\r\n\t\t\tcontainer,\r\n\t\t\ttextContainer,\r\n\t\t\tlabel: labelStyles,\r\n\t\t\tlabelWrapper,\r\n\t\t\tdescription: descriptionStyles\r\n\t\t} = checkboxFieldStyles({ alignment, disabled, error, outline, withDescription: !!description });\r\n\r\n\t\tconst generatedId = useId();\r\n\t\tconst checkboxId = id || `checkbox-${generatedId}`;\r\n\r\n\t\treturn (\r\n\t\t\t<label htmlFor={checkboxId} className={container({ class: className })}>\r\n\t\t\t\t<Checkbox disabled={disabled} id={checkboxId} {...props} ref={ref} />\r\n\t\t\t\t{(label || description) && (\r\n\t\t\t\t\t<div className={textContainer()}>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\r\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={checkboxId} className={labelStyles()}>\r\n\t\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{description && <Description className={descriptionStyles()}>{description}</Description>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCheckboxField.displayName = \"CheckboxField\";\r\n\r\nexport { CheckboxField };\r\n"],"names":["Minus","createLucideIcon","CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProviderImpl","useCheckboxContext","CheckboxProvider","props","__scopeCheckbox","checkedProp","children","defaultChecked","disabled","form","name","onCheckedChange","required","value","internal_do_not_use_render","checked","setChecked","useControllableState","control","setControl","React","bubbleInput","setBubbleInput","hasConsumerStoppedPropagationRef","isFormControl","context","isIndeterminate","jsx","__spreadProps","__spreadValues","isFunction","TRIGGER_NAME","CheckboxTrigger","_a","forwardedRef","_b","onKeyDown","onClick","checkboxProps","__objRest","composedRefs","useComposedRefs","initialCheckedStateRef","reset","Primitive","getState","composeEventHandlers","event","prevChecked","Checkbox","jsxs","Fragment","CheckboxBubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","Presence","BUBBLE_INPUT_NAME","usePrevious","controlSize","useSize","input","inputProto","bubbles","defaultCheckedRef","checkboxStyles","tv","ref","className","styles","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","checkboxFieldStyles","CheckboxField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","descriptionStyles","generatedId","useId","checkboxId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/Divider-C0Ss5GJT.js

@@ -0,0 +1,47 @@
+var m = Object.defineProperty;
+var e = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var s = (r, o, a) => o in r ? m(r, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : r[o] = a, l = (r, o) => {
+  for (var a in o || (o = {}))
+    d.call(o, a) && s(r, a, o[a]);
+  if (e)
+    for (var a of e(o))
+      n.call(o, a) && s(r, a, o[a]);
+  return r;
+};
+var c = (r, o) => {
+  var a = {};
+  for (var t in r)
+    d.call(r, t) && o.indexOf(t) < 0 && (a[t] = r[t]);
+  if (r != null && e)
+    for (var t of e(r))
+      o.indexOf(t) < 0 && n.call(r, t) && (a[t] = r[t]);
+  return a;
+};
+import { jsx as p } from "react/jsx-runtime";
+import u from "react";
+import { c as b } from "./index-CR-odn5-.js";
+const v = b({
+  variants: {
+    orientation: {
+      horizontal: "h-px w-full bg-secondary-border",
+      vertical: "h-full w-px bg-secondary-border"
+    },
+    status: {
+      error: "bg-status-error-border"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), h = u.forwardRef(
+  (x, f) => {
+    var i = x, { className: r, status: o, orientation: a } = i, t = c(i, ["className", "status", "orientation"]);
+    return /* @__PURE__ */ p("div", l({ className: v({ orientation: a, className: r, status: o }), ref: f }, t));
+  }
+);
+h.displayName = "Divider";
+export {
+  h as D
+};
+//# sourceMappingURL=Divider-C0Ss5GJT.js.map

package/dist/{Divider-D3NvaU8c.js.map → Divider-C0Ss5GJT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-D3NvaU8c.js","sources":["../src/components/divider/Divider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst dividerVariants = tv({\r\n\tvariants: {\r\n\t\torientation: {\r\n\t\t\thorizontal: \"h-px w-full bg-secondary-border\",\r\n\t\t\tvertical: \"h-full w-px bg-secondary-border\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\terror: \"bg-status-error-border\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\torientation: \"horizontal\"\r\n\t}\r\n});\r\n\r\nexport type DividerProps = VariantProps<typeof dividerVariants> & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Divider = React.forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(\r\n\t({ className, status, orientation, ...props }, ref) => {\r\n\t\treturn <div className={dividerVariants({ orientation, className, status })} ref={ref} {...props} />;\r\n\t}\r\n);\r\n"],"names":["dividerVariants","tv","Divider","React","_a","ref","_b","className","status","orientation","props","__objRest","jsx","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,IAAkBC,EAAG;AAAA,EAC1B,UAAU;AAAA,IACT,aAAa;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEf,CAAC,GAIYC,IAAUC,EAAM;AAAA,EAC5B,CAACC,GAA8CC,MAAQ;AAAtD,QAAAC,IAAAF,GAAE,aAAAG,GAAW,QAAAC,GAAQ,aAAAC,MAArBH,GAAqCI,IAAAC,EAArCL,GAAqC,CAAnC,aAAW,UAAQ;AACrB,WAAQ,gBAAAM,EAAA,OAAAC,EAAA,EAAI,WAAWb,EAAgB,EAAE,aAAAS,GAAa,WAAAF,GAAW,QAAAC,EAAA,CAAQ,GAAG,KAAAH,KAAcK,EAAO;AAAA,EAAA;AAEnG;"}
+{"version":3,"file":"Divider-C0Ss5GJT.js","sources":["../src/components/divider/Divider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst dividerVariants = tv({\r\n\tvariants: {\r\n\t\torientation: {\r\n\t\t\thorizontal: \"h-px w-full bg-secondary-border\",\r\n\t\t\tvertical: \"h-full w-px bg-secondary-border\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\terror: \"bg-status-error-border\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\torientation: \"horizontal\"\r\n\t}\r\n});\r\n\r\nexport type DividerProps = VariantProps<typeof dividerVariants> & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Divider = React.forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(\r\n\t({ className, status, orientation, ...props }, ref) => {\r\n\t\treturn <div className={dividerVariants({ orientation, className, status })} ref={ref} {...props} />;\r\n\t}\r\n);\r\n\r\nDivider.displayName = \"Divider\";\r\n"],"names":["dividerVariants","tv","Divider","React","_a","ref","_b","className","status","orientation","props","__objRest","jsx","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,IAAkBC,EAAG;AAAA,EAC1B,UAAU;AAAA,IACT,aAAa;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEf,CAAC,GAIYC,IAAUC,EAAM;AAAA,EAC5B,CAACC,GAA8CC,MAAQ;AAAtD,QAAAC,IAAAF,GAAE,aAAAG,GAAW,QAAAC,GAAQ,aAAAC,MAArBH,GAAqCI,IAAAC,EAArCL,GAAqC,CAAnC,aAAW,UAAQ;AACrB,WAAQ,gBAAAM,EAAA,OAAAC,EAAA,EAAI,WAAWb,EAAgB,EAAE,aAAAS,GAAa,WAAAF,GAAW,QAAAC,EAAA,CAAQ,GAAG,KAAAH,KAAcK,EAAO;AAAA,EAAA;AAEnG;AAEAR,EAAQ,cAAc;"}

package/dist/Field-3XJNFTql.js

@@ -0,0 +1,78 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import * as g from "react";
+import { useId as N } from "react";
+import { c as W } from "./index-CR-odn5-.js";
+import { F as v, I as F } from "./FieldLabel-CAbVan3E.js";
+import { D as i } from "./Description-ZE34bSch.js";
+import { c as n } from "./utils-BK4mPzkB.js";
+import { c as I } from "./createLucideIcon-DgrNxRV5.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 b = I("CircleHelp", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]), D = W({
+  slots: {
+    wrapper: "flex w-full space-y-0",
+    labelWrapper: "flex items-center gap-1",
+    controlWrapper: "flex w-full flex-1 flex-col",
+    description: "text-xs",
+    error: "text-status-error"
+  },
+  variants: {
+    layout: {
+      horizontal: {
+        wrapper: "flex-row gap-4",
+        labelWrapper: "h-10 lg:h-9"
+      },
+      vertical: {
+        wrapper: "flex-col gap-2",
+        labelWrapper: "h-4"
+      }
+    },
+    showGap: {
+      true: { controlWrapper: "gap-y-2" }
+    }
+  },
+  defaultVariants: {
+    layout: "horizontal"
+  }
+}), k = g.forwardRef(
+  ({
+    title: m,
+    description: r,
+    descriptionPlacement: t = "text",
+    control: d,
+    required: f,
+    error: a,
+    className: h,
+    labelClassName: x,
+    layout: u,
+    readonly: c
+  }, w) => {
+    const s = N(), p = r && t !== "icon", y = r && t === "icon", e = D({ layout: u, showGap: !!(p || a) });
+    return /* @__PURE__ */ l("div", { ref: w, className: e.wrapper({ className: h }), children: [
+      /* @__PURE__ */ l("div", { className: e.labelWrapper({ className: x }), children: [
+        /* @__PURE__ */ o(v, { required: !c && f, htmlFor: s, children: m }),
+        y && /* @__PURE__ */ o(F, { content: r, icon: b })
+      ] }),
+      /* @__PURE__ */ l("div", { className: e.controlWrapper(), children: [
+        d({ readonly: c, id: s, error: a }),
+        /* @__PURE__ */ l("div", { children: [
+          p && /* @__PURE__ */ o(i, { className: n(e.description()), children: r }),
+          a && /* @__PURE__ */ o(i, { className: n(e.description(), e.error()), children: a })
+        ] })
+      ] })
+    ] });
+  }
+);
+k.displayName = "Field";
+export {
+  k as F
+};
+//# sourceMappingURL=Field-3XJNFTql.js.map

package/dist/Field-3XJNFTql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-3XJNFTql.js","sources":["../node_modules/lucide-react/dist/esm/icons/circle-help.js","../src/components/field/Field.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 CircleHelp = createLucideIcon(\"CircleHelp\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { CircleHelp as default };\n//# sourceMappingURL=circle-help.js.map\n","import * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\nimport { CircleHelp } from \"lucide-react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { IconTooltip } from \"@/components/icon-tooltip/IconTooltip\";\r\nimport { useId } from \"react\";\r\n\r\nconst fieldStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"flex w-full space-y-0\",\r\n\t\tlabelWrapper: \"flex items-center gap-1\",\r\n\t\tcontrolWrapper: \"flex w-full flex-1 flex-col\",\r\n\t\tdescription: \"text-xs\",\r\n\t\terror: \"text-status-error\"\r\n\t},\r\n\tvariants: {\r\n\t\tlayout: {\r\n\t\t\thorizontal: {\r\n\t\t\t\twrapper: \"flex-row gap-4\",\r\n\t\t\t\tlabelWrapper: \"h-10 lg:h-9\"\r\n\t\t\t},\r\n\t\t\tvertical: {\r\n\t\t\t\twrapper: \"flex-col gap-2\",\r\n\t\t\t\tlabelWrapper: \"h-4\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tshowGap: {\r\n\t\t\ttrue: { controlWrapper: \"gap-y-2\" }\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tlayout: \"horizontal\"\r\n\t}\r\n});\r\n\r\ntype DescriptionPlacement = \"text\" | \"icon\";\r\n\r\ntype ControlProps = {\r\n\t/** Режим только для чтения */\r\n\treadonly?: boolean;\r\n\t/** Идентификатор элемента. Используется для связи лейбла с элементом управления */\r\n\tid?: string;\r\n\t/** Текст сообщения об ошибке. При наличии делает поле невалидным */\r\n\terror?: string;\r\n};\r\n\r\nexport interface FieldProps extends VariantProps<typeof fieldStyles> {\r\n\t/** Заголовок поля */\r\n\ttitle: string;\r\n\t/** Описание поля */\r\n\tdescription?: string;\r\n\t/** Режим только для чтения */\r\n\treadonly?: boolean;\r\n\t/** Расположение описания */\r\n\tdescriptionPlacement?: DescriptionPlacement;\r\n\t/** Функция рендеринга контрола */\r\n\tcontrol: (props: ControlProps) => React.ReactNode;\r\n\t/** Обязательное поле */\r\n\trequired?: boolean;\r\n\t/** Текст ошибки */\r\n\terror?: string;\r\n\t/** Дополнительные классы для контейнера */\r\n\tclassName?: string;\r\n\t/** Дополнительные классы для лейбла */\r\n\tlabelClassName?: string;\r\n}\r\n\r\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\ttitle,\r\n\t\t\tdescription,\r\n\t\t\tdescriptionPlacement = \"text\",\r\n\t\t\tcontrol,\r\n\t\t\trequired,\r\n\t\t\terror,\r\n\t\t\tclassName,\r\n\t\t\tlabelClassName,\r\n\t\t\tlayout,\r\n\t\t\treadonly\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst generatedId = useId();\r\n\t\tconst showTextDescription = description && descriptionPlacement !== \"icon\";\r\n\t\tconst showIconDescription = description && descriptionPlacement === \"icon\";\r\n\r\n\t\tconst styles = fieldStyles({ layout, showGap: !!(showTextDescription || error) });\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={styles.wrapper({ className })}>\r\n\t\t\t\t<div className={styles.labelWrapper({ className: labelClassName })}>\r\n\t\t\t\t\t<FieldLabel required={!readonly && required} htmlFor={generatedId}>\r\n\t\t\t\t\t\t{title}\r\n\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t{showIconDescription && <IconTooltip content={description} icon={CircleHelp} />}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className={styles.controlWrapper()}>\r\n\t\t\t\t\t{control({ readonly, id: generatedId, error })}\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t{showTextDescription && (\r\n\t\t\t\t\t\t\t<Description className={cn(styles.description())} children={description} />\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{error && <Description className={cn(styles.description(), styles.error())} children={error} />}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nField.displayName = \"Field\";\r\n"],"names":["CircleHelp","createLucideIcon","fieldStyles","tv","Field","React","title","description","descriptionPlacement","control","required","error","className","labelClassName","layout","readonly","ref","generatedId","useId","showTextDescription","showIconDescription","styles","jsxs","jsx","FieldLabel","IconTooltip","Description","cn"],"mappings":";;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAaC,EAAiB,cAAc;AAAA,EAChD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,UAAU;AAAA,EACzD,CAAC,QAAQ,EAAE,GAAG,wCAAwC,KAAK,SAAQ,CAAE;AAAA,EACrE,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAU,CAAA;AAC7C,CAAC,GCJKC,IAAcC,EAAG;AAAA,EACtB,OAAO;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,OAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,YAAY;AAAA,QACX,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MACA,UAAU;AAAA,QACT,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,SAAS;AAAA,MACR,MAAM,EAAE,gBAAgB,UAAU;AAAA,IAAA;AAAA,EAEpC;AAAA,EACA,iBAAiB;AAAA,IAChB,QAAQ;AAAA,EAAA;AAEV,CAAC,GAkCYC,IAAQC,EAAM;AAAA,EAC1B,CACC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,KAEDC,MACI;AACJ,UAAMC,IAAcC,EAAM,GACpBC,IAAsBZ,KAAeC,MAAyB,QAC9DY,IAAsBb,KAAeC,MAAyB,QAE9Da,IAASnB,EAAY,EAAE,QAAAY,GAAQ,SAAS,CAAC,EAAEK,KAAuBR,IAAQ;AAG/E,WAAA,gBAAAW,EAAC,SAAI,KAAAN,GAAU,WAAWK,EAAO,QAAQ,EAAE,WAAAT,GAAW,GACrD,UAAA;AAAA,MAAC,gBAAAU,EAAA,OAAA,EAAI,WAAWD,EAAO,aAAa,EAAE,WAAWR,GAAgB,GAChE,UAAA;AAAA,QAAA,gBAAAU,EAACC,KAAW,UAAU,CAACT,KAAYL,GAAU,SAASO,GACpD,UACFX,GAAA;AAAA,QACCc,KAAwB,gBAAAG,EAAAE,GAAA,EAAY,SAASlB,GAAa,MAAMP,EAAY,CAAA;AAAA,MAAA,GAC9E;AAAA,MAEC,gBAAAsB,EAAA,OAAA,EAAI,WAAWD,EAAO,eACrB,GAAA,UAAA;AAAA,QAAAZ,EAAQ,EAAE,UAAAM,GAAU,IAAIE,GAAa,OAAAN,GAAO;AAAA,0BAC5C,OACC,EAAA,UAAA;AAAA,UACAQ,KAAA,gBAAAI,EAACG,KAAY,WAAWC,EAAGN,EAAO,YAAa,CAAA,GAAG,UAAUd,EAAa,CAAA;AAAA,UAEzEI,KAAS,gBAAAY,EAACG,GAAY,EAAA,WAAWC,EAAGN,EAAO,YAAY,GAAGA,EAAO,MAAO,CAAA,GAAG,UAAUV,EAAO,CAAA;AAAA,QAAA,EAC9F,CAAA;AAAA,MAAA,EACD,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAGH;AAEAP,EAAM,cAAc;","x_google_ignoreList":[0]}

package/dist/FieldLabel-CAbVan3E.js

@@ -0,0 +1,97 @@
+var v = Object.defineProperty, I = Object.defineProperties;
+var q = Object.getOwnPropertyDescriptors;
+var i = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var u = (e, a, t) => a in e ? v(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, l = (e, a) => {
+  for (var t in a || (a = {}))
+    p.call(a, t) && u(e, t, a[t]);
+  if (i)
+    for (var t of i(a))
+      b.call(a, t) && u(e, t, a[t]);
+  return e;
+}, n = (e, a) => I(e, q(a));
+var d = (e, a) => {
+  var t = {};
+  for (var r in e)
+    p.call(e, r) && a.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && i)
+    for (var r of i(e))
+      a.indexOf(r) < 0 && b.call(e, r) && (t[r] = e[r]);
+  return t;
+};
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import * as w from "react";
+import P from "react";
+import { P as S } from "./index-B6K06mzp.js";
+import { c } from "./index-CR-odn5-.js";
+import { I as g } from "./Icon-CSPBHL_x.js";
+import { a as j, T as z, b as D, c as F } from "./Tooltip-C4BbGF2_.js";
+var C = "Label", x = w.forwardRef((e, a) => /* @__PURE__ */ o(
+  S.label,
+  n(l({}, e), {
+    ref: a,
+    onMouseDown: (t) => {
+      var s;
+      t.target.closest("button, input, select, textarea") || ((s = e.onMouseDown) == null || s.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+    }
+  })
+));
+x.displayName = C;
+var N = x;
+const V = c({
+  base: "text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+}), y = w.forwardRef((r, t) => {
+  var s = r, { className: e } = s, a = d(s, ["className"]);
+  return /* @__PURE__ */ o(N, l({ ref: t, className: V({ className: e }) }, a));
+});
+y.displayName = N.displayName;
+const _ = ({ content: e, icon: a, className: t, iconSize: r = "sm" }) => /* @__PURE__ */ o(j, { children: /* @__PURE__ */ h(z, { children: [
+  /* @__PURE__ */ o(D, { asChild: !0, children: /* @__PURE__ */ o("span", { className: t, children: /* @__PURE__ */ o(g, { size: r, icon: a }) }) }),
+  /* @__PURE__ */ o(F, { children: e })
+] }) }), A = c({
+  base: "stroke-status-error"
+});
+function B({ className: e }) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      className: A({ className: e }),
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M12.0001 3V21M20 7.5L4 16.5M4 7.5L20 16.5",
+          "stroke-width": "3",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    }
+  );
+}
+const E = c({
+  slots: {
+    base: "flex h-4 items-center gap-x-0.5 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    requiredMark: "mt-0.5 h-2 w-2 self-start",
+    icon: "ml-0.5 text-muted"
+  }
+}), $ = P.forwardRef((G, R) => {
+  var m = G, { className: e, children: a, htmlFor: t, icon: r, tooltip: s, required: L } = m, M = d(m, ["className", "children", "htmlFor", "icon", "tooltip", "required"]);
+  const { base: T, requiredMark: k, icon: f } = E();
+  return /* @__PURE__ */ h(y, n(l({ ref: R, className: T({ className: e }), htmlFor: t }, M), { children: [
+    a,
+    L && /* @__PURE__ */ o(B, { className: k() }),
+    r && (s ? /* @__PURE__ */ o(_, { content: s, iconSize: "md", icon: r, className: f() }) : /* @__PURE__ */ o(g, { size: "md", icon: r, className: f() }))
+  ] }));
+});
+$.displayName = "FieldLabel";
+export {
+  $ as F,
+  _ as I,
+  y as L
+};
+//# sourceMappingURL=FieldLabel-CAbVan3E.js.map

package/dist/FieldLabel-CAbVan3E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel-CAbVan3E.js","sources":["../node_modules/@radix-ui/react-label/dist/index.mjs","../src/components/label/Label.tsx","../src/components/icon-tooltip/IconTooltip.tsx","../src/components/label/field-label/components/RequiredIcon.tsx","../src/components/label/field-label/FieldLabel.tsx"],"sourcesContent":["\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from \"@radix-ui/react-label\";\r\nimport * as React from \"react\";\r\n\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst labelStyles = tv({\r\n\tbase: \"text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\r\n});\r\n\r\nconst Label = React.forwardRef<\r\n\tReact.ElementRef<typeof LabelPrimitive.Root>,\r\n\tReact.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelStyles>\r\n>(({ className, ...props }, ref) => (\r\n\t<LabelPrimitive.Root ref={ref} className={labelStyles({ className })} {...props} />\r\n));\r\nLabel.displayName = LabelPrimitive.Root.displayName;\r\n\r\nexport { Label };\r\n","import * as React from \"react\";\r\nimport { Icon } from \"@/components/icon/Icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip/Tooltip\";\r\n\r\ninterface IconTooltipProps {\r\n\tcontent: React.ReactNode;\r\n\ticon: LucideIcon;\r\n\ticonSize?: \"sm\" | \"md\" | \"lg\";\r\n\tclassName?: string;\r\n}\r\n\r\nexport const IconTooltip = ({ content, icon, className, iconSize = \"sm\" }: IconTooltipProps) => {\r\n\treturn (\r\n\t\t<TooltipProvider>\r\n\t\t\t<Tooltip>\r\n\t\t\t\t<TooltipTrigger asChild>\r\n\t\t\t\t\t<span className={className}>\r\n\t\t\t\t\t\t<Icon size={iconSize} icon={icon} />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</TooltipTrigger>\r\n\t\t\t\t<TooltipContent>{content}</TooltipContent>\r\n\t\t\t</Tooltip>\r\n\t\t</TooltipProvider>\r\n\t);\r\n};\r\n","import { tv } from \"tailwind-variants\";\r\n\r\nconst requiredIconStyles = tv({\r\n\tbase: \"stroke-status-error\"\r\n});\r\n\r\ninterface RequiredIconProps {\r\n\tclassName?: string;\r\n}\r\n\r\nexport function RequiredIcon({ className }: RequiredIconProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tclassName={requiredIconStyles({ className })}\r\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\twidth=\"24\"\r\n\t\t\theight=\"24\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12.0001 3V21M20 7.5L4 16.5M4 7.5L20 16.5\"\r\n\t\t\t\tstroke-width=\"3\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n","import React from \"react\";\r\nimport { Label } from \"../Label\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { IconTooltip } from \"@/components/icon-tooltip/IconTooltip\";\r\nimport { RequiredIcon } from \"./components/RequiredIcon\";\r\n\r\nconst fieldLabelVariants = tv({\r\n\tslots: {\r\n\t\tbase: \"flex h-4 items-center gap-x-0.5 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\r\n\t\trequiredMark: \"mt-0.5 h-2 w-2 self-start\",\r\n\t\ticon: \"ml-0.5 text-muted\"\r\n\t}\r\n});\r\n\r\ninterface FieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {\r\n\tclassName?: string;\r\n\trequired?: boolean;\r\n\ticon?: LucideIcon;\r\n\ttooltip?: string;\r\n}\r\n\r\nexport const FieldLabel = React.forwardRef<\r\n\tReact.ElementRef<typeof Label>,\r\n\tFieldLabelProps & VariantProps<typeof fieldLabelVariants>\r\n>(({ className, children, htmlFor, icon, tooltip, required, ...props }, ref) => {\r\n\tconst { base, requiredMark, icon: iconStyles } = fieldLabelVariants();\r\n\r\n\treturn (\r\n\t\t<Label ref={ref} className={base({ className })} htmlFor={htmlFor} {...props}>\r\n\t\t\t{children}\r\n\t\t\t{required && <RequiredIcon className={requiredMark()} />}\r\n\t\t\t{icon &&\r\n\t\t\t\t(tooltip ? (\r\n\t\t\t\t\t<IconTooltip content={tooltip} iconSize=\"md\" icon={icon} className={iconStyles()} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<Icon size=\"md\" icon={icon} className={iconStyles()} />\r\n\t\t\t\t))}\r\n\t\t</Label>\r\n\t);\r\n});\r\n\r\nFieldLabel.displayName = \"FieldLabel\";\r\n"],"names":["NAME","Label","React","props","forwardedRef","jsx","Primitive","__spreadProps","__spreadValues","event","_a","Root","labelStyles","tv","ref","_b","className","__objRest","LabelPrimitive.Root","IconTooltip","content","icon","iconSize","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Icon","TooltipContent","requiredIconStyles","RequiredIcon","fieldLabelVariants","FieldLabel","children","htmlFor","tooltip","required","base","requiredMark","iconStyles"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/FormBody-4HptEjhb.js

@@ -0,0 +1,103 @@
+var b = Object.defineProperty, h = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var y = (r, s, e) => s in r ? b(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e, n = (r, s) => {
+  for (var e in s || (s = {}))
+    x.call(s, e) && y(r, e, s[e]);
+  if (f)
+    for (var e of f(s))
+      F.call(s, e) && y(r, e, s[e]);
+  return r;
+}, g = (r, s) => h(r, w(s));
+var c = (r, s) => {
+  var e = {};
+  for (var t in r)
+    x.call(r, t) && s.indexOf(t) < 0 && (e[t] = r[t]);
+  if (r != null && f)
+    for (var t of f(r))
+      s.indexOf(t) < 0 && F.call(r, t) && (e[t] = r[t]);
+  return e;
+};
+import { jsx as o, Fragment as u, jsxs as v } from "react/jsx-runtime";
+import m from "react";
+import { c as i } from "./index-CR-odn5-.js";
+import { D as S } from "./Divider-C0Ss5GJT.js";
+import { S as R } from "./ScrollShadowContainer-ByNH68Kg.js";
+const D = i({
+  base: "relative mb-5 flex-shrink-0 px-4 pt-4 lg:px-6 lg:pt-6"
+}), k = m.forwardRef(
+  (a, t) => {
+    var l = a, { className: r, children: s } = l, e = c(l, ["className", "children"]);
+    return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", g(n({ ref: t, className: D({ class: r }) }, e), { children: s })) });
+  }
+);
+k.displayName = "FormHeader";
+const B = i({
+  base: "font-sans text-xl font-semibold tracking-tight text-primary-fg"
+}), C = m.forwardRef(
+  (t, e) => {
+    var a = t, { className: r } = a, s = c(a, ["className"]);
+    return /* @__PURE__ */ o("h2", n({ ref: e, className: B({ class: r }) }, s));
+  }
+);
+C.displayName = "FormTitle";
+const H = i({
+  base: "font-sans text-sm font-normal tracking-tight text-muted"
+}), T = m.forwardRef(
+  (t, e) => {
+    var a = t, { className: r } = a, s = c(a, ["className"]);
+    return /* @__PURE__ */ o("div", n({ ref: e, className: H({ class: r }) }, s));
+  }
+);
+T.displayName = "FormDescription";
+const j = i({
+  slots: {
+    container: "mt-4 flex-shrink-0 lg:mt-5",
+    content: "gap-2 px-4 pb-4 lg:px-6 lg:pb-6"
+  }
+}), _ = m.forwardRef(
+  (a, t) => {
+    var l = a, { className: r, children: s } = l, e = c(l, ["className", "children"]);
+    const { container: p, content: d } = j();
+    return /* @__PURE__ */ o("div", { className: p(), children: /* @__PURE__ */ o("div", g(n({ ref: t, className: d({ class: r }) }, e), { children: s })) });
+  }
+);
+_.displayName = "FormFooter";
+const I = i({
+  slots: {
+    // Грид с 1 ячейкой задается, чтобы корректно отображался скролл
+    wrapper: "grid grid-cols-1 grid-rows-1",
+    content: "px-4 py-4 lg:px-6 lg:py-5"
+  }
+}), q = m.forwardRef(
+  (a, t) => {
+    var l = a, { className: r, children: s } = l, e = c(l, ["className", "children"]);
+    const p = I(), [d, N] = m.useState(!1);
+    return /* @__PURE__ */ v(
+      R,
+      g(n({
+        wrapperClassName: p.wrapper()
+      }, e), {
+        ref: t,
+        onScrollStateChange: N,
+        children: [
+          d && /* @__PURE__ */ o(S, {}),
+          /* @__PURE__ */ o("div", { className: p.content({ className: r }), children: s }),
+          d && /* @__PURE__ */ o(S, {})
+        ]
+      })
+    );
+  }
+);
+q.displayName = "FormBody";
+export {
+  k as F,
+  q as a,
+  _ as b,
+  B as c,
+  T as d,
+  C as e,
+  H as f
+};
+//# sourceMappingURL=FormBody-4HptEjhb.js.map

package/dist/FormBody-4HptEjhb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBody-4HptEjhb.js","sources":["../src/components/form/components/form-header/FormHeader.tsx","../src/components/form/components/form-footer/FormFooter.tsx","../src/components/form/components/form-body/FormBody.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst formHeaderStyles = tv({\r\n\tbase: \"relative mb-5 flex-shrink-0 px-4 pt-4 lg:px-6 lg:pt-6\"\r\n});\r\n\r\ntype FormHeaderProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const FormHeader = React.forwardRef<HTMLDivElement, FormHeaderProps>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<div ref={ref} className={formHeaderStyles({ class: className })} {...props}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</div>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormHeader.displayName = \"FormHeader\";\r\n\r\nexport const formTitleStyles = tv({\r\n\tbase: \"font-sans text-xl font-semibold tracking-tight text-primary-fg\"\r\n});\r\n\r\nexport const FormTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\r\n\t({ className, ...props }, ref) => {\r\n\t\treturn <h2 ref={ref} className={formTitleStyles({ class: className })} {...props} />;\r\n\t}\r\n);\r\n\r\nFormTitle.displayName = \"FormTitle\";\r\n\r\nexport const formDescriptionStyles = tv({\r\n\tbase: \"font-sans text-sm font-normal tracking-tight text-muted\"\r\n});\r\n\r\nexport const FormDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n\t({ className, ...props }, ref) => {\r\n\t\treturn <div ref={ref} className={formDescriptionStyles({ class: className })} {...props} />;\r\n\t}\r\n);\r\n\r\nFormDescription.displayName = \"FormDescription\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst formFooterStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"mt-4 flex-shrink-0 lg:mt-5\",\r\n\t\tcontent: \"gap-2 px-4 pb-4 lg:px-6 lg:pb-6\"\r\n\t}\r\n});\r\n\r\nexport const FormFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\tconst { container, content } = formFooterStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<div className={container()}>\r\n\t\t\t\t<div ref={ref} className={content({ class: className })} {...props}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormFooter.displayName = \"FormFooter\";\r\n","import { Divider } from \"@/components/divider\";\r\nimport { ScrollShadowContainer } from \"@/components/scroll-shadow-container/ScrollShadowContainer\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst formBodyStyles = tv({\r\n\tslots: {\r\n\t\t// Грид с 1 ячейкой задается, чтобы корректно отображался скролл\r\n\t\twrapper: \"grid grid-cols-1 grid-rows-1\",\r\n\t\tcontent: \"px-4 py-4 lg:px-6 lg:py-5\"\r\n\t}\r\n});\r\n\r\nexport const FormBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\tconst styles = formBodyStyles();\r\n\t\tconst [isScrollable, setIsScrollable] = React.useState(false);\r\n\r\n\t\treturn (\r\n\t\t\t<ScrollShadowContainer\r\n\t\t\t\twrapperClassName={styles.wrapper()}\r\n\t\t\t\t{...props}\r\n\t\t\t\tref={ref}\r\n\t\t\t\tonScrollStateChange={setIsScrollable}\r\n\t\t\t>\r\n\t\t\t\t{isScrollable && <Divider />}\r\n\t\t\t\t<div className={styles.content({ className })}>{children}</div>\r\n\t\t\t\t{isScrollable && <Divider />}\r\n\t\t\t</ScrollShadowContainer>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormBody.displayName = \"FormBody\";\r\n"],"names":["formHeaderStyles","tv","FormHeader","React","_a","ref","_b","className","children","props","__objRest","jsx","Fragment","__spreadProps","__spreadValues","formTitleStyles","FormTitle","formDescriptionStyles","FormDescription","formFooterStyles","FormFooter","container","content","formBodyStyles","FormBody","styles","isScrollable","setIsScrollable","jsxs","ScrollShadowContainer","Divider"],"mappings":"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"}

package/dist/{IconButton-BUPs2kEo.js → IconButton-BkBsOIf5.js}

@@ -2,27 +2,27 @@ var I = Object.defineProperty, h = Object.defineProperties;
 var w = Object.getOwnPropertyDescriptors;
 var s = Object.getOwnPropertySymbols;
 var e = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
-var c = (o, t, a) => t in o ? I(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a, m = (o, t) => {
-  for (var a in t || (t = {}))
-    e.call(t, a) && c(o, a, t[a]);
+var c = (o, t, n) => t in o ? I(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n, m = (o, t) => {
+  for (var n in t || (t = {}))
+    e.call(t, n) && c(o, n, t[n]);
   if (s)
-    for (var a of s(t))
-      i.call(t, a) && c(o, a, t[a]);
+    for (var n of s(t))
+      i.call(t, n) && c(o, n, t[n]);
   return o;
 }, p = (o, t) => h(o, w(t));
 var l = (o, t) => {
-  var a = {};
-  for (var n in o)
-    e.call(o, n) && t.indexOf(n) < 0 && (a[n] = o[n]);
+  var n = {};
+  for (var a in o)
+    e.call(o, a) && t.indexOf(a) < 0 && (n[a] = o[a]);
   if (o != null && s)
-    for (var n of s(o))
-      t.indexOf(n) < 0 && i.call(o, n) && (a[n] = o[n]);
-  return a;
+    for (var a of s(o))
+      t.indexOf(a) < 0 && i.call(o, a) && (n[a] = o[a]);
+  return n;
 };
 import { jsx as f } from "react/jsx-runtime";
 import N from "react";
 import { c as k } from "./index-CR-odn5-.js";
-import { a as R } from "./Button-DhfE69q0.js";
+import { B as R } from "./ButtonBase-BEM8SNmT.js";
 import { I as V } from "./Icon-CSPBHL_x.js";
 const _ = k({
   slots: {
@@ -43,13 +43,13 @@ const _ = k({
   }
 }), g = N.forwardRef(
   (j, d) => {
-    var r = j, { icon: o, size: t, className: a, iconClassName: n } = r, u = l(r, ["icon", "size", "className", "iconClassName"]);
+    var r = j, { icon: o, size: t, className: n, iconClassName: a } = r, u = l(r, ["icon", "size", "className", "iconClassName"]);
     const { container: x, icon: B } = _({ size: t });
-    return /* @__PURE__ */ f(R, p(m({ className: x({ class: a }), size: t, ref: d }, u), { children: /* @__PURE__ */ f(V, { className: B({ size: t, className: n }), icon: o }) }));
+    return /* @__PURE__ */ f(R, p(m({ className: x({ class: n }), size: t, ref: d }, u), { children: /* @__PURE__ */ f(V, { className: B({ size: t, className: a }), icon: o }) }));
   }
 );
 g.displayName = "IconButton";
 export {
   g as I
 };
-//# sourceMappingURL=IconButton-BUPs2kEo.js.map
+//# sourceMappingURL=IconButton-BkBsOIf5.js.map

package/dist/{IconButton-BUPs2kEo.js.map → IconButton-BkBsOIf5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-BUPs2kEo.js","sources":["../src/components/button/icon-button/IconButton.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\r\nimport { Icon } from \"@/components/icon/Icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\n\r\nconst iconButtonVariants = tv({\r\n\tslots: {\r\n\t\tcontainer: \"aspect-square\",\r\n\t\ticon: \"h-4 w-4 stroke-[1.5px]\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: { container: \"p-1.5\", icon: \"h-3 w-3 stroke-[1px]\" },\r\n\t\t\tsm: { container: \"p-2\", icon: \"h-3.5 w-3.5 stroke-[1.25px]\" },\r\n\t\t\tmd: { container: \"p-2.5\" },\r\n\t\t\tlg: { container: \"p-3\" },\r\n\t\t\txl: { container: \"p-3.5\" }\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type IconButtonProps = ButtonBaseProps &\r\n\tVariantProps<typeof iconButtonVariants> & {\r\n\t\ticon: LucideIcon;\r\n\t\ticonClassName?: string;\r\n\t};\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, PropsWithChildren<IconButtonProps>>(\r\n\t({ icon, size, className, iconClassName, ...props }, ref) => {\r\n\t\tconst { container, icon: iconClass } = iconButtonVariants({ size });\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase className={container({ class: className })} size={size} ref={ref} {...props}>\r\n\t\t\t\t<Icon className={iconClass({ size, className: iconClassName })} icon={icon} />\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nIconButton.displayName = \"IconButton\";\r\n"],"names":["iconButtonVariants","tv","IconButton","React","_a","ref","_b","icon","size","className","iconClassName","props","__objRest","container","iconClass","jsx","ButtonBase","__spreadProps","__spreadValues","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAqBC,EAAG;AAAA,EAC7B,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,WAAW,SAAS,MAAM,uBAAuB;AAAA,MACvD,IAAI,EAAE,WAAW,OAAO,MAAM,8BAA8B;AAAA,MAC5D,IAAI,EAAE,WAAW,QAAQ;AAAA,MACzB,IAAI,EAAE,WAAW,MAAM;AAAA,MACvB,IAAI,EAAE,WAAW,QAAQ;AAAA,IAAA;AAAA,EAE3B;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAQYC,IAAaC,EAAM;AAAA,EAC/B,CAACC,GAAoDC,MAAQ;AAA5D,QAAAC,IAAAF,GAAE,QAAAG,GAAM,MAAAC,GAAM,WAAAC,GAAW,eAAAC,MAAzBJ,GAA2CK,IAAAC,EAA3CN,GAA2C,CAAzC,QAAM,QAAM,aAAW;AACnB,UAAA,EAAE,WAAAO,GAAW,MAAMC,MAAcd,EAAmB,EAAE,MAAAQ,GAAM;AAGjE,WAAA,gBAAAO,EAACC,GAAWC,EAAAC,EAAA,EAAA,WAAWL,EAAU,EAAE,OAAOJ,GAAW,GAAG,MAAAD,GAAY,KAAAH,KAAcM,IAAtE,EACX,UAAC,gBAAAI,EAAAI,GAAA,EAAK,WAAWL,EAAU,EAAE,MAAAN,GAAM,WAAWE,EAAe,CAAA,GAAG,MAAAH,EAAA,CAAY,EAC7E,EAAA;AAAA,EAAA;AAGH;AAEAL,EAAW,cAAc;"}
+{"version":3,"file":"IconButton-BkBsOIf5.js","sources":["../src/components/button/icon-button/IconButton.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\r\nimport { Icon } from \"@/components/icon/Icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\n\r\nconst iconButtonVariants = tv({\r\n\tslots: {\r\n\t\tcontainer: \"aspect-square\",\r\n\t\ticon: \"h-4 w-4 stroke-[1.5px]\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: { container: \"p-1.5\", icon: \"h-3 w-3 stroke-[1px]\" },\r\n\t\t\tsm: { container: \"p-2\", icon: \"h-3.5 w-3.5 stroke-[1.25px]\" },\r\n\t\t\tmd: { container: \"p-2.5\" },\r\n\t\t\tlg: { container: \"p-3\" },\r\n\t\t\txl: { container: \"p-3.5\" }\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type IconButtonProps = ButtonBaseProps &\r\n\tVariantProps<typeof iconButtonVariants> & {\r\n\t\ticon: LucideIcon;\r\n\t\ticonClassName?: string;\r\n\t};\r\n\r\nexport const IconButton = React.forwardRef<HTMLButtonElement, PropsWithChildren<IconButtonProps>>(\r\n\t({ icon, size, className, iconClassName, ...props }, ref) => {\r\n\t\tconst { container, icon: iconClass } = iconButtonVariants({ size });\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase className={container({ class: className })} size={size} ref={ref} {...props}>\r\n\t\t\t\t<Icon className={iconClass({ size, className: iconClassName })} icon={icon} />\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nIconButton.displayName = \"IconButton\";\r\n"],"names":["iconButtonVariants","tv","IconButton","React","_a","ref","_b","icon","size","className","iconClassName","props","__objRest","container","iconClass","jsx","ButtonBase","__spreadProps","__spreadValues","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAqBC,EAAG;AAAA,EAC7B,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,WAAW,SAAS,MAAM,uBAAuB;AAAA,MACvD,IAAI,EAAE,WAAW,OAAO,MAAM,8BAA8B;AAAA,MAC5D,IAAI,EAAE,WAAW,QAAQ;AAAA,MACzB,IAAI,EAAE,WAAW,MAAM;AAAA,MACvB,IAAI,EAAE,WAAW,QAAQ;AAAA,IAAA;AAAA,EAE3B;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAQYC,IAAaC,EAAM;AAAA,EAC/B,CAACC,GAAoDC,MAAQ;AAA5D,QAAAC,IAAAF,GAAE,QAAAG,GAAM,MAAAC,GAAM,WAAAC,GAAW,eAAAC,MAAzBJ,GAA2CK,IAAAC,EAA3CN,GAA2C,CAAzC,QAAM,QAAM,aAAW;AACnB,UAAA,EAAE,WAAAO,GAAW,MAAMC,MAAcd,EAAmB,EAAE,MAAAQ,GAAM;AAGjE,WAAA,gBAAAO,EAACC,GAAWC,EAAAC,EAAA,EAAA,WAAWL,EAAU,EAAE,OAAOJ,GAAW,GAAG,MAAAD,GAAY,KAAAH,KAAcM,IAAtE,EACX,UAAC,gBAAAI,EAAAI,GAAA,EAAK,WAAWL,EAAU,EAAE,MAAAN,GAAM,WAAWE,EAAe,CAAA,GAAG,MAAAH,EAAA,CAAY,EAC7E,EAAA;AAAA,EAAA;AAGH;AAEAL,EAAW,cAAc;"}

package/dist/ImagePlaceholder-CNAKQWTh.js

@@ -0,0 +1,45 @@
+var i = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+var d = (e, a, r) => a in e ? i(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r, c = (e, a) => {
+  for (var r in a || (a = {}))
+    l.call(a, r) && d(e, r, a[r]);
+  if (o)
+    for (var r of o(a))
+      t.call(a, r) && d(e, r, a[r]);
+  return e;
+};
+var h = (e, a) => {
+  var r = {};
+  for (var m in e)
+    l.call(e, m) && a.indexOf(m) < 0 && (r[m] = e[m]);
+  if (e != null && o)
+    for (var m of o(e))
+      a.indexOf(m) < 0 && t.call(e, m) && (r[m] = e[m]);
+  return r;
+};
+import { jsx as p } from "react/jsx-runtime";
+import f from "react";
+import { c as w } from "./index-CR-odn5-.js";
+const b = w({
+  base: "aspect-square rounded-xl border border-dashed border-primary-border",
+  variants: {
+    size: {
+      xs: "h-[3.75rem] w-[3.75rem]",
+      sm: "h-20 w-20",
+      md: "h-[7.5rem] w-[7.5rem]",
+      lg: "h-[11.5rem] w-[11.5rem]",
+      xl: "h-96 w-96"
+    }
+  }
+}), n = f.forwardRef(
+  (x, m) => {
+    var s = x, { className: e, size: a } = s, r = h(s, ["className", "size"]);
+    return /* @__PURE__ */ p("div", c({ ref: m, className: b({ className: e, size: a }) }, r));
+  }
+);
+n.displayName = "ImagePlaceholder";
+export {
+  n as I
+};
+//# sourceMappingURL=ImagePlaceholder-CNAKQWTh.js.map

package/dist/ImagePlaceholder-CNAKQWTh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePlaceholder-CNAKQWTh.js","sources":["../src/components/image-placeholder/ImagePlaceholder.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst imagePlaceholderStyles = tv({\r\n\tbase: \"aspect-square rounded-xl border border-dashed border-primary-border\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: \"h-[3.75rem] w-[3.75rem]\",\r\n\t\t\tsm: \"h-20 w-20\",\r\n\t\t\tmd: \"h-[7.5rem] w-[7.5rem]\",\r\n\t\t\tlg: \"h-[11.5rem] w-[11.5rem]\",\r\n\t\t\txl: \"h-96 w-96\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ImagePlaceholderProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof imagePlaceholderStyles>;\r\n\r\nexport const ImagePlaceholder = React.forwardRef<HTMLDivElement, ImagePlaceholderProps>(\r\n\t({ className, size, ...props }, ref) => {\r\n\t\treturn <div ref={ref} className={imagePlaceholderStyles({ className, size })} {...props} />;\r\n\t}\r\n);\r\n\r\nImagePlaceholder.displayName = \"ImagePlaceholder\";\r\n"],"names":["imagePlaceholderStyles","tv","ImagePlaceholder","React","_a","ref","_b","className","size","props","__objRest","jsx","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,IAAyBC,EAAG;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACL;AAEF,CAAC,GAIYC,IAAmBC,EAAM;AAAA,EACrC,CAACC,GAA+BC,MAAQ;AAAvC,QAAAC,IAAAF,GAAE,aAAAG,GAAW,MAAAC,MAAbF,GAAsBG,IAAAC,EAAtBJ,GAAsB,CAApB,aAAW;AACN,WAAA,gBAAAK,EAAC,OAAIC,EAAA,EAAA,KAAAP,GAAU,WAAWL,EAAuB,EAAE,WAAAO,GAAW,MAAAC,EAAK,CAAC,KAAOC,EAAO;AAAA,EAAA;AAE3F;AAEAP,EAAiB,cAAc;"}