@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

package/build/button-D8zdhI-0.js

@@ -0,0 +1,102 @@
+import { i, n as e, r as o, t as C } from "./utils-Cona48dZ.js";
+import { n as a, t as l } from "./functions-CLGf7hqw.js";
+import { t as f } from "./icon-BG6R5Lfa.js";
+import { useMergeRefs as x } from "./hooks-use-merge-refs.es.js";
+import { useTypographyStyles as A } from "./hooks-use-typography-styles.es.js";
+import { jsx as d, jsxs as N } from "react/jsx-runtime";
+import { useCallback as R, useMemo as c, useRef as F } from "react";
+var W = (n) => {
+  const u = c(() => f({
+    icons: (n.icons ?? []).map((s) => ({
+      ...s,
+      style: { color: o.genre.button[n.genre].color.index }
+    })),
+    size: n.size
+  }), [
+    n.icons,
+    n.size,
+    n.genre
+  ]), m = R((s) => {
+    !n.isDisabled && n.onClick && n.onClick(s);
+  }, [n.isDisabled, n.onClick]), b = x([F(null), n.ref]), { className: r, style: g } = A({
+    sx: {
+      variant: C.sizeToController[n.size],
+      isNoUserSelect: !0,
+      ...n?.sxTypography
+    },
+    style: {
+      order: 0,
+      display: "inline-flex"
+    }
+  }), { className: y, style: h } = c(() => {
+    const s = l([
+      e.component.button.root,
+      e.control[n.isDisabled ? "none" : n.control ?? "boxShadow"],
+      e.transition.color,
+      n.isZeroRadius && e.component.button.isZeroRadius,
+      n.isHidden && e.component.button.isHidden,
+      n.isHiddenBorder && e.component.button.isHiddenBorder,
+      n.isFullRadius && e.component.button.isFullRadius,
+      n.isFullSize && e.component.button.isFullSize,
+      n.isWidthAsHeight && e.component.button.isWidthAsHeight,
+      n.isMinWidthAsContent && e.component.button.isMinWidthAsContent,
+      n.isZeroPadding && e.component.button.isZeroPadding,
+      n.isSizeFitContent && e.component.button.isSizeFitContent,
+      n.className
+    ]), t = {};
+    return t[i.component.button.background] = o.genre.button[n.genre].background.index, t[i.component.button.color] = o.genre.button[n.genre].color.index, t[i.component.button.border] = o.genre.button[n.genre].border.index, t[i.component.button.height] = o.size[n.size].height, t[i.component.button.padding] = o.size[n.size].padding, t[i.component.button.radius] = o.size[n.size].radius, t[i.component.button.gap] = `calc(${o.size[n.size].padding} - 2px)`, {
+      className: s,
+      style: a([Object.keys(t).length ? t : void 0, n.style])
+    };
+  }, [
+    n.className,
+    n.style,
+    n.genre,
+    n.isDisabled,
+    n.isFullSize,
+    n.isHidden,
+    n.isHiddenBorder,
+    n.isMinWidthAsContent,
+    n.isFullRadius,
+    n.isWidthAsHeight,
+    n.size,
+    n.isZeroRadius,
+    n.control,
+    n.isZeroPadding,
+    n.isSizeFitContent
+  ]), { className: S, style: z } = c(() => {
+    const s = l([e.component.button.iconGroup, n.isIconGroup && e.component.button.iconGroupIsIconGroup]), t = {};
+    return "iconGroupOrder" in n && (t[i.component.button.iconGroupOrder] = String(n.iconGroupOrder ?? "initial")), {
+      className: s,
+      style: a([Object.keys(t).length ? t : void 0])
+    };
+  }, [n]);
+  return /* @__PURE__ */ N("button", {
+    tabIndex: n.tabIndex,
+    disabled: n.isDisabled,
+    className: y,
+    style: h,
+    onClick: m,
+    onFocus: n.onFocus,
+    onMouseDown: n.onMouseDown,
+    type: n.type ?? "button",
+    ref: b,
+    name: n.name,
+    "aria-label": n.ariaLabel,
+    id: n.id,
+    children: [!n.isOnlyIcon && n.children && /* @__PURE__ */ d("div", {
+      className: r,
+      style: g,
+      children: n.children
+    }), /* @__PURE__ */ d("div", {
+      className: S,
+      style: z,
+      children: u
+    })]
+  });
+};
+export {
+  W as t
+};
+
+//# sourceMappingURL=button-D8zdhI-0.js.map

package/build/button-D8zdhI-0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-D8zdhI-0.js","names":[],"sources":["../src/components/button/component.tsx"],"sourcesContent":["import { getIconComponents } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IButton } from './component.types';\n\nexport const Button: FC<IButton> = (props) => {\n  const iconComponents = useMemo(\n    () =>\n      getIconComponents({\n        icons: (props.icons ?? []).map((e) => ({\n          ...e,\n          style: { color: CSS_VARS.genre.button[props.genre].color.index },\n        })),\n        size: props.size,\n      }),\n    [props.icons, props.size, props.genre],\n  );\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>(\n    (event) => {\n      if (!props.isDisabled && props.onClick) {\n        props.onClick(event);\n      }\n    },\n    [props.isDisabled, props.onClick],\n  );\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.button.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.button.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.button.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.button.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.button.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.button.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.button.isMinWidthAsContent,\n      props.isZeroPadding && CSS_CLASS.component.button.isZeroPadding,\n      props.isSizeFitContent && CSS_CLASS.component.button.isSizeFitContent,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.button.background] = CSS_VARS.genre.button[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.button.color] = CSS_VARS.genre.button[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.button.border] = CSS_VARS.genre.button[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.button.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.button.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.button.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.button.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.isZeroRadius,\n    props.control,\n    props.isZeroPadding,\n    props.isSizeFitContent,\n  ]);\n\n  const { className: classNameIconGroup, style: styleIconGroup } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.iconGroup,\n\n      props.isIconGroup && CSS_CLASS.component.button.iconGroupIsIconGroup,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    if ('iconGroupOrder' in props)\n      vars[CSS_VARS_RAW.component.button.iconGroupOrder] = String(props.iconGroupOrder ?? 'initial');\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props]);\n\n  return (\n    <button\n      tabIndex={props.tabIndex}\n      disabled={props.isDisabled}\n      className={className}\n      style={style}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      type={props.type ?? 'button'}\n      ref={ref as Ref<HTMLButtonElement>}\n      name={props.name}\n      aria-label={props.ariaLabel}\n      id={props.id}\n    >\n      {!props.isOnlyIcon && props.children && (\n        <div className={classNameTypography} style={styleTypography}>\n          {props.children}\n        </div>\n      )}\n      <div className={classNameIconGroup} style={styleIconGroup}>\n        {iconComponents}\n      </div>\n    </button>\n  );\n};\n"],"mappings":"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"}

package/build/checkbox-Ba0-4wxk.js

@@ -0,0 +1,98 @@
+import { i as c, n as i, r as t, t as x } from "./utils-Cona48dZ.js";
+import { n as u, t as g } from "./functions-CLGf7hqw.js";
+import { r as k } from "./icon-BG6R5Lfa.js";
+import { useMergeRefs as y } from "./hooks-use-merge-refs.es.js";
+import { useTypographyStyles as z } from "./hooks-use-typography-styles.es.js";
+import { t as S } from "./error-D1UNY-0f.js";
+import { Fragment as f, jsx as o, jsxs as a } from "react/jsx-runtime";
+import { useCallback as C, useMemo as A, useRef as R } from "react";
+var I = (e) => {
+  const s = y([R(null), e.ref]), { className: l, style: d } = z({
+    sx: {
+      variant: x.sizeToController[e.size],
+      isNoUserSelect: !0,
+      ...e?.sxTypography
+    },
+    style: {
+      order: 0,
+      display: "inline-flex"
+    }
+  }), { className: h, style: r } = A(() => {
+    const b = g([
+      i.component.checkbox.root,
+      i.control[e.isDisabled ? "none" : e.control ?? "boxShadow"],
+      i.transition.color,
+      e.error?.isError && i.isError,
+      e.isZeroRadius && i.component.checkbox.isZeroRadius,
+      e.isHidden && i.component.checkbox.isHidden,
+      e.isHiddenBorder && i.component.checkbox.isHiddenBorder,
+      e.isFullRadius && i.component.checkbox.isFullRadius,
+      e.isFullSize && i.component.checkbox.isFullSize,
+      e.isWidthAsHeight && i.component.checkbox.isWidthAsHeight,
+      e.isMinWidthAsContent && i.component.checkbox.isMinWidthAsContent,
+      e.isOnlyIcon && i.component.checkbox.isOnlyIcon,
+      e.className
+    ]), n = {};
+    return n[c.component.checkbox.background] = t.genre.checkbox[e.genre].background.index, n[c.component.checkbox.color] = t.genre.checkbox[e.genre].color.index, n[c.component.checkbox.border] = t.genre.checkbox[e.genre].border.index, n[c.component.checkbox.height] = t.size[e.size].height, n[c.component.checkbox.padding] = t.size[e.size].padding, n[c.component.checkbox.radius] = t.size[e.size].radius, n[c.component.checkbox.gap] = `calc(${t.size[e.size].padding} - 2px)`, {
+      className: b,
+      style: u([Object.keys(n).length ? n : void 0, e.style])
+    };
+  }, [
+    e.className,
+    e.style,
+    e.genre,
+    e.isDisabled,
+    e.isFullSize,
+    e.isHidden,
+    e.isHiddenBorder,
+    e.isMinWidthAsContent,
+    e.isFullRadius,
+    e.isWidthAsHeight,
+    e.size,
+    e.error,
+    e.isZeroRadius,
+    e.isOnlyIcon,
+    e.control
+  ]), m = C(() => {
+    !e.isDisabled && e.onChange && e.onChange(!e.checked);
+  }, [
+    e.isDisabled,
+    e.onChange,
+    e.checked
+  ]);
+  return /* @__PURE__ */ a(f, { children: [/* @__PURE__ */ a("button", {
+    disabled: e.isDisabled,
+    tabIndex: e.tabIndex,
+    onClick: m,
+    onFocus: e.onFocus,
+    onMouseDown: e.onMouseDown,
+    className: h,
+    style: r,
+    type: e.type ?? "button",
+    ref: s,
+    name: e.name,
+    "aria-label": e.ariaLabel,
+    id: e.id,
+    children: [/* @__PURE__ */ o(k, {
+      ...e.checked ? e.view.true : e.view.false,
+      size: (e.checked ? e.view.true : e.view.false)?.size ?? e.size
+    }), !e.isOnlyIcon && e.children && /* @__PURE__ */ o("div", {
+      className: l,
+      style: d,
+      children: e.children
+    })]
+  }), e?.error?.isError && /* @__PURE__ */ o(S, {
+    size: e?.error.size ?? e.size,
+    sxTypography: {
+      size: "16px",
+      weight: "400",
+      ...e?.error.sxTypography
+    },
+    ...e.error
+  })] });
+};
+export {
+  I as t
+};
+
+//# sourceMappingURL=checkbox-Ba0-4wxk.js.map

package/build/checkbox-Ba0-4wxk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-Ba0-4wxk.js","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/checkbox-BtkbSjHq.cjs

@@ -0,0 +1,3 @@
+const x=require("./chunk-CW3en5xf.cjs"),i=require("./utils-DtinAjAU.cjs"),S=require("./functions-Dwo54amB.cjs"),u=require("./icon-CreblPsB.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),_=require("./hooks-use-typography-styles.cjs.js"),b=require("./error--kiPVmoi.cjs");let c=require("react/jsx-runtime"),t=require("react");var A=e=>{const s=C.useMergeRefs([(0,t.useRef)(null),e.ref]),{className:o,style:l}=_.useTypographyStyles({sx:{variant:i.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}}),{className:r,style:a}=(0,t.useMemo)(()=>{const h=S.setClasses([i.CSS_CLASS.component.checkbox.root,i.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],i.CSS_CLASS.transition.color,e.error?.isError&&i.CSS_CLASS.isError,e.isZeroRadius&&i.CSS_CLASS.component.checkbox.isZeroRadius,e.isHidden&&i.CSS_CLASS.component.checkbox.isHidden,e.isHiddenBorder&&i.CSS_CLASS.component.checkbox.isHiddenBorder,e.isFullRadius&&i.CSS_CLASS.component.checkbox.isFullRadius,e.isFullSize&&i.CSS_CLASS.component.checkbox.isFullSize,e.isWidthAsHeight&&i.CSS_CLASS.component.checkbox.isWidthAsHeight,e.isMinWidthAsContent&&i.CSS_CLASS.component.checkbox.isMinWidthAsContent,e.isOnlyIcon&&i.CSS_CLASS.component.checkbox.isOnlyIcon,e.className]),n={};return n[i.CSS_VARS_RAW.component.checkbox.background]=i.CSS_VARS.genre.checkbox[e.genre].background.index,n[i.CSS_VARS_RAW.component.checkbox.color]=i.CSS_VARS.genre.checkbox[e.genre].color.index,n[i.CSS_VARS_RAW.component.checkbox.border]=i.CSS_VARS.genre.checkbox[e.genre].border.index,n[i.CSS_VARS_RAW.component.checkbox.height]=i.CSS_VARS.size[e.size].height,n[i.CSS_VARS_RAW.component.checkbox.padding]=i.CSS_VARS.size[e.size].padding,n[i.CSS_VARS_RAW.component.checkbox.radius]=i.CSS_VARS.size[e.size].radius,n[i.CSS_VARS_RAW.component.checkbox.gap]=`calc(${i.CSS_VARS.size[e.size].padding} - 2px)`,{className:h,style:S.setStyles([Object.keys(n).length?n:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.error,e.isZeroRadius,e.isOnlyIcon,e.control]),d=(0,t.useCallback)(()=>{!e.isDisabled&&e.onChange&&e.onChange(!e.checked)},[e.isDisabled,e.onChange,e.checked]);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("button",{disabled:e.isDisabled,tabIndex:e.tabIndex,onClick:d,onFocus:e.onFocus,onMouseDown:e.onMouseDown,className:r,style:a,type:e.type??"button",ref:s,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[(0,c.jsx)(u.Icon,{...e.checked?e.view.true:e.view.false,size:(e.checked?e.view.true:e.view.false)?.size??e.size}),!e.isOnlyIcon&&e.children&&(0,c.jsx)("div",{className:o,style:l,children:e.children})]}),e?.error?.isError&&(0,c.jsx)(b.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return A}});
+
+//# sourceMappingURL=checkbox-BtkbSjHq.cjs.map

package/build/checkbox-BtkbSjHq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-BtkbSjHq.cjs","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/chunk-CW3en5xf.cjs

@@ -0,0 +1 @@
+var i=Object.create,u=Object.defineProperty,O=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,f=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,P=(e,r)=>()=>(e&&(r=e(e=0)),r),g=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports),s=(e,r)=>{let t={};for(var o in e)u(t,o,{get:e[o],enumerable:!0});return r||u(t,Symbol.toStringTag,{value:"Module"}),t},p=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(var a=v(r),_=0,c=a.length,n;_<c;_++)n=a[_],!l.call(e,n)&&n!==t&&u(e,n,{get:(b=>r[b]).bind(null,n),enumerable:!(o=O(r,n))||o.enumerable});return e},j=(e,r,t)=>(t=e!=null?i(f(e)):{},p(r||!e||!e.__esModule?u(t,"default",{value:e,enumerable:!0}):t,e)),y=e=>l.call(e,"module.exports")?e["module.exports"]:p(u({},"__esModule",{value:!0}),e);Object.defineProperty(exports,"__commonJSMin",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"__esmMin",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"__exportAll",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"__toCommonJS",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"__toESM",{enumerable:!0,get:function(){return j}});

package/build/chunk-D1xtDmiO.js

@@ -0,0 +1,31 @@
+var f = Object.create, a = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = Object.getOwnPropertyNames, b = Object.getPrototypeOf, l = Object.prototype.hasOwnProperty, g = (e, r) => () => (e && (r = e(e = 0)), r), O = (e, r) => () => (r || e((r = { exports: {} }).exports, r), r.exports), P = (e, r) => {
+  let t = {};
+  for (var o in e)
+    a(t, o, {
+      get: e[o],
+      enumerable: !0
+    });
+  return r || a(t, Symbol.toStringTag, { value: "Module" }), t;
+}, p = (e, r, t, o) => {
+  if (r && typeof r == "object" || typeof r == "function")
+    for (var i = c(r), u = 0, _ = i.length, n; u < _; u++)
+      n = i[u], !l.call(e, n) && n !== t && a(e, n, {
+        get: ((s) => r[s]).bind(null, n),
+        enumerable: !(o = v(r, n)) || o.enumerable
+      });
+  return e;
+}, d = (e, r, t) => (t = e != null ? f(b(e)) : {}, p(r || !e || !e.__esModule ? a(t, "default", {
+  value: e,
+  enumerable: !0
+}) : t, e)), y = (e) => l.call(e, "module.exports") ? e["module.exports"] : p(a({}, "__esModule", { value: !0 }), e), q = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (r, t) => (typeof require < "u" ? require : r)[t] }) : e)(function(e) {
+  if (typeof require < "u") return require.apply(this, arguments);
+  throw Error('Calling `require` for "' + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+export {
+  y as a,
+  q as i,
+  g as n,
+  d as o,
+  P as r,
+  O as t
+};

package/build/component-6HgOL-7c.js

@@ -0,0 +1,71 @@
+import { t as k } from "./proxy-DTLy-pV-.js";
+import { n as t } from "./utils-Cona48dZ.js";
+import { n as r, t as c } from "./functions-CLGf7hqw.js";
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+var h = (e) => {
+  const { className: s, style: a, Component: l } = m(() => ({
+    className: c([
+      t.component.stack.root,
+      e.scrollbarGutter && t.scrollbarGutter[e.scrollbarGutter],
+      e.isRipple && t.isRipple,
+      e.isHover && t.isHover,
+      e.className
+    ]),
+    style: r([e?.sx, e.style]),
+    Component: e.as ?? "div"
+  }), [
+    e.as,
+    e.className,
+    e.isHover,
+    e.isRipple,
+    e.style,
+    e.sx,
+    e.scrollbarGutter
+  ]);
+  return /* @__PURE__ */ o(l, {
+    ref: e.ref,
+    onClick: e.onClick,
+    onDrop: e.onDrop,
+    onDragOver: e.onDragOver,
+    className: s,
+    style: a,
+    id: e.id,
+    children: e.children
+  });
+}, G = (e) => {
+  const { isHover: s, isRipple: a, onClick: l, onDrop: v, onDragOver: y, ref: d, sx: x, className: i, style: n, ...u } = e, { className: N, style: f, as: C } = m(() => ({
+    className: c([
+      t.component.stack.root,
+      a && t.isRipple,
+      s && t.isHover,
+      i
+    ]),
+    style: r([e?.sx, n]),
+    as: e.as ?? "div"
+  }), [
+    e.as,
+    s,
+    a,
+    i,
+    n,
+    e.sx
+  ]);
+  return /* @__PURE__ */ o(k.div, {
+    as: C,
+    ref: d,
+    onClick: l,
+    onDrop: v,
+    onDragOver: y,
+    className: N,
+    style: f,
+    ...u,
+    children: e.children
+  });
+};
+export {
+  G as n,
+  h as t
+};
+
+//# sourceMappingURL=component-6HgOL-7c.js.map

package/build/component-6HgOL-7c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-6HgOL-7c.js","names":[],"sources":["../src/components/stack/component.tsx"],"sourcesContent":["import { CSS_CLASS } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { motion } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { IStack, IStackMotion } from './component.types';\n\nexport const Stack: FC<IStack> = (props) => {\n  const { className, style, Component } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        props.scrollbarGutter && CSS_CLASS.scrollbarGutter[props.scrollbarGutter],\n        props.isRipple && CSS_CLASS.isRipple,\n        props.isHover && CSS_CLASS.isHover,\n        props.className,\n      ]),\n      style: setStyles([props?.sx, props.style]),\n      Component: props.as ?? 'div',\n    };\n  }, [props.as, props.className, props.isHover, props.isRipple, props.style, props.sx, props.scrollbarGutter]);\n\n  return (\n    <Component\n      //@ts-expect-error\n      ref={props.ref}\n      onClick={props.onClick}\n      //@ts-expect-error\n      onDrop={props.onDrop}\n      //@ts-expect-error\n      onDragOver={props.onDragOver}\n      className={className}\n      style={style}\n      id={props.id}\n    >\n      {props.children}\n    </Component>\n  );\n};\n\nexport const StackMotion: FC<IStackMotion> = (props) => {\n  const { isHover, isRipple, onClick, onDrop, onDragOver, ref, sx, className, style, ...rest } = props;\n\n  const {\n    className: className2,\n    style: style2,\n    as,\n  } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        isRipple && CSS_CLASS.isRipple,\n        isHover && CSS_CLASS.isHover,\n        className,\n      ]),\n      style: setStyles([props?.sx, style]),\n      as: props.as ?? 'div',\n    };\n  }, [props.as, isHover, isRipple, className, style, props.sx]);\n\n  return (\n    <motion.div\n      as={as}\n      ref={ref}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className2}\n      style={style2}\n      {...rest}\n    >\n      {props.children}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;AAQA,IAAa,IAAA,CAAqB,MAAU;AAC1C,QAAM,EAAE,WAAA,GAAW,OAAA,GAAO,WAAA,EAAA,IAAc,EAAA,OAC/B;AAAA,IACL,WAAW,EAAW;AAAA,MACpB,EAAU,UAAU,MAAM;AAAA,MAC1B,EAAM,mBAAmB,EAAU,gBAAgB,EAAM,eAAA;AAAA,MACzD,EAAM,YAAY,EAAU;AAAA,MAC5B,EAAM,WAAW,EAAU;AAAA,MAC3B,EAAM;AAAA,KACP;AAAA,IACD,OAAO,EAAU,CAAC,GAAO,IAAI,EAAM,KAAA,CAAM;AAAA,IACzC,WAAW,EAAM,MAAM;AAAA,MAExB;AAAA,IAAC,EAAM;AAAA,IAAI,EAAM;AAAA,IAAW,EAAM;AAAA,IAAS,EAAM;AAAA,IAAU,EAAM;AAAA,IAAO,EAAM;AAAA,IAAI,EAAM;AAAA,GAAgB;AAE3G,SACE,gBAAA,EAAC,GAAD;AAAA,IAEE,KAAK,EAAM;AAAA,IACX,SAAS,EAAM;AAAA,IAEf,QAAQ,EAAM;AAAA,IAEd,YAAY,EAAM;AAAA,IACP,WAAA;AAAA,IACJ,OAAA;AAAA,IACP,IAAI,EAAM;AAAA,cAET,EAAM;AAAA,GACG;GAIH,IAAA,CAAiC,MAAU;AACtD,QAAM,EAAE,SAAA,GAAS,UAAA,GAAU,SAAA,GAAS,QAAA,GAAQ,YAAA,GAAY,KAAA,GAAK,IAAA,GAAI,WAAA,GAAW,OAAA,GAAO,GAAG,EAAA,IAAS,GAEzF,EACJ,WAAW,GACX,OAAO,GACP,IAAA,EAAA,IACE,EAAA,OACK;AAAA,IACL,WAAW,EAAW;AAAA,MACpB,EAAU,UAAU,MAAM;AAAA,MAC1B,KAAY,EAAU;AAAA,MACtB,KAAW,EAAU;AAAA,MACrB;AAAA,KACD;AAAA,IACD,OAAO,EAAU,CAAC,GAAO,IAAI,CAAA,CAAM;AAAA,IACnC,IAAI,EAAM,MAAM;AAAA,MAEjB;AAAA,IAAC,EAAM;AAAA,IAAI;AAAA,IAAS;AAAA,IAAU;AAAA,IAAW;AAAA,IAAO,EAAM;AAAA,GAAG;AAE5D,SACE,gBAAA,EAAC,EAAO,KAAR;AAAA,IACM,IAAA;AAAA,IACC,KAAA;AAAA,IACI,SAAA;AAAA,IACD,QAAA;AAAA,IACI,YAAA;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAI;AAAA,cAEH,EAAM;AAAA,GACI"}

package/build/component-BjdeqpEq.cjs

@@ -0,0 +1,3 @@
+const N=require("./chunk-CW3en5xf.cjs"),d=require("./proxy-D2Z8K6jr.cjs"),t=require("./utils-DtinAjAU.cjs"),n=require("./functions-Dwo54amB.cjs");let c=require("react/jsx-runtime"),S=require("react");var k=e=>{const{className:r,style:s,Component:i}=(0,S.useMemo)(()=>({className:n.setClasses([t.CSS_CLASS.component.stack.root,e.scrollbarGutter&&t.CSS_CLASS.scrollbarGutter[e.scrollbarGutter],e.isRipple&&t.CSS_CLASS.isRipple,e.isHover&&t.CSS_CLASS.isHover,e.className]),style:n.setStyles([e?.sx,e.style]),Component:e.as??"div"}),[e.as,e.className,e.isHover,e.isRipple,e.style,e.sx,e.scrollbarGutter]);return(0,c.jsx)(i,{ref:e.ref,onClick:e.onClick,onDrop:e.onDrop,onDragOver:e.onDragOver,className:r,style:s,id:e.id,children:e.children})},q=e=>{const{isHover:r,isRipple:s,onClick:i,onDrop:u,onDragOver:o,ref:C,sx:x,className:l,style:a,...m}=e,{className:y,style:v,as:_}=(0,S.useMemo)(()=>({className:n.setClasses([t.CSS_CLASS.component.stack.root,s&&t.CSS_CLASS.isRipple,r&&t.CSS_CLASS.isHover,l]),style:n.setStyles([e?.sx,a]),as:e.as??"div"}),[e.as,r,s,l,a,e.sx]);return(0,c.jsx)(d.motion.div,{as:_,ref:C,onClick:i,onDrop:u,onDragOver:o,className:y,style:v,...m,children:e.children})};Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"StackMotion",{enumerable:!0,get:function(){return q}});
+
+//# sourceMappingURL=component-BjdeqpEq.cjs.map

package/build/component-BjdeqpEq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-BjdeqpEq.cjs","names":[],"sources":["../src/components/stack/component.tsx"],"sourcesContent":["import { CSS_CLASS } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { motion } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { IStack, IStackMotion } from './component.types';\n\nexport const Stack: FC<IStack> = (props) => {\n  const { className, style, Component } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        props.scrollbarGutter && CSS_CLASS.scrollbarGutter[props.scrollbarGutter],\n        props.isRipple && CSS_CLASS.isRipple,\n        props.isHover && CSS_CLASS.isHover,\n        props.className,\n      ]),\n      style: setStyles([props?.sx, props.style]),\n      Component: props.as ?? 'div',\n    };\n  }, [props.as, props.className, props.isHover, props.isRipple, props.style, props.sx, props.scrollbarGutter]);\n\n  return (\n    <Component\n      //@ts-expect-error\n      ref={props.ref}\n      onClick={props.onClick}\n      //@ts-expect-error\n      onDrop={props.onDrop}\n      //@ts-expect-error\n      onDragOver={props.onDragOver}\n      className={className}\n      style={style}\n      id={props.id}\n    >\n      {props.children}\n    </Component>\n  );\n};\n\nexport const StackMotion: FC<IStackMotion> = (props) => {\n  const { isHover, isRipple, onClick, onDrop, onDragOver, ref, sx, className, style, ...rest } = props;\n\n  const {\n    className: className2,\n    style: style2,\n    as,\n  } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        isRipple && CSS_CLASS.isRipple,\n        isHover && CSS_CLASS.isHover,\n        className,\n      ]),\n      style: setStyles([props?.sx, style]),\n      as: props.as ?? 'div',\n    };\n  }, [props.as, isHover, isRipple, className, style, props.sx]);\n\n  return (\n    <motion.div\n      as={as}\n      ref={ref}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className2}\n      style={style2}\n      {...rest}\n    >\n      {props.children}\n    </motion.div>\n  );\n};\n"],"mappings":"wMAQA,IAAa,EAAqB,GAAU,CAC1C,KAAM,CAAE,UAAA,EAAW,MAAA,EAAO,UAAA,CAAA,KAAA,EAAA,SAAA,KACjB,CACL,UAAW,EAAA,WAAW,CACpB,EAAA,UAAU,UAAU,MAAM,KAC1B,EAAM,iBAAmB,EAAA,UAAU,gBAAgB,EAAM,eAAA,EACzD,EAAM,UAAY,EAAA,UAAU,SAC5B,EAAM,SAAW,EAAA,UAAU,QAC3B,EAAM,UACP,EACD,MAAO,EAAA,UAAU,CAAC,GAAO,GAAI,EAAM,KAAA,CAAM,EACzC,UAAW,EAAM,IAAM,QAExB,CAAC,EAAM,GAAI,EAAM,UAAW,EAAM,QAAS,EAAM,SAAU,EAAM,MAAO,EAAM,GAAI,EAAM,gBAAgB,EAE3G,SACE,EAAA,KAAC,EAAD,CAEE,IAAK,EAAM,IACX,QAAS,EAAM,QAEf,OAAQ,EAAM,OAEd,WAAY,EAAM,WACP,UAAA,EACJ,MAAA,EACP,GAAI,EAAM,YAET,EAAM,SACG,GAIH,EAAiC,GAAU,CACtD,KAAM,CAAE,QAAA,EAAS,SAAA,EAAU,QAAA,EAAS,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,GAAA,EAAI,UAAA,EAAW,MAAA,EAAO,GAAG,CAAA,EAAS,EAEzF,CACJ,UAAW,EACX,MAAO,EACP,GAAA,CAAA,KAAA,EAAA,SAAA,KAEO,CACL,UAAW,EAAA,WAAW,CACpB,EAAA,UAAU,UAAU,MAAM,KAC1B,GAAY,EAAA,UAAU,SACtB,GAAW,EAAA,UAAU,QACrB,EACD,EACD,MAAO,EAAA,UAAU,CAAC,GAAO,GAAI,CAAA,CAAM,EACnC,GAAI,EAAM,IAAM,QAEjB,CAAC,EAAM,GAAI,EAAS,EAAU,EAAW,EAAO,EAAM,GAAG,EAE5D,SACE,EAAA,KAAC,EAAA,OAAO,IAAR,CACM,GAAA,EACC,IAAA,EACI,QAAA,EACD,OAAA,EACI,WAAA,EACZ,UAAW,EACX,MAAO,EACP,GAAI,WAEH,EAAM,SACI"}

package/build/component-button.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-gXk1ewxx.cjs");exports.Button=t.Button,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
-//# sourceMappingURL=component-button.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-CW3en5xf.cjs"),e=require("./button-C5PgNYns.cjs");exports.Button=e.Button;

package/build/component-button.d.ts

@@ -1,208 +1,2 @@
-import { Component } from 'react';
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { DetailedHTMLProps } from 'react';
-import { FC } from 'react';
-import { ForwardRefComponent } from 'framer-motion';
-import { HTMLAttributes } from 'react';
-import { HTMLMotionProps } from 'framer-motion';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { PropsWithChildren } from 'react';
-import { Ref } from 'react';
-import { RefAttributes } from 'react';
-import { Substitute } from 'styled-components/dist/types';
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare type AddDollarSign_2<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-declare type addIconProps = {
-    [T in keyof DefaultTheme['icon']['map']]: Omit<IconItemProps, 'size'> & {
-        type: T;
-        name: DefaultTheme['icon']['map'][T][number];
-        isHidden?: boolean;
-        size?: IconItemProps['size'];
-    };
-}[keyof DefaultTheme['icon']['map']];
-
-declare type addOutlineProps = {
-    isReadOnly?: boolean;
-    isDisabledOutline?: boolean;
-    isOutlineBoxShadow?: boolean;
-};
-
-declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-declare type addSXStyleProps = AddDollarSign<addSXProps>;
-
-declare type addSXTypographyProps = {
-    sxTypography?: TypographySXProps;
-};
-
-declare type addSXTypographyStyleProps = AddDollarSign<addSXTypographyProps>;
-
-export declare const Button: FC<ButtonProps>;
-
-export declare type ButtonProps = ButtonPropsStandard | ButtonPropsIconGroup;
-
-declare type ButtonPropsDefault = PropsWithChildren & {
-    size: IThemeSize;
-    genre: TButtonGenre;
-    id?: string;
-    tabIndex?: number;
-    ref?: Ref<HTMLElement | null>;
-    className?: string;
-    icons?: addIconProps[];
-    isDisabled?: boolean;
-    isDisabledRipple?: boolean;
-    isHidden?: boolean;
-    isOnlyIcon?: boolean;
-    isWhileTapEffect?: boolean;
-    isWidthAsHeight?: boolean;
-    isMinWidthAsContent?: boolean;
-    isRadius?: boolean;
-    isHiddenBorder?: boolean;
-    isPlaystationEffect?: boolean;
-    isNotHoverEffect?: boolean;
-    isFullSize?: boolean;
-    onFocus?: (event: default_2.FocusEvent<HTMLButtonElement, Element>) => void;
-    onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    type?: 'button' | 'submit' | 'reset';
-} & addSXProps & addFontProps & addOutlineProps & addSXTypographyProps;
-
-export declare type ButtonPropsIconGroup = ButtonPropsDefault & {
-    isIconGroup?: true;
-    iconGroupOrder?: number;
-};
-
-export declare type ButtonPropsStandard = ButtonPropsDefault & {
-    isIconGroup?: false;
-};
-
-declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-declare type IconItemProps = {
-    [K in keyof DefaultTheme['icon']['map']]: {
-        type: K;
-        name: DefaultTheme['icon']['map'][K][number];
-        className?: string;
-        onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
-        size: IThemeSize | '100%';
-        color?: IThemePaletteKeys;
-        turn?: number;
-        order?: number;
-        tabIndex?: number;
-    } & addSXProps;
-}[keyof DefaultTheme['icon']['map']];
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray' | 'bustmarket-gray-violet' | 'bustmarket-violet' | 'bustmarket-white-violet'>, IThemeGenreTypeDefault>;
-
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
-
-declare interface IThemeGenreTypeDefault {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
-declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
-
-declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
-
-declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-/**
- * Styled
- */
-export declare const StyledButton: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"button">, "ref"> & RefAttributes<HTMLButtonElement>, StyledDollarButtonProps>> & string & Omit<ForwardRefComponent<HTMLButtonElement, HTMLMotionProps<"button">>, keyof Component<any, {}, any>>;
-
-export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<ButtonProps, "size" | "isIconGroup"> & Pick<ButtonPropsIconGroup, "iconGroupOrder">>>> & string;
-
-export declare type StyledDollarButtonIconsWrapperProps = AddDollarSign<Pick<ButtonProps, 'isIconGroup' | 'size'> & Pick<ButtonPropsIconGroup, 'iconGroupOrder'>>;
-
-export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect' | 'font'>> & addSXStyleProps & addOutlinePropsDollar & addSXTypographyStyleProps;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export declare type TButtonGenre = keyof IThemeGenre;
-
-declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;
-
-declare type TypographyDataProps = TypographyDefaultProps & {
-    size?: number;
-};
-
-declare type TypographyDefaultProps = {
-    align?: CSSProperties['textAlign'];
-    color?: IThemePaletteKeys;
-    cursor?: CSSProperties['cursor'];
-    decoration?: CSSProperties['textDecoration'];
-    family?: IThemeFontFamily;
-    flex?: string;
-    height?: number | string;
-    isHoverUnderlining?: boolean;
-    letterSpacing?: CSSProperties['letterSpacing'];
-    line?: number;
-    overflow?: CSSProperties['overflow'];
-    shadow?: 'shadowPulse';
-    transform?: CSSProperties['textTransform'];
-    weight?: IThemeTypographyWeight;
-    wrap?: CSSProperties['textWrap'];
-    isNoUserSelect?: boolean;
-};
-
-declare type TypographySXProps = {
-    default: TypographyAllProps;
-} & {
-    [K in IThemeDevice]?: TypographyAllProps;
-};
-
-declare type TypographyVariantProps = TypographyDefaultProps & {
-    variant: IThemeTypographyHeading;
-};
-
-export { }
+export * from './components/button/index'
+export {}

package/build/component-button.es.js

@@ -1,7 +1,4 @@
-import { B, f, g } from "./context.constants-D0UjboYX.js";
+import { t as o } from "./button-D8zdhI-0.js";
 export {
-  B as Button,
-  f as StyledButton,
-  g as StyledButtonIconsWrapper
+  o as Button
 };
-//# sourceMappingURL=component-button.es.js.map

package/build/component-checkbox.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-sVzC5XUR.cjs"),o=require("./context.constants-gXk1ewxx.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=o.CheckboxGenre,exports.CheckboxSize=o.CheckboxSize,exports.CheckboxSizeConstructor=o.CheckboxSizeConstructor,exports.CheckboxWrapper=o.CheckboxWrapper;
-//# sourceMappingURL=component-checkbox.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./checkbox-BtkbSjHq.cjs");exports.Checkbox=e.Checkbox;