@bioturing/components 0.14.1 → 0.15.1

package/dist/components/Form/component.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "antd/es/form/ErrorList";
+import t, { useWatch as i, useForm as e } from "antd/es/form/Form";
+import s from "antd/es/form/FormList";
+import { FormProvider as n } from "antd/es/form/context";
+import p from "antd/es/form/hooks/useFormInstance";
+import { FormItem as F } from "./item.js";
+import './style.css';/* empty css          */
+const f = ({
+  ...r
+}) => /* @__PURE__ */ o(t, { ...r }), v = Object.assign(f, {
+  useForm: e,
+  useFormInstance: p,
+  useWatch: i,
+  Item: F,
+  List: s,
+  ErrorList: m,
+  Provider: n
+});
+export {
+  v as Form
+};
+//# sourceMappingURL=component.js.map

package/dist/components/Form/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Form/component.tsx"],"sourcesContent":["\"use client\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport {\n  FormProps as AntdFormProps,\n  default as AntdInternalForm,\n  useForm,\n  useWatch,\n} from \"antd/es/form/Form\";\nimport FormList from \"antd/es/form/FormList\";\nimport { FormProvider } from \"antd/es/form/context\";\nimport useFormInstance from \"antd/es/form/hooks/useFormInstance\";\nimport * as React from \"react\";\nimport { FormItem, type FormItemProps } from \"./item\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface FormProps<Values = any> extends AntdFormProps<Values> {}\n\ninterface InternalFormProps<Values = any>\n  extends React.ComponentProps<typeof AntdInternalForm<Values>> {}\n\nconst InternalForm = <Values = any,>({\n  ...rest\n}: InternalFormProps<Values>) => {\n  return <AntdInternalForm {...rest} />;\n};\n\nexport const Form = Object.assign(InternalForm, {\n  useForm,\n  useFormInstance,\n  useWatch,\n  Item: FormItem,\n  List: FormList,\n  ErrorList,\n  Provider: FormProvider,\n});\n\nexport type { FormItemProps };\n"],"names":["InternalForm","rest","jsx","AntdInternalForm","Form","useForm","useFormInstance","useWatch","FormItem","FormList","ErrorList","FormProvider"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAe,CAAgB;AAAA,EACnC,GAAGC;AACL,MACS,gBAAAC,EAACC,GAAkB,EAAA,GAAGF,EAAM,CAAA,GAGxBG,IAAO,OAAO,OAAOJ,GAAc;AAAA,EAC9C,SAAAK;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAUC;AACZ,CAAC;"}

package/dist/components/Form/item.js

@@ -0,0 +1,30 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { isValidElement as l } from "react";
+import a from "antd/es/form/FormItem";
+import { Question as c } from "@bioturing/assets";
+import { useCls as f } from "../utils/antdUtils.js";
+import { IconButton as d } from "../IconButton/component.js";
+const N = ({
+  tooltip: e,
+  label: o,
+  optionalMark: m,
+  ...s
+}) => {
+  const n = f(), i = e || m ? /* @__PURE__ */ t("span", { className: n("form-item-label-inner"), children: [
+    o,
+    e && /* @__PURE__ */ r(
+      d,
+      {
+        className: n("form-item-explaination-icon"),
+        label: typeof e == "string" || l(e) ? e : void 0,
+        children: /* @__PURE__ */ r(c, {})
+      }
+    ),
+    m && /* @__PURE__ */ r("span", { className: n("form-item-label-optional-mark"), children: typeof m == "boolean" ? "(optional)" : m })
+  ] }) : o;
+  return /* @__PURE__ */ r(a, { label: i, ...s });
+};
+export {
+  N as FormItem
+};
+//# sourceMappingURL=item.js.map

package/dist/components/Form/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../../../src/components/Form/item.tsx"],"sourcesContent":["\"use client\";\nimport { isValidElement } from \"react\";\nimport {\n  default as AntdFormItem,\n  type FormItemProps as AntdFormItemProps,\n} from \"antd/es/form/FormItem\";\nimport { Question } from \"@bioturing/assets\";\nimport { IconButton } from \"../IconButton\";\nimport { useCls } from \"../utils\";\n\nexport interface FormItemProps<Values = unknown>\n  extends AntdFormItemProps<Values> {\n  // tooltip?: React.ReactNode | TooltipProps;\n  optionalMark?: boolean | React.ReactNode;\n}\n\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark,\n  ...rest\n}: FormItemProps<Values>) => {\n  const cls = useCls();\n  const renderedLabel =\n    tooltip || optionalMark ? (\n      <span className={cls(\"form-item-label-inner\")}>\n        {label}\n        {tooltip && (\n          <IconButton\n            className={cls(\"form-item-explaination-icon\")}\n            label={\n              typeof tooltip == \"string\" || isValidElement(tooltip)\n                ? tooltip\n                : undefined\n            }\n          >\n            <Question />\n          </IconButton>\n        )}\n        {optionalMark && (\n          <span className={cls(\"form-item-label-optional-mark\")}>\n            {typeof optionalMark == \"boolean\" ? \"(optional)\" : optionalMark}\n          </span>\n        )}\n      </span>\n    ) : (\n      label\n    );\n  return <AntdFormItem label={renderedLabel} {...rest} />;\n};\n"],"names":["FormItem","tooltip","label","optionalMark","rest","cls","useCls","renderedLabel","jsxs","jsx","IconButton","isValidElement","Question","AntdFormItem"],"mappings":";;;;;;AAgBO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAMC,EAAO,GACbC,IACJN,KAAWE,IACT,gBAAAK,EAAC,UAAK,WAAWH,EAAI,uBAAuB,GACzC,UAAA;AAAA,IAAAH;AAAA,IACAD,KACC,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWL,EAAI,6BAA6B;AAAA,QAC5C,OACE,OAAOJ,KAAW,YAAYU,EAAeV,CAAO,IAChDA,IACA;AAAA,QAGN,4BAACW,GAAS,CAAA,CAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IAEDT,KACE,gBAAAM,EAAA,QAAA,EAAK,WAAWJ,EAAI,+BAA+B,GACjD,UAAO,OAAAF,KAAgB,YAAY,eAAeA,EACrD,CAAA;AAAA,EAAA,EAAA,CAEJ,IAEAD;AAEJ,SAAQ,gBAAAO,EAAAI,GAAA,EAAa,OAAON,GAAgB,GAAGH,GAAM;AACvD;"}

package/dist/components/Form/style.css

@@ -0,0 +1 @@
+@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}}

package/dist/components/IconButton/component.js

@@ -0,0 +1,49 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { Tooltip as x } from "antd";
+import './style.css';/* empty css          */
+import { useCls as y, useAntdCssVarClassname as N } from "../utils/antdUtils.js";
+const V = (u, d) => {
+  const {
+    label: e,
+    size: p = "medium",
+    negativeMargin: f = !0,
+    children: b,
+    className: v,
+    tooltipProps: C = {},
+    as: g,
+    href: o,
+    // Extract anchor-specific props
+    target: s,
+    rel: r,
+    download: a,
+    hrefLang: i,
+    referrerPolicy: l,
+    ...h
+  } = u, t = y(), P = N(), w = [
+    t("icon-button"),
+    t(`icon-button-${p}`),
+    t(f ? "icon-button-negative-margin" : ""),
+    P,
+    v
+  ].filter(Boolean).join(" "), n = g || (o ? "a" : "button"), B = n === "a" ? {
+    ...s !== void 0 && { target: s },
+    ...r !== void 0 && { rel: r },
+    ...a !== void 0 && { download: a },
+    ...i !== void 0 && { hrefLang: i },
+    ...l !== void 0 && { referrerPolicy: l }
+  } : {}, I = {
+    ref: d,
+    className: w,
+    ...n === "button" && { type: "button" },
+    ...o && { href: o },
+    ...B,
+    ...h
+  }, c = /* @__PURE__ */ m(n, { ...I, children: b });
+  return e ? /* @__PURE__ */ m(x, { title: e, arrow: !1, ...C, children: c }) : c;
+}, T = j(V);
+export {
+  T as IconButton,
+  T as default
+};
+//# sourceMappingURL=component.js.map

package/dist/components/IconButton/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/IconButton/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  type ElementType,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type Ref,\n  type AnchorHTMLAttributes,\n  ComponentPropsWithRef,\n} from \"react\";\nimport { Tooltip } from \"antd\";\nimport { useCls, useAntdCssVarClassname } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Base props without href/as handling\ntype IconButtonBaseProps = {\n  label?: React.ReactNode;\n  size?: \"small\" | \"medium\";\n  negativeMargin?: boolean;\n  tooltipProps?: React.ComponentProps<typeof Tooltip>;\n};\n\n// Extract anchor-specific props we want to automatically handle\ntype AnchorSpecificProps = Pick<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  \"target\" | \"rel\" | \"download\" | \"hrefLang\" | \"referrerPolicy\"\n>;\n\n// Props when href is provided - as defaults to 'a' and includes anchor-specific props\ntype WithHrefProps<E extends ElementType = \"a\"> = IconButtonBaseProps & {\n  href: string;\n  as?: E;\n} & AnchorSpecificProps;\n\n// Props when href is not provided - as defaults to 'button'\ntype WithoutHrefProps<E extends ElementType = \"button\"> =\n  IconButtonBaseProps & {\n    href?: undefined;\n    as?: E;\n  } & {\n    [K in keyof AnchorSpecificProps]?: never;\n  };\n\n// Combined props type with conditional behavior\ntype IconButtonOwnProps<E extends ElementType = ElementType> =\n  | WithHrefProps<E>\n  | WithoutHrefProps<E>;\n\nexport type IconButtonProps<E extends ElementType = \"button\"> =\n  IconButtonOwnProps<E> &\n    Omit<ComponentPropsWithoutRef<E>, keyof IconButtonOwnProps<E>>;\n\n/**\n * A type-safe polymorphic component pattern\n */\ninterface PolymorphicComponentProps<E extends ElementType = \"button\"> {\n  as?: E;\n  href?: string;\n}\n\n/**\n * Type for wrapping the forwardRef implementation\n */\ntype IconButtonComponent = <E extends ElementType = \"button\">(\n  props: IconButtonProps<E> & { ref?: ComponentPropsWithRef<E>[\"ref\"] }\n) => ReactElement;\n\n/**\n * Implementation of the IconButton component\n */\nconst IconButtonImpl = <E extends ElementType = \"button\">(\n  props: IconButtonProps<E> & PolymorphicComponentProps<E>,\n  ref: Ref<Element>\n) => {\n  const {\n    label,\n    size = \"medium\",\n    negativeMargin = true,\n    children,\n    className,\n    tooltipProps = {},\n    as,\n    href,\n    // Extract anchor-specific props\n    target,\n    rel,\n    download,\n    hrefLang,\n    referrerPolicy,\n    ...rest\n  } = props;\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const buttonClasses = [\n    cls(\"icon-button\"),\n    cls(`icon-button-${size}`),\n    cls(negativeMargin ? \"icon-button-negative-margin\" : \"\"),\n    antdCssVarClassname,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  // Use a type assertion for the component to avoid TypeScript errors\n  const Component = (as || (href ? \"a\" : \"button\")) as ElementType;\n\n  // Collect anchor-specific props only if they're defined\n  const anchorProps =\n    Component === \"a\"\n      ? {\n          ...(target !== undefined && { target }),\n          ...(rel !== undefined && { rel }),\n          ...(download !== undefined && { download }),\n          ...(hrefLang !== undefined && { hrefLang }),\n          ...(referrerPolicy !== undefined && { referrerPolicy }),\n        }\n      : {};\n\n  const elementProps = {\n    ref,\n    className: buttonClasses,\n    ...(Component === \"button\" && { type: \"button\" }),\n    ...(href && { href }),\n    ...anchorProps,\n    ...rest,\n  };\n\n  const element = <Component {...elementProps}>{children}</Component>;\n\n  return label ? (\n    <Tooltip title={label} arrow={false} {...tooltipProps}>\n      {element}\n    </Tooltip>\n  ) : (\n    element\n  );\n};\n\n// Export with correct typing\nexport const IconButton = forwardRef(IconButtonImpl) as IconButtonComponent;\n\nexport default IconButton;\n"],"names":["IconButtonImpl","props","ref","label","size","negativeMargin","children","className","tooltipProps","as","href","target","rel","download","hrefLang","referrerPolicy","rest","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","buttonClasses","Component","anchorProps","elementProps","element","jsx","Tooltip","IconButton","forwardRef"],"mappings":";;;;;AAwEA,MAAMA,IAAiB,CACrBC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC,IAAe,CAAC;AAAA,IAChB,IAAAC;AAAA,IACA,MAAAC;AAAA;AAAA,IAEA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GACEgB,IAAMC,EAAO,GACbC,IAAsBC,EAAuB,GAC7CC,IAAgB;AAAA,IACpBJ,EAAI,aAAa;AAAA,IACjBA,EAAI,eAAeb,CAAI,EAAE;AAAA,IACzBa,EAAIZ,IAAiB,gCAAgC,EAAE;AAAA,IACvDc;AAAA,IACAZ;AAAA,EAEC,EAAA,OAAO,OAAO,EACd,KAAK,GAAG,GAGLe,IAAab,MAAOC,IAAO,MAAM,WAGjCa,IACJD,MAAc,MACV;AAAA,IACE,GAAIX,MAAW,UAAa,EAAE,QAAAA,EAAO;AAAA,IACrC,GAAIC,MAAQ,UAAa,EAAE,KAAAA,EAAI;AAAA,IAC/B,GAAIC,MAAa,UAAa,EAAE,UAAAA,EAAS;AAAA,IACzC,GAAIC,MAAa,UAAa,EAAE,UAAAA,EAAS;AAAA,IACzC,GAAIC,MAAmB,UAAa,EAAE,gBAAAA,EAAe;AAAA,EAAA,IAEvD,CAAC,GAEDS,IAAe;AAAA,IACnB,KAAAtB;AAAA,IACA,WAAWmB;AAAA,IACX,GAAIC,MAAc,YAAY,EAAE,MAAM,SAAS;AAAA,IAC/C,GAAIZ,KAAQ,EAAE,MAAAA,EAAK;AAAA,IACnB,GAAGa;AAAA,IACH,GAAGP;AAAA,EACL,GAEMS,IAAU,gBAAAC,EAACJ,GAAW,EAAA,GAAGE,GAAe,UAAAlB,GAAS;AAEhD,SAAAH,IACJ,gBAAAuB,EAAAC,GAAA,EAAQ,OAAOxB,GAAO,OAAO,IAAQ,GAAGK,GACtC,UAAAiB,EAAA,CACH,IAEAA;AAEJ,GAGaG,IAAaC,EAAW7B,CAAc;"}

package/dist/components/IconButton/style.css

@@ -0,0 +1 @@
+@layer components{.ds-icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;cursor:pointer;background-color:transparent;color:var(--ds-color-icon);transition:all .2s}.ds-icon-button:hover{background-color:var(--ds-color-fill-secondary);color:var(--ds-color-icon-hover)}.ds-icon-button:active,.ds-icon-button.ds-popover-open{background-color:var(--ds-color-primary-bg);color:var(--ds-color-primary)}.ds-icon-button:focus{outline:none}.ds-icon-button:disabled{cursor:not-allowed;pointer-events:none;color:var(--ds-color-text-disabled)}.ds-icon-button.ds-icon-button-medium{padding:.125rem;font-size:1.25rem;height:1.5rem;width:1.5rem}.ds-icon-button.ds-icon-button-small{padding:.125rem;font-size:1rem;height:1.25rem;width:1.25rem}.ds-icon-button.ds-icon-button-negative-margin{margin:-.125rem}}

package/dist/components/Input/component.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { MagnifyingGlass as c, Eye as i, EyeClosed as u } from "@bioturing/assets";
+import { Input as t } from "antd";
+import { forwardRef as o } from "react";
+const m = (n, e) => /* @__PURE__ */ r(t, { ref: e, ...n }), I = (n, e) => {
+  const s = {
+    iconRender: (a) => a ? /* @__PURE__ */ r(i, { size: 16 }) : /* @__PURE__ */ r(u, { size: 16 }),
+    ...n
+  };
+  return /* @__PURE__ */ r(t.Password, { ref: e, ...s });
+}, d = (n, e) => {
+  const s = {
+    enterButton: n.enterButton === !0 ? /* @__PURE__ */ r(c, { size: 16 }) : n.enterButton,
+    ...n
+  };
+  return /* @__PURE__ */ r(t.Search, { ref: e, ...s });
+}, p = (n, e) => /* @__PURE__ */ r(t.TextArea, { ref: e, ...n }), f = o(m), g = o(I), x = o(d), P = o(p), A = Object.assign(f, {
+  Password: g,
+  Search: x,
+  TextArea: P
+});
+export {
+  A as Input
+};
+//# sourceMappingURL=component.js.map

package/dist/components/Input/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Input/component.tsx"],"sourcesContent":["import { Eye, EyeClosed, MagnifyingGlass } from \"@bioturing/assets\";\nimport {\n  Input as AntInput,\n  type InputProps as AntInputProps,\n  type InputRef,\n} from \"antd\";\nimport { type PasswordProps as AntPasswordProps } from \"antd/es/input\";\nimport { type SearchProps as AntSearchProps } from \"antd/es/input\";\nimport { type TextAreaProps as AntTextAreaProps } from \"antd/es/input\";\nimport { forwardRef } from \"react\";\n\n// Define props interfaces\nexport interface InputProps extends AntInputProps {}\nexport interface PasswordProps extends AntPasswordProps {}\nexport interface TextAreaProps extends AntTextAreaProps {}\nexport interface SearchProps extends AntSearchProps {}\n\n// Create inner function for main Input\nconst MainInputInner = (props: InputProps, ref: React.Ref<InputRef>) => {\n  return <AntInput ref={ref} {...props} />;\n};\n\n// Create inner function for Password\nconst PasswordInner = (props: PasswordProps, ref: React.Ref<InputRef>) => {\n  // Apply default iconRender unless overridden by props\n  const mergedProps = {\n    iconRender: (visible: boolean) =>\n      visible ? <Eye size={16} /> : <EyeClosed size={16} />,\n    ...props,\n  };\n\n  return <AntInput.Password ref={ref} {...mergedProps} />;\n};\n\n// Create inner function for Search\nconst SearchInner = (props: SearchProps, ref: React.Ref<InputRef>) => {\n  // Apply default enterButton unless overridden\n  const mergedProps = {\n    enterButton:\n      props.enterButton === true ? (\n        <MagnifyingGlass size={16} />\n      ) : (\n        props.enterButton\n      ),\n    ...props,\n  };\n\n  return <AntInput.Search ref={ref} {...mergedProps} />;\n};\n\n// Create inner function for TextArea\nconst TextAreaInner = (\n  props: TextAreaProps,\n  ref: React.Ref<HTMLTextAreaElement>\n) => {\n  return <AntInput.TextArea ref={ref} {...props} />;\n};\n\n// Use forwardRef with type assertion for main Input\nconst MainInput = forwardRef(MainInputInner) as (\n  props: InputProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof MainInputInner>;\n\n// Use forwardRef with type assertion for Password\nconst Password = forwardRef(PasswordInner) as (\n  props: PasswordProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof PasswordInner>;\n\n// Use forwardRef with type assertion for Search\nconst Search = forwardRef(SearchInner) as (\n  props: SearchProps & {\n    ref?: React.ForwardedRef<InputRef>;\n  }\n) => ReturnType<typeof SearchInner>;\n\n// Use forwardRef with type assertion for TextArea\nconst TextArea = forwardRef(TextAreaInner) as (\n  props: TextAreaProps & {\n    ref?: React.ForwardedRef<HTMLTextAreaElement>;\n  }\n) => ReturnType<typeof TextAreaInner>;\n\n// Export the final composed component\nexport const Input = Object.assign(MainInput, {\n  Password,\n  Search,\n  TextArea,\n});\n"],"names":["MainInputInner","props","ref","jsx","AntInput","PasswordInner","mergedProps","visible","Eye","EyeClosed","SearchInner","MagnifyingGlass","TextAreaInner","MainInput","forwardRef","Password","Search","TextArea","Input"],"mappings":";;;;AAkBA,MAAMA,IAAiB,CAACC,GAAmBC,MACjC,gBAAAC,EAAAC,GAAA,EAAS,KAAAF,GAAW,GAAGD,EAAO,CAAA,GAIlCI,IAAgB,CAACJ,GAAsBC,MAA6B;AAExE,QAAMI,IAAc;AAAA,IAClB,YAAY,CAACC,MACXA,IAAW,gBAAAJ,EAAAK,GAAA,EAAI,MAAM,GAAI,CAAA,IAAK,gBAAAL,EAACM,GAAU,EAAA,MAAM,GAAI,CAAA;AAAA,IACrD,GAAGR;AAAA,EACL;AAEA,2BAAQG,EAAS,UAAT,EAAkB,KAAAF,GAAW,GAAGI,GAAa;AACvD,GAGMI,IAAc,CAACT,GAAoBC,MAA6B;AAEpE,QAAMI,IAAc;AAAA,IAClB,aACEL,EAAM,gBAAgB,uBACnBU,GAAgB,EAAA,MAAM,IAAI,IAE3BV,EAAM;AAAA,IAEV,GAAGA;AAAA,EACL;AAEA,2BAAQG,EAAS,QAAT,EAAgB,KAAAF,GAAW,GAAGI,GAAa;AACrD,GAGMM,IAAgB,CACpBX,GACAC,wBAEQE,EAAS,UAAT,EAAkB,KAAAF,GAAW,GAAGD,GAAO,GAI3CY,IAAYC,EAAWd,CAAc,GAOrCe,IAAWD,EAAWT,CAAa,GAOnCW,IAASF,EAAWJ,CAAW,GAO/BO,IAAWH,EAAWF,CAAa,GAO5BM,IAAQ,OAAO,OAAOL,GAAW;AAAA,EAC5C,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,CAAC;"}

package/dist/components/Modal/Modal.js

@@ -0,0 +1,161 @@
+import { jsx as e, jsxs as m, Fragment as N } from "react/jsx-runtime";
+import me from "antd/es/modal";
+import { XIcon as fe } from "@bioturing/assets";
+import { useState as R, useRef as ue, useCallback as pe, useEffect as he } from "react";
+import { ModalContextProvider as be } from "antd/es/modal/context";
+import L from "antd/es/modal/components/NormalCancelBtn";
+import C from "antd/es/modal/components/NormalOkBtn";
+import { getConfirmLocale as ve } from "antd/es/modal/locale";
+import { useLocale as ge } from "antd/es/locale";
+import { ModalSize as f } from "./constants.js";
+import { Stack as h } from "../Stack/index.js";
+import { Truncate as ye } from "../Truncate/component.js";
+import { IconButton as we } from "../IconButton/component.js";
+import { useCls as xe } from "../utils/antdUtils.js";
+const We = ({
+  open: b,
+  closeIcon: v,
+  children: j,
+  size: E,
+  footer: g,
+  width: F,
+  style: P,
+  styles: c,
+  classNames: W,
+  okButtonProps: $,
+  cancelButtonProps: q,
+  loading: A,
+  onOk: i,
+  onCancel: r,
+  okText: y,
+  okType: X = "primary",
+  confirmLoading: w,
+  cancelText: x = "Close",
+  hideOkButton: z = !1,
+  hideCancelButton: k = !1,
+  contentPadding: l,
+  title: u,
+  afterTitle: B,
+  beforeCloseButton: D,
+  afterCloseButton: G,
+  defaultFixedHeaderFooter: J = !1,
+  centered: K = !0,
+  type: Q = "default",
+  defaultOpen: U = !0,
+  background: V,
+  bodyScrollable: Y = !0,
+  ...Z
+}) => {
+  const _ = v === void 0 ? /* @__PURE__ */ e(fe, { size: 16, weight: "bold" }) : v, t = E || (Q === "default" ? "medium" : "xsmall"), ee = F || f[t], oe = {
+    "--ds-modal-bg": `var(--ds-color-bg-${V || (t && t in f && parseInt(f[t]) <= parseInt(f.medium) ? "elevated" : "container")})`,
+    ...P,
+    ...t === "fullscreen" ? { top: 0, maxWidth: "100%", height: "100%" } : {}
+  }, re = {
+    ...c,
+    body: {
+      ...typeof l < "u" ? {
+        "--ds-modal-content-padding": l === !1 || l === 0 ? "0" : typeof l == "number" ? `${l}px` : l
+      } : {},
+      ...c == null ? void 0 : c.body
+    }
+  }, [I, M] = R(!1), a = xe(), d = ue(null), te = pe(
+    (o) => {
+      if (!o) return;
+      const n = o.querySelector("." + a("modal-body"));
+      if (!(n instanceof HTMLElement)) return;
+      const H = new ResizeObserver(() => {
+        const de = n.scrollHeight > n.clientHeight;
+        M(de);
+      });
+      d.current = H, H.observe(n);
+      const ie = n.scrollHeight > n.clientHeight;
+      M(ie);
+    },
+    [a]
+  );
+  he(() => () => {
+    d.current && (d.current.disconnect(), d.current = null);
+  }, []);
+  const [s] = ge("Modal", ve()), le = y || (s == null ? void 0 : s.okText), se = x || (s == null ? void 0 : s.cancelText), S = {
+    loading: A,
+    ...$
+  }, O = {
+    ...q
+  }, [ne, T] = R(U), p = typeof b > "u", ae = p ? ne : b, ce = /* @__PURE__ */ e(
+    be,
+    {
+      value: {
+        okButtonProps: S,
+        cancelButtonProps: O,
+        onCancel: r,
+        onOk: i,
+        okType: X,
+        confirmLoading: w,
+        okTextLocale: le,
+        cancelTextLocale: se
+      },
+      children: z ? /* @__PURE__ */ e(L, {}) : k ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ m(N, { children: [
+        /* @__PURE__ */ e(L, {}),
+        /* @__PURE__ */ e(C, {})
+      ] })
+    }
+  );
+  return /* @__PURE__ */ e(
+    me,
+    {
+      closeIcon: !1,
+      open: ae,
+      width: ee,
+      style: oe,
+      title: /* @__PURE__ */ m(N, { children: [
+        /* @__PURE__ */ m(h, { align: "center", gap: 8, className: a("modal-title-wrapper"), children: [
+          /* @__PURE__ */ e(h.Child, { grow: !0, children: typeof u == "string" ? /* @__PURE__ */ e(ye, { children: u }) : u }),
+          /* @__PURE__ */ m(h.Child, { stack: !0, hug: !0, align: "center", children: [
+            D,
+            /* @__PURE__ */ e(
+              we,
+              {
+                onClick: (o) => r == null ? void 0 : r(o),
+                children: _
+              }
+            ),
+            G
+          ] })
+        ] }),
+        B || null
+      ] }),
+      classNames: {
+        ...W,
+        wrapper: a(
+          "modal-wrap",
+          t == "fullscreen" && "modal-fullscreen",
+          I && "modal-content-overflow",
+          Y === !1 && "modal-no-body-scroll",
+          J || I || t == "fullscreen" ? "modal-fixed" : ""
+        )
+      },
+      styles: re,
+      modalRender: (o) => /* @__PURE__ */ e("div", { ref: te, className: a("modal-inner"), children: o }),
+      okButtonProps: S,
+      cancelButtonProps: O,
+      onOk: (o) => {
+        p && T(!1), i == null || i(o);
+      },
+      onCancel: (o) => {
+        p && T(!1), r == null || r(o);
+      },
+      okText: y,
+      cancelText: x,
+      okType: "primary",
+      confirmLoading: w,
+      footer: typeof g > "u" ? z && k ? null : ce : g,
+      centered: K,
+      ...Z,
+      children: j
+    }
+  );
+};
+export {
+  We as Modal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntModal,\n  type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../IconButton\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../Truncate\";\nimport { Stack } from \"../Stack\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n  /**\n   * Predefined sizes for the modal\n   * - xsmall: 400px\n   * - small: 520px\n   * - medium: 640px (default)\n   * - large: 840px\n   * - xlarge: 1024px\n   * - fullscreen: 100vw (takes full screen width with margins)\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?:\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"fullscreen\";\n  /**\n   * Mark modal as loading\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Hide Ok button\n   * @default false\n   */\n  hideOkButton?: boolean;\n  /**\n   * Hide Cancel button\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Add more actions before close button\n   */\n  beforeCloseButton?: React.ReactNode;\n  /**\n   * Add more actions after close button\n   */\n  afterCloseButton?: React.ReactNode;\n  /**\n   * Set header and footer to fixed position\n   * @default false\n   */\n  defaultFixedHeaderFooter?: boolean;\n  /**\n   * Centered Modal\n   * @default true\n   */\n  centered?: boolean;\n  /**\n   * Modal type\n   * @default \"default\"\n   */\n  type?: ModalType;\n  /**\n   * Default open state for uncontrolled modal\n   * @default true\n   */\n  defaultOpen?: boolean;\n  /**\n   * Modal background\n   * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n   */\n  background?: \"elevated\" | \"container\";\n  /**\n   * Modal old close callback\n   * @deprecated use onCancel instead\n   */\n  onClose?: () => void;\n  /**\n   * Make modal body scrollable\n   * @default true\n   */\n  bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n  open: externalOpen,\n  closeIcon,\n  children,\n  size: sizeProp,\n  footer,\n  width,\n  style,\n  styles,\n  classNames,\n  okButtonProps,\n  cancelButtonProps,\n  loading,\n  onOk,\n  onCancel,\n  okText,\n  okType = \"primary\",\n  confirmLoading,\n  cancelText = \"Close\",\n  hideOkButton = false,\n  hideCancelButton = false,\n  contentPadding,\n  title,\n  afterTitle,\n  beforeCloseButton,\n  afterCloseButton,\n  defaultFixedHeaderFooter = false,\n  centered = true,\n  type = \"default\",\n  defaultOpen = true,\n  background: backgroundProp,\n  bodyScrollable = true,\n  ...rest\n}: ModalProps) => {\n  // Default close icon with Phosphor icon\n  const defaultCloseIcon =\n    closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n  // Use custom width if provided, otherwise use the size from the map\n  const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n  const size: keyof typeof ModalSize = sizeProp || defaultModalSize;\n  const modalWidth = width || ModalSize[size];\n\n  const background =\n    backgroundProp ||\n    (size &&\n    size in ModalSize &&\n    parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n      ? \"elevated\"\n      : \"container\");\n\n  // Apply additional styles for fullscreen mode\n  const modalStyle = {\n    \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n    ...style,\n    ...(size === \"fullscreen\"\n      ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n      : {}),\n  };\n\n  const modalStyles = {\n    ...styles,\n    body: {\n      ...((typeof contentPadding != \"undefined\"\n        ? {\n            \"--ds-modal-content-padding\":\n              contentPadding === false || contentPadding === 0\n                ? \"0\"\n                : typeof contentPadding == \"number\"\n                ? `${contentPadding}px`\n                : contentPadding,\n          }\n        : {}) as React.CSSProperties),\n      ...styles?.body,\n    },\n  };\n\n  const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n  const cls = useCls();\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const modalInnerRef = useCallback(\n    (node: HTMLElement | null) => {\n      // If the node is null (component unmounting), just return\n      if (!node) return;\n\n      const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n      if (!(modalBody instanceof HTMLElement)) return;\n\n      // Create ResizeObserver to detect overflow\n      const resizeObserver = new ResizeObserver(() => {\n        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n        setIsContentOverflow(hasOverflow);\n      });\n\n      // Store reference to the observer\n      resizeObserverRef.current = resizeObserver;\n\n      // Start observing\n      resizeObserver.observe(modalBody);\n\n      // Initial check\n      const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n      setIsContentOverflow(hasOverflow);\n    },\n    [cls]\n  );\n\n  // clean up resize observer\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n  const okTextLocale: React.ReactNode = okText || locale?.okText;\n  const cancelTextLocale = cancelText || locale?.cancelText;\n\n  const modalOkButtonProps = {\n    loading: loading,\n    ...okButtonProps,\n  };\n\n  const modalCancelButtonProps = {\n    ...cancelButtonProps,\n  };\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n  const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n  const defaultFooter = (\n    <ModalContextProvider\n      value={{\n        okButtonProps: modalOkButtonProps,\n        cancelButtonProps: modalCancelButtonProps,\n        onCancel,\n        onOk,\n        okType,\n        confirmLoading,\n        okTextLocale,\n        cancelTextLocale,\n      }}\n    >\n      {hideOkButton ? (\n        <NormalCancelBtn />\n      ) : hideCancelButton ? (\n        <NormalOkBtn />\n      ) : (\n        <>\n          <NormalCancelBtn />\n          <NormalOkBtn />\n        </>\n      )}\n    </ModalContextProvider>\n  );\n  const renderTitle = () => {\n    return (\n      <>\n        <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n          <Stack.Child grow>\n            {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n          </Stack.Child>\n          <Stack.Child stack hug align=\"center\">\n            {beforeCloseButton}\n            <IconButton\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n                onCancel?.(e)\n              }\n            >\n              {defaultCloseIcon}\n            </IconButton>\n            {afterCloseButton}\n          </Stack.Child>\n          {}\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </>\n    );\n  };\n  return (\n    <AntModal\n      closeIcon={false}\n      open={open}\n      width={modalWidth}\n      style={modalStyle}\n      title={renderTitle()}\n      classNames={{\n        ...classNames,\n        wrapper: cls(\n          \"modal-wrap\",\n          size == \"fullscreen\" && \"modal-fullscreen\",\n          isContentOverflow && \"modal-content-overflow\",\n          bodyScrollable === false && \"modal-no-body-scroll\",\n          defaultFixedHeaderFooter || isContentOverflow || size == \"fullscreen\"\n            ? \"modal-fixed\"\n            : \"\"\n        ),\n      }}\n      styles={modalStyles}\n      modalRender={(modal) => (\n        <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n          {modal}\n        </div>\n      )}\n      okButtonProps={modalOkButtonProps}\n      cancelButtonProps={modalCancelButtonProps}\n      onOk={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onOk?.(e);\n      }}\n      onCancel={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onCancel?.(e);\n      }}\n      okText={okText}\n      cancelText={cancelText}\n      okType=\"primary\"\n      confirmLoading={confirmLoading}\n      footer={\n        typeof footer === \"undefined\"\n          ? hideOkButton && hideCancelButton\n            ? null\n            : defaultFooter\n          : footer\n      }\n      centered={centered}\n      {...rest}\n    >\n      {children}\n    </AntModal>\n  );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","resizeObserver","hasOverflow","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","e","modal"],"mappings":"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"}

package/dist/components/Modal/ModalProvider.js

@@ -0,0 +1,70 @@
+import { jsxs as f, Fragment as m } from "react/jsx-runtime";
+import { useState as y, useEffect as g, createElement as b } from "react";
+import { Modal as M } from "./Modal.js";
+import { modalManager as n } from "./ModalService.js";
+const j = ({ children: l }) => {
+  const [p, u] = y([]);
+  return g(() => n.subscribe((e) => {
+    u((r) => {
+      switch (e.type) {
+        case "add":
+          return [...r, e.payload];
+        case "update":
+          return r.map((t) => {
+            if (t.id === e.payload.id) {
+              const o = e.payload.config, a = typeof o == "function" ? o(t) : { ...t, ...o };
+              return { ...t, ...a };
+            }
+            return t;
+          });
+        case "destroy":
+          return r.filter((t) => t.id !== e.payload.id);
+        case "destroyAll":
+          return [];
+        default:
+          return r;
+      }
+    });
+  }), []), /* @__PURE__ */ f(m, { children: [
+    l,
+    p.map((d) => {
+      const {
+        id: e,
+        content: r,
+        children: t,
+        onOk: o,
+        onCancel: a,
+        trigger: i,
+        ...c
+      } = d;
+      return /* @__PURE__ */ b(
+        M,
+        {
+          ...c,
+          key: e,
+          open: c.open,
+          onOk: (s) => {
+            o == null || o(s), n.emit({
+              type: "update",
+              payload: { id: e, config: { open: !1 } }
+            });
+          },
+          onCancel: (s) => {
+            a == null || a(s), n.emit({
+              type: "update",
+              payload: { id: e, config: { open: !1 } }
+            });
+          },
+          afterClose: () => {
+            n.emit({ type: "destroy", payload: { id: e } }), i instanceof HTMLElement && i.focus();
+          }
+        },
+        r || t
+      );
+    })
+  ] });
+};
+export {
+  j as ModalProvider
+};
+//# sourceMappingURL=ModalProvider.js.map

package/dist/components/Modal/ModalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProvider.js","sources":["../../../src/components/Modal/ModalProvider.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useState } from \"react\";\nimport { Modal } from \"./Modal\";\nimport { modalManager } from \"./ModalService\";\nimport type { ModalConfig, ModalEvent } from \"./ModalService\";\n\nexport interface ModalProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const ModalProvider: React.FC<ModalProviderProps> = ({ children }) => {\n  const [modals, setModals] = useState<ModalConfig[]>([]);\n\n  useEffect(() => {\n    const unsubscribe = modalManager.subscribe((event: ModalEvent) => {\n      setModals((prev) => {\n        switch (event.type) {\n          case \"add\":\n            return [...prev, event.payload];\n          case \"update\":\n            return prev.map((m) => {\n              if (m.id === event.payload.id) {\n                const cfg = event.payload.config;\n                const merged =\n                  typeof cfg === \"function\" ? cfg(m) : { ...m, ...cfg };\n                return { ...m, ...merged };\n              }\n              return m;\n            });\n          case \"destroy\":\n            return prev.filter((m) => m.id !== event.payload.id);\n          case \"destroyAll\":\n            return [];\n          default:\n            return prev;\n        }\n      });\n    });\n    return unsubscribe;\n  }, []);\n\n  return (\n    <>\n      {children}\n      {modals.map((modal) => {\n        const {\n          id,\n          content,\n          children,\n          onOk,\n          onCancel,\n          trigger,\n          ...modalProps\n        } = modal;\n        return (\n          <Modal\n            {...modalProps}\n            key={id}\n            // control visibility for transitions\n            open={modalProps.open}\n            onOk={(e) => {\n              onOk?.(e);\n              modalManager.emit({\n                type: \"update\",\n                payload: { id, config: { open: false } },\n              });\n            }}\n            onCancel={(e) => {\n              onCancel?.(e);\n              modalManager.emit({\n                type: \"update\",\n                payload: { id, config: { open: false } },\n              });\n            }}\n            afterClose={() => {\n              // destroy and restore focus\n              modalManager.emit({ type: \"destroy\", payload: { id } });\n              if (trigger instanceof HTMLElement) {\n                trigger.focus();\n              }\n            }}\n          >\n            {content || children}\n          </Modal>\n        );\n      })}\n    </>\n  );\n};\n"],"names":["ModalProvider","children","modals","setModals","useState","useEffect","modalManager","event","prev","m","cfg","merged","jsxs","Fragment","modal","id","content","onOk","onCancel","trigger","modalProps","createElement","Modal","e"],"mappings":";;;;AAUO,MAAMA,IAA8C,CAAC,EAAE,UAAAC,QAAe;AAC3E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAwB,CAAA,CAAE;AAEtD,SAAAC,EAAU,MACYC,EAAa,UAAU,CAACC,MAAsB;AAChE,IAAAJ,EAAU,CAACK,MAAS;AAClB,cAAQD,EAAM,MAAM;AAAA,QAClB,KAAK;AACH,iBAAO,CAAC,GAAGC,GAAMD,EAAM,OAAO;AAAA,QAChC,KAAK;AACI,iBAAAC,EAAK,IAAI,CAACC,MAAM;AACrB,gBAAIA,EAAE,OAAOF,EAAM,QAAQ,IAAI;AACvB,oBAAAG,IAAMH,EAAM,QAAQ,QACpBI,IACJ,OAAOD,KAAQ,aAAaA,EAAID,CAAC,IAAI,EAAE,GAAGA,GAAG,GAAGC,EAAI;AACtD,qBAAO,EAAE,GAAGD,GAAG,GAAGE,EAAO;AAAA,YAAA;AAEpB,mBAAAF;AAAA,UAAA,CACR;AAAA,QACH,KAAK;AACI,iBAAAD,EAAK,OAAO,CAACC,MAAMA,EAAE,OAAOF,EAAM,QAAQ,EAAE;AAAA,QACrD,KAAK;AACH,iBAAO,CAAC;AAAA,QACV;AACS,iBAAAC;AAAA,MAAA;AAAA,IACX,CACD;AAAA,EAAA,CACF,GAEA,EAAE,GAIA,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAZ;AAAA,IACAC,EAAO,IAAI,CAACY,MAAU;AACf,YAAA;AAAA,QACJ,IAAAC;AAAA,QACA,SAAAC;AAAA,QACA,UAAAf;AAAAA,QACA,MAAAgB;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,GAAGC;AAAA,MAAA,IACDN;AAEF,aAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACJ,KAAKL;AAAA,UAEL,MAAMK,EAAW;AAAA,UACjB,MAAM,CAACG,MAAM;AACX,YAAAN,KAAA,QAAAA,EAAOM,IACPjB,EAAa,KAAK;AAAA,cAChB,MAAM;AAAA,cACN,SAAS,EAAE,IAAAS,GAAI,QAAQ,EAAE,MAAM,GAAQ,EAAA;AAAA,YAAA,CACxC;AAAA,UACH;AAAA,UACA,UAAU,CAACQ,MAAM;AACf,YAAAL,KAAA,QAAAA,EAAWK,IACXjB,EAAa,KAAK;AAAA,cAChB,MAAM;AAAA,cACN,SAAS,EAAE,IAAAS,GAAI,QAAQ,EAAE,MAAM,GAAQ,EAAA;AAAA,YAAA,CACxC;AAAA,UACH;AAAA,UACA,YAAY,MAAM;AAEH,YAAAT,EAAA,KAAK,EAAE,MAAM,WAAW,SAAS,EAAE,IAAAS,EAAA,GAAM,GAClDI,aAAmB,eACrBA,EAAQ,MAAM;AAAA,UAChB;AAAA,QACF;AAAA,QAECH,KAAWf;AAAAA,MACd;AAAA,IAEH,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/Modal/ModalService.js

@@ -0,0 +1,25 @@
+var n = Object.defineProperty;
+var i = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var r = (t, e, s) => i(t, typeof e != "symbol" ? e + "" : e, s);
+class a {
+  constructor() {
+    r(this, "listeners", []);
+    r(this, "counter", 0);
+  }
+  subscribe(e) {
+    return this.listeners.push(e), () => {
+      this.listeners = this.listeners.filter((s) => s !== e);
+    };
+  }
+  emit(e) {
+    this.listeners.forEach((s) => s(e));
+  }
+  generateId() {
+    return this.counter += 1, `modal_${this.counter}_${Date.now()}`;
+  }
+}
+const l = new a();
+export {
+  l as modalManager
+};
+//# sourceMappingURL=ModalService.js.map

package/dist/components/Modal/ModalService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalService.js","sources":["../../../src/components/Modal/ModalService.ts"],"sourcesContent":["import type { ModalFuncProps } from \"./functions\";\n\nexport type ModalConfig = ModalFuncProps & {\n  id: string;\n  trigger?: HTMLElement;\n};\n\nexport type UpdateConfig =\n  | Partial<ModalFuncProps>\n  | ((prev: ModalFuncProps) => ModalFuncProps);\n\nexport type ModalEvent =\n  | { type: \"add\"; payload: ModalConfig }\n  | { type: \"update\"; payload: { id: string; config: UpdateConfig } }\n  | { type: \"destroy\"; payload: { id: string } }\n  | { type: \"destroyAll\" };\n\ntype Listener = (event: ModalEvent) => void;\n\nclass ModalManager {\n  private listeners: Listener[] = [];\n  private counter = 0;\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener);\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener);\n    };\n  }\n\n  emit(event: ModalEvent) {\n    this.listeners.forEach((l) => l(event));\n  }\n\n  generateId() {\n    this.counter += 1;\n    return `modal_${this.counter}_${Date.now()}`;\n  }\n}\n\nexport const modalManager = new ModalManager();\n"],"names":["ModalManager","__publicField","listener","l","event","modalManager"],"mappings":";;;AAmBA,MAAMA,EAAa;AAAA,EAAnB;AACU,IAAAC,EAAA,mBAAwB,CAAC;AACzB,IAAAA,EAAA,iBAAU;AAAA;AAAA,EAElB,UAAUC,GAAoB;AACvB,gBAAA,UAAU,KAAKA,CAAQ,GACrB,MAAM;AACX,WAAK,YAAY,KAAK,UAAU,OAAO,CAACC,MAAMA,MAAMD,CAAQ;AAAA,IAC9D;AAAA,EAAA;AAAA,EAGF,KAAKE,GAAmB;AACtB,SAAK,UAAU,QAAQ,CAACD,MAAMA,EAAEC,CAAK,CAAC;AAAA,EAAA;AAAA,EAGxC,aAAa;AACX,gBAAK,WAAW,GACT,SAAS,KAAK,OAAO,IAAI,KAAK,KAAK;AAAA,EAAA;AAE9C;AAEa,MAAAC,IAAe,IAAIL,EAAa;"}

package/dist/components/Modal/constants.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((x) => (x.xsmall = "400px", x.small = "520px", x.medium = "640px", x.large = "840px", x.xlarge = "1024px", x.xxlarge = "1280px", x.fullscreen = "100%", x))(r || {});
+export {
+  r as ModalSize
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Modal/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Modal/constants.ts"],"sourcesContent":["// Size map for predefined modal sizes\nexport enum ModalSize {\n  xsmall = \"400px\",\n  small = \"520px\",\n  medium = \"640px\",\n  large = \"840px\",\n  xlarge = \"1024px\",\n  xxlarge = \"1280px\",\n  fullscreen = \"100%\",\n}\n"],"names":["ModalSize"],"mappings":"AACY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,SACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,UACVA,EAAA,aAAa,QAPHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/Modal/functions.js

@@ -0,0 +1,27 @@
+import { modalManager as o } from "./ModalService.js";
+function t(e) {
+  const r = document.activeElement instanceof HTMLElement ? document.activeElement : void 0, { type: c = "default", ...a } = e, n = o.generateId();
+  return o.emit({
+    type: "add",
+    payload: {
+      id: n,
+      type: c,
+      trigger: r,
+      ...a
+    }
+  }), {
+    update: (s) => o.emit({ type: "update", payload: { id: n, config: s } }),
+    destroy: () => o.emit({ type: "destroy", payload: { id: n } })
+  };
+}
+const i = (e) => t({ ...e, type: "confirm" }), p = (e) => t({ ...e, type: "info" }), y = (e) => t({ ...e, type: "success" }), l = (e) => t({ ...e, type: "error" }), m = (e) => t({ ...e, type: "warning" }), f = (e) => t({ ...e, type: "default" }), u = () => o.emit({ type: "destroyAll" });
+export {
+  i as confirm,
+  u as destroyAll,
+  l as error,
+  p as info,
+  f as open,
+  y as success,
+  m as warning
+};
+//# sourceMappingURL=functions.js.map

package/dist/components/Modal/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","sources":["../../../src/components/Modal/functions.tsx"],"sourcesContent":["import React, { JSX } from \"react\";\nimport type { ModalFuncProps as AntModalFuncProps } from \"antd\";\nimport { modalManager } from \"./ModalService\";\nimport { ModalProps } from \"./Modal\";\n\n// Extend Ant ModalFuncProps to include 'default'\nexport type ModalType = NonNullable<AntModalFuncProps[\"type\"]> | \"default\";\n\n// export type ModalFuncProps = Omit<AntModalFuncProps, \"type\"> & {\n//   type?: ModalType;\n// };\n\nexport type ModalFuncProps = ModalProps & {\n  /**\n   * Content to be displayed in the modal\n   * Similar to children prop in Modal component\n   * Keep this to be compatible with antd ModalFuncProps\n   */\n  content?: React.ReactNode;\n};\n\nexport type ModalUpdateConfig =\n  | Partial<ModalFuncProps>\n  | ((prev: ModalFuncProps) => ModalFuncProps);\n\nexport interface ModalRef {\n  update: (config: ModalUpdateConfig) => void;\n  destroy: () => void;\n}\n\nfunction createModal(config: ModalFuncProps): ModalRef {\n  // capture trigger element for focus restoration\n  const trigger =\n    document.activeElement instanceof HTMLElement\n      ? document.activeElement\n      : undefined;\n  const { type = \"default\", ...restConfig } = config;\n\n  const id = modalManager.generateId();\n  // initialize modal as open\n  modalManager.emit({\n    type: \"add\",\n    payload: {\n      id,\n      type,\n      trigger,\n      ...restConfig,\n    },\n  });\n  return {\n    update: (cfg: ModalUpdateConfig) =>\n      modalManager.emit({ type: \"update\", payload: { id, config: cfg } }),\n    destroy: () => modalManager.emit({ type: \"destroy\", payload: { id } }),\n  };\n}\n\nexport const confirm = (config: ModalFuncProps): ModalRef =>\n  createModal({ ...config, type: \"confirm\" });\nexport const info = (config: ModalFuncProps): ModalRef =>\n  createModal({ ...config, type: \"info\" });\nexport const success = (config: ModalFuncProps): ModalRef =>\n  createModal({ ...config, type: \"success\" });\nexport const error = (config: ModalFuncProps): ModalRef =>\n  createModal({ ...config, type: \"error\" });\nexport const warning = (config: ModalFuncProps): ModalRef =>\n  createModal({ ...config, type: \"warning\" });\n\n/**\n * Open a default (normal) modal\n */\nexport const open = (config: ModalFuncProps): ModalRef =>\n  createModal({ ...config, type: \"default\" });\n\nexport const destroyAll = (): void => modalManager.emit({ type: \"destroyAll\" });\n"],"names":["createModal","config","trigger","type","restConfig","id","modalManager","cfg","confirm","info","success","error","warning","open","destroyAll"],"mappings":";AA8BA,SAASA,EAAYC,GAAkC;AAErD,QAAMC,IACJ,SAAS,yBAAyB,cAC9B,SAAS,gBACT,QACA,EAAE,MAAAC,IAAO,WAAW,GAAGC,EAAe,IAAAH,GAEtCI,IAAKC,EAAa,WAAW;AAEnC,SAAAA,EAAa,KAAK;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,MACP,IAAAD;AAAA,MACA,MAAAF;AAAA,MACA,SAAAD;AAAA,MACA,GAAGE;AAAA,IAAA;AAAA,EACL,CACD,GACM;AAAA,IACL,QAAQ,CAACG,MACPD,EAAa,KAAK,EAAE,MAAM,UAAU,SAAS,EAAE,IAAAD,GAAI,QAAQE,KAAO;AAAA,IACpE,SAAS,MAAMD,EAAa,KAAK,EAAE,MAAM,WAAW,SAAS,EAAE,IAAAD,IAAM,CAAA;AAAA,EACvE;AACF;AAEa,MAAAG,IAAU,CAACP,MACtBD,EAAY,EAAE,GAAGC,GAAQ,MAAM,UAAW,CAAA,GAC/BQ,IAAO,CAACR,MACnBD,EAAY,EAAE,GAAGC,GAAQ,MAAM,OAAQ,CAAA,GAC5BS,IAAU,CAACT,MACtBD,EAAY,EAAE,GAAGC,GAAQ,MAAM,UAAW,CAAA,GAC/BU,IAAQ,CAACV,MACpBD,EAAY,EAAE,GAAGC,GAAQ,MAAM,QAAS,CAAA,GAC7BW,IAAU,CAACX,MACtBD,EAAY,EAAE,GAAGC,GAAQ,MAAM,UAAW,CAAA,GAK/BY,IAAO,CAACZ,MACnBD,EAAY,EAAE,GAAGC,GAAQ,MAAM,UAAW,CAAA,GAE/Ba,IAAa,MAAYR,EAAa,KAAK,EAAE,MAAM,aAAc,CAAA;"}

package/dist/components/Modal/index.js

@@ -0,0 +1,20 @@
+import o from "antd/es/app/useApp";
+import { Modal as r } from "./Modal.js";
+import { destroyAll as e, confirm as i, warning as m, error as s, success as t, info as a, open as d } from "./functions.js";
+import { ModalProvider as n } from "./ModalProvider.js";
+import './style.css';/* empty css          */
+const p = () => o().modal, g = Object.assign(r, {
+  Provider: n,
+  open: d,
+  info: a,
+  success: t,
+  error: s,
+  warning: m,
+  confirm: i,
+  destroyAll: e,
+  useModal: p
+});
+export {
+  g as Modal
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Modal/index.ts"],"sourcesContent":["\"use client\";\nimport useApp from \"antd/es/app/useApp\";\nimport { Modal as MainModal } from \"./Modal\";\nimport {\n  confirm,\n  info,\n  success,\n  error,\n  warning,\n  open,\n  destroyAll,\n  type ModalFuncProps,\n} from \"./functions\";\nimport { ModalProvider, type ModalProviderProps } from \"./ModalProvider\";\n\nimport \"./style.css\";\n\nconst useModal = () => {\n  return useApp().modal;\n};\n\n// Export the Modal component with static methods\nexport const Modal = Object.assign(MainModal, {\n  Provider: ModalProvider,\n  open,\n  info,\n  success,\n  error,\n  warning,\n  confirm,\n  destroyAll,\n  useModal,\n});\n\nexport { ModalFuncProps, ModalProviderProps };\n"],"names":["useModal","useApp","Modal","MainModal","ModalProvider","open","info","success","error","warning","confirm","destroyAll"],"mappings":";;;;;AAiBA,MAAMA,IAAW,MACRC,EAAS,EAAA,OAILC,IAAQ,OAAO,OAAOC,GAAW;AAAA,EAC5C,UAAUC;AAAA,EACV,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAX;AACF,CAAC;"}

package/dist/components/Modal/style.css

@@ -0,0 +1 @@
+@layer components{.ds-modal-wrap{max-height:100vh}.ds-modal-wrap .ds-modal-close-x{width:100%;display:flex}.ds-modal-wrap .ds-modal{padding-bottom:0;margin-top:0;margin-bottom:0;max-height:100vh;top:0}:is(.ds-modal-wrap .ds-modal) .ds-modal-content{display:flex;flex-direction:column;padding:0;box-shadow:var(--ds-box-shadow-secondary);background:var(--ds-modal-bg)}:is(.ds-modal-wrap .ds-modal) .ds-modal-body{padding:var(--ds-modal-content-padding);flex-grow:1;flex-shrink:1;min-height:0;overflow:auto}:is(.ds-modal-wrap .ds-modal) .ds-modal-header{padding:calc(var(--ds-modal-padding) * 2 / 3) var(--ds-modal-padding) 0 var(--ds-modal-padding);margin-bottom:0;background:transparent}:is(.ds-modal-wrap .ds-modal) .ds-modal-footer{padding:0 var(--ds-modal-padding) var(--ds-modal-padding) var(--ds-modal-padding);margin-top:0;background:transparent}:is(.ds-modal-wrap .ds-modal) .ds-modal-close{top:calc(var(--ds-modal-padding) * 2 / 3 - 4px)}.ds-modal-wrap:not(.ds-modal-centered) .ds-modal-inner{margin-top:4rem}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal-content{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2);margin:var(--ds-modal-edge-padding)}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal>div[tabindex="0"]{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2)}.ds-modal-no-body-scroll .ds-modal{max-height:100%}:is(.ds-modal-no-body-scroll .ds-modal) .ds-modal-body{overflow:hidden;display:grid}:is(:is(.ds-modal-no-body-scroll .ds-modal) .ds-modal-body)>*{min-height:0}.ds-modal-fullscreen .ds-modal>div[tabindex="0"]{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-inner{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-content{border-radius:0;height:100%;width:100%}:is(.ds-modal-fixed .ds-modal) .ds-modal-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding:calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding)}:is(.ds-modal-fixed .ds-modal) .ds-modal-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding:calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding)}:is(.ds-modal-fixed .ds-modal) .ds-modal-close{top:8px}:is(.ds-modal-content-overflow .ds-modal) .ds-modal-inner{margin-top:0}}

package/dist/components/Popover/component.js

@@ -0,0 +1,12 @@
+import { jsx as p } from "react/jsx-runtime";
+import m from "antd/es/popover";
+const s = ({
+  className: o,
+  style: r,
+  arrow: t = !1,
+  ...e
+}) => /* @__PURE__ */ p(m, { className: o, arrow: t, style: r, ...e });
+export {
+  s as Popover
+};
+//# sourceMappingURL=component.js.map

package/dist/components/Popover/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/Popover/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntPopover,\n  type PopoverProps as AntPopoverProps,\n} from \"antd/es/popover\";\n\n// Define props interface extending Ant Design's PopoverProps\nexport interface PopoverProps extends AntPopoverProps {\n  /**\n   * Arrow config for of the popover\n   * @default false\n   */\n  arrow?: AntPopoverProps[\"arrow\"];\n}\n\n// Create Popover component\nexport const Popover = ({\n  className,\n  style,\n  arrow = false,\n  ...rest\n}: PopoverProps) => {\n  return (\n    <AntPopover className={className} arrow={arrow} style={style} {...rest} />\n  );\n};\n"],"names":["Popover","className","style","arrow","rest","AntPopover"],"mappings":";;AAgBO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,wBAEKC,GAAW,EAAA,WAAAJ,GAAsB,OAAAE,GAAc,OAAAD,GAAe,GAAGE,GAAM;"}