npm - brd-ui-kit - Versions diffs - 0.1.71 → 0.1.72 - Mend

brd-ui-kit 0.1.71 → 0.1.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/dist/components-input-contact-input-contact.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import './brd-ui-kit.css';/* empty css                 */
-import { cn as m } from "./lib-utils.js";
+import { cn as f } from "./lib-utils.js";
 import "class-variance-authority";
-import { useState as B, useRef as P, useEffect as N } from "react";
+import { useState as y, useRef as w, useEffect as P } from "react";
 import "./components-ui-badge-badge.styles.js";
-import { Button as j } from "./components-ui-button-button.js";
+import { Button as I } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import "./components-ui-card-card.js";
 import "./components-ui-checkbox-checkbox.js";
@@ -27,206 +27,189 @@ import "./components-ui-table-table.js";
 import "./components-ui-tabs-tabs.js";
 import "./components-ui-tooltip-tooltip.js";
 import "./components-ui-typography-typography.styles.js";
-import { usePopupControls as I } from "./hooks-usePopupControls.js";
-import "lucide-react";
+import { usePopupControls as N } from "./hooks-usePopupControls.js";
 import "./components-app-pagination-app-pagination.styles.js";
 import "./components-app-sidebar-app-sidebar.styles.js";
-import { InputField as $ } from "./components-input-field-input-field.js";
+import { InputField as k } from "./components-input-field-input-field.js";
 import "./components-select-field-select-field.js";
 import "./lodash-FemA_LCk.js";
 import "./chart-D15EtNmb.js";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
-import { InputPhone as T } from "./components-input-phone-input-phone.js";
-const k = [
+import { InputPhone as z } from "./components-input-phone-input-phone.js";
+import "./components-ui-calendar-calendar.styles.js";
+const T = [
   {
     label: "Мобильный",
     icon: "phone"
   },
   {
     label: "Telegram",
-    icon: "telegram"
+    icon: "telegram-logo"
   },
   {
     label: "WhatsApp",
-    icon: "whats-app"
+    icon: "whats-app-logo-filled"
   },
   {
     label: "Max",
-    icon: "max"
+    icon: "max-logo"
   },
   {
     label: "E-mail",
-    icon: "mail"
+    icon: "envelope-simple"
   }
-], o = (s) => {
-  switch (s) {
-    case "max":
+], g = (t) => {
+  switch (t) {
+    case "max-logo":
       return {
-        viewBox: "0 0 16 16",
         bgColor: "bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"
       };
-    case "telegram":
+    case "telegram-logo":
       return {
-        viewBox: "0 0 17 17",
         bgColor: "bg-[#289AD2]"
       };
-    case "whats-app":
+    case "whats-app-logo-filled":
       return {
-        viewBox: "0 0 18 18",
         bgColor: "bg-[#00C202]",
         textColor: "text-[#00C202]"
       };
     default:
-      return {
-        viewBox: "0 0 24 24"
-      };
+      return {};
   }
-}, fe = (s) => {
-  const { inputProps: h, inputPhoneProps: v, onTypeChange: f, ...c } = s, [e, g] = B("phone"), { isOpened: i, openPopup: u, closePopup: a } = I(), l = P(null);
-  N(() => {
-    const r = (n) => {
-      l.current && !l.current.contains(n.target) && a();
+}, l = (t) => ({
+  wrapper: f(
+    `flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm
+    ${g(t).bgColor ?? "bg-primary-inverse-hover-bg"}
+    ${g(t).textColor ?? "text-primary-inverse-text"}`
+  ),
+  icon: "size-5 shrink-0"
+}), fe = (t) => {
+  const { inputProps: h, inputPhoneProps: x, onTypeChange: b, ...a } = t, [r, C] = y("phone"), { isOpened: i, openPopup: c, closePopup: s } = N(), m = w(null);
+  P(() => {
+    const e = (n) => {
+      m.current && !m.current.contains(n.target) && s();
     };
-    return i && document.addEventListener("mousedown", r), () => {
-      document.removeEventListener("mousedown", r);
+    return i && document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
     };
-  }, [i, a]);
-  const d = (r) => {
-    switch (r) {
+  }, [i, s]);
+  const u = (e) => {
+    switch (e) {
       case "phone":
         return "+7 (999) 999-99-99";
-      case "telegram":
+      case "telegram-logo":
         return "@username";
-      case "whats-app":
+      case "whats-app-logo-filled":
         return "+7 (999) 999-99-99";
-      case "max":
+      case "max-logo":
         return "ID пользователя Max";
-      case "mail":
+      case "envelope-simple":
         return "example@mail.com";
       default:
         return "Введите значение";
     }
-  }, b = (r) => () => {
-    g(r), f?.(r), a();
+  }, v = (e) => () => {
+    C(e), b?.(e), s();
   };
-  return /* @__PURE__ */ x("div", { className: m("relative", s.classes?.container), children: [
-    ["telegram", "max", "mail"].includes(e) ? /* @__PURE__ */ t(
-      $,
+  return /* @__PURE__ */ d("div", { className: f("relative", t.classes?.container), children: [
+    ["telegram-logo", "max-logo", "envelope-simple"].includes(r) ? /* @__PURE__ */ o(
+      k,
       {
         ...h,
-        ...c,
+        ...a,
         date: [
           {
             id: "0",
             position: "inline-start",
-            component: /* @__PURE__ */ t(
+            component: /* @__PURE__ */ o(
               p,
               {
-                type: e,
-                classes: {
-                  wrapper: m(
-                    `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
-                        ${o(e).bgColor ?? "bg-primary-inverse-hover-bg"}
-                        ${o(e).textColor ?? "text-primary-inverse-text"}`
-                  )
-                },
-                viewBox: o(e).viewBox
+                type: r,
+                size: "medium",
+                classes: l(r)
               }
             )
           },
           {
             id: "1",
             position: "inline-end",
-            component: /* @__PURE__ */ t(
+            component: /* @__PURE__ */ o(
               p,
               {
-                type: i ? "chevron-up" : "chevron",
+                type: i ? "caret-up" : "caret-down",
+                size: "medium",
                 className: "cursor-pointer",
-                onClick: u
+                onClick: c
               }
             )
           }
         ],
-        placeholder: d(e)
+        placeholder: u(r)
       }
-    ) : /* @__PURE__ */ t(
-      T,
+    ) : /* @__PURE__ */ o(
+      z,
       {
-        ...v,
-        ...c,
+        ...x,
+        ...a,
         date: [
           {
             id: "0",
             position: "inline-start",
-            component: /* @__PURE__ */ t(
+            component: /* @__PURE__ */ o(
               p,
               {
-                type: e,
-                classes: {
-                  wrapper: m(
-                    `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
-                        ${o(e).bgColor ?? "bg-primary-inverse-hover-bg"}
-                        ${o(e).textColor ?? "text-primary-inverse-text"}`
-                  )
-                },
-                viewBox: o(e).viewBox
+                type: r,
+                size: "medium",
+                classes: l(r)
               }
             )
           },
           {
             id: "1",
             position: "inline-end",
-            component: /* @__PURE__ */ t(
+            component: /* @__PURE__ */ o(
               p,
               {
-                type: i ? "chevron-up" : "chevron",
+                type: i ? "caret-up" : "caret-down",
+                size: "medium",
                 className: "cursor-pointer",
-                onClick: u
+                onClick: c
               }
             )
           }
         ],
-        placeholder: d(e)
+        placeholder: u(r)
       }
     ),
-    i && /* @__PURE__ */ t(
+    i && /* @__PURE__ */ o(
       "div",
       {
         className: `border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
             flex-col rounded-xl border`,
-        ref: l,
-        children: k.map(({ label: r, icon: n }) => {
-          const { bgColor: w, textColor: C, viewBox: y } = o(n);
-          return /* @__PURE__ */ x(
-            j,
-            {
-              variant: "ghost",
-              className: "flex w-full justify-start",
-              type: "button",
-              onClick: b(n),
-              children: [
-                /* @__PURE__ */ t(
-                  p,
-                  {
-                    type: n,
-                    className: "text-primary-inverse-text",
-                    classes: {
-                      wrapper: m(
-                        `flex h-5.5 w-5.5 items-center justify-center rounded-sm
-                      ${w ?? "bg-primary-inverse-hover-bg"}
-                      ${C ?? "text-primary-inverse-text"}`
-                      )
-                    },
-                    viewBox: y
-                  }
-                ),
-                r
-              ]
-            },
-            r
-          );
-        })
+        ref: m,
+        children: T.map(({ label: e, icon: n }) => /* @__PURE__ */ d(
+          I,
+          {
+            variant: "ghost",
+            className: "flex w-full justify-start",
+            type: "button",
+            onClick: v(n),
+            children: [
+              /* @__PURE__ */ o(
+                p,
+                {
+                  type: n,
+                  size: "medium",
+                  className: "text-primary-inverse-text",
+                  classes: l(n)
+                }
+              ),
+              e
+            ]
+          },
+          e
+        ))
       }
     )
   ] });

package/dist/components-input-contact-input-contact.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components-input-contact-input-contact.js","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n {\n label: \"Мобильный\",\n icon: \"phone\",\n },\n {\n label: \"Telegram\",\n icon: \"telegram\",\n },\n {\n label: \"WhatsApp\",\n icon: \"whats-app\",\n },\n {\n label: \"Max\",\n icon: \"max\",\n },\n {\n label: \"E-mail\",\n icon: \"mail\",\n },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport {\n Button,\n Icon,\n InputField,\n InputPhone,\n cn,\n usePopupControls,\n type IconTypes,\n type InputPhoneProps,\n} from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n label: string;\n icon: TypesChange;\n};\n\ntype TypesChange = Extract<\n IconTypes,\n \"telegram\" \| \"whats-app\" \| \"max\" \| \"phone\" \| \"mail\"\n>;\n\ntype Props = {\n isValid?: boolean;\n label?: string;\n description?: string;\n classes?: {\n fieldset?: string;\n fieldgroup?: string;\n field?: string;\n container?: string;\n };\n value?: string;\n name?: string;\n onTypeChange?: (type: TypesChange) => void;\n inputProps: React.ComponentPropsWithRef<\"input\">;\n inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: IconTypes) => {\n switch (icon) {\n case \"max\":\n return {\n viewBox: \"0 0 16 16\",\n bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n };\n\n case \"telegram\":\n return {\n viewBox: \"0 0 17 17\",\n bgColor: \"bg-[#289AD2]\",\n };\n\n case \"whats-app\":\n return {\n viewBox: \"0 0 18 18\",\n bgColor: \"bg-[#00C202]\",\n textColor: \"text-[#00C202]\",\n };\n\n default:\n return {\n viewBox: \"0 0 24 24\",\n };\n }\n};\n\nexport const InputContact = (props: Props) => {\n const { inputProps, inputPhoneProps, onTypeChange, ...rest } = props;\n\n const [type, setType] = useState<TypesChange>(\"phone\");\n const { isOpened, openPopup, closePopup } = usePopupControls();\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n closePopup();\n }\n };\n\n if (isOpened) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpened, closePopup]);\n\n const getPlaceholder = (type: TypesChange): string => {\n switch (type) {\n case \"phone\":\n return \"+7 (999) 999-99-99\";\n case \"telegram\":\n return \"@username\";\n case \"whats-app\":\n return \"+7 (999) 999-99-99\";\n case \"max\":\n return \"ID пользователя Max\";\n case \"mail\":\n return \"example@mail.com\";\n default:\n return \"Введите значение\";\n }\n };\n\n const handleTypeChange = (type: TypesChange) => {\n return () => {\n setType(type);\n onTypeChange?.(type);\n closePopup();\n };\n };\n\n return (\n <div className={cn(\"relative\", props.classes?.container)}>\n {[\"telegram\", \"max\", \"mail\"].includes(type) ? (\n <InputField\n {...inputProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n ) : (\n <InputPhone\n {...inputPhoneProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n )}\n\n {isOpened && (\n <div\n className=\"border-inp-hover-border bg-primary-bg absolute my-2 flex w-full\n flex-col rounded-xl border\"\n ref={wrapperRef}\n >\n {OPTIONS.map(({ label, icon }) => {\n const { bgColor, textColor, viewBox } = iconStyles(icon);\n\n return (\n <Button\n key={label}\n variant=\"ghost\"\n className=\"flex w-full justify-start\"\n type=\"button\"\n onClick={handleTypeChange(icon)}\n >\n <Icon\n type={icon}\n className=\"text-primary-inverse-text\"\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm\n ${bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={viewBox}\n />\n\n {label}\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\nexport type { Props as InputContactProps, TypesChange };\n"],"names":["OPTIONS","iconStyles","icon","InputContact","props","inputProps","inputPhoneProps","onTypeChange","rest","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","cn","jsx","InputField","Icon","InputPhone","label","bgColor","textColor","viewBox","Button"],"mappings":"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"}
1	+ {"version":3,"file":"components-input-contact-input-contact.js","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n {\n label: \"Мобильный\",\n icon: \"phone\",\n },\n {\n label: \"Telegram\",\n icon: \"telegram-logo\",\n },\n {\n label: \"WhatsApp\",\n icon: \"whats-app-logo-filled\",\n },\n {\n label: \"Max\",\n icon: \"max-logo\",\n },\n {\n label: \"E-mail\",\n icon: \"envelope-simple\",\n },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport {\n Button,\n Icon,\n InputField,\n InputPhone,\n cn,\n usePopupControls,\n type InputPhoneProps,\n} from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n label: string;\n icon: TypesChange;\n};\n\ntype TypesChange =\n \| \"phone\"\n \| \"telegram-logo\"\n \| \"whats-app-logo-filled\"\n \| \"max-logo\"\n \| \"envelope-simple\";\n\ntype Props = {\n isValid?: boolean;\n label?: string;\n description?: string;\n classes?: {\n fieldset?: string;\n fieldgroup?: string;\n field?: string;\n container?: string;\n };\n value?: string;\n name?: string;\n onTypeChange?: (type: TypesChange) => void;\n inputProps: React.ComponentPropsWithRef<\"input\">;\n inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: TypesChange) => {\n switch (icon) {\n case \"max-logo\":\n return {\n bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n };\n\n case \"telegram-logo\":\n return {\n bgColor: \"bg-[#289AD2]\",\n };\n\n case \"whats-app-logo-filled\":\n return {\n bgColor: \"bg-[#00C202]\",\n textColor: \"text-[#00C202]\",\n };\n\n default:\n return {};\n }\n};\n\nconst getContactIconClasses = (icon: TypesChange) => ({\n wrapper: cn(\n `flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm\n ${iconStyles(icon).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(icon).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n icon: \"size-5 shrink-0\",\n});\n\nexport const InputContact = (props: Props) => {\n const { inputProps, inputPhoneProps, onTypeChange, ...rest } = props;\n\n const [type, setType] = useState<TypesChange>(\"phone\");\n const { isOpened, openPopup, closePopup } = usePopupControls();\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n closePopup();\n }\n };\n\n if (isOpened) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpened, closePopup]);\n\n const getPlaceholder = (type: TypesChange): string => {\n switch (type) {\n case \"phone\":\n return \"+7 (999) 999-99-99\";\n case \"telegram-logo\":\n return \"@username\";\n case \"whats-app-logo-filled\":\n return \"+7 (999) 999-99-99\";\n case \"max-logo\":\n return \"ID пользователя Max\";\n case \"envelope-simple\":\n return \"example@mail.com\";\n default:\n return \"Введите значение\";\n }\n };\n\n const handleTypeChange = (type: TypesChange) => {\n return () => {\n setType(type);\n onTypeChange?.(type);\n closePopup();\n };\n };\n\n return (\n <div className={cn(\"relative\", props.classes?.container)}>\n {[\"telegram-logo\", \"max-logo\", \"envelope-simple\"].includes(type) ? (\n <InputField\n {...inputProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n size=\"medium\"\n classes={getContactIconClasses(type)}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"caret-up\" : \"caret-down\"}\n size=\"medium\"\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n ) : (\n <InputPhone\n {...inputPhoneProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n size=\"medium\"\n classes={getContactIconClasses(type)}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"caret-up\" : \"caret-down\"}\n size=\"medium\"\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n )}\n\n {isOpened && (\n <div\n className=\"border-inp-hover-border bg-primary-bg absolute my-2 flex w-full\n flex-col rounded-xl border\"\n ref={wrapperRef}\n >\n {OPTIONS.map(({ label, icon }) => {\n return (\n <Button\n key={label}\n variant=\"ghost\"\n className=\"flex w-full justify-start\"\n type=\"button\"\n onClick={handleTypeChange(icon)}\n >\n <Icon\n type={icon}\n size=\"medium\"\n className=\"text-primary-inverse-text\"\n classes={getContactIconClasses(icon)}\n />\n\n {label}\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\nexport type { Props as InputContactProps, TypesChange };\n"],"names":["OPTIONS","iconStyles","icon","getContactIconClasses","cn","InputContact","props","inputProps","inputPhoneProps","onTypeChange","rest","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","jsx","InputField","Icon","InputPhone","label","Button"],"mappings":"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"}

package/dist/components-input-password-input-password.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */require("./lib-utils.cjs");require("class-variance-authority");require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const q=require("./components-ui-icon-icon.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const o=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const n=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");const t=({...i})=>{const{isOpened:e,togglePopup:u}=o.usePopupControls();return r.jsx(n.InputField,{...i,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(q.Icon,{type:e?"eye-off":"eye",onClick:u,className:"cursor-pointer"})}]})};exports.InputPassword=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */require("./lib-utils.cjs");require("class-variance-authority");require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const q=require("./components-ui-icon-icon.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const o=require("./hooks-usePopupControls.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const n=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");require("./components-ui-calendar-calendar.styles.cjs");const t=({...i})=>{const{isOpened:e,togglePopup:u}=o.usePopupControls();return r.jsx(n.InputField,{...i,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(q.Icon,{type:e?"eye-slash":"eye",onClick:u,className:"cursor-pointer"})}]})};exports.InputPassword=t;
 //# sourceMappingURL=components-input-password-input-password.cjs.map

package/dist/components-input-password-input-password.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components-input-password-input-password.cjs","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n const { isOpened, togglePopup } = usePopupControls();\n\n return (\n <InputField\n {...rest}\n type={isOpened ? \"text\" : \"password\"}\n date={[\n {\n id: \"0\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"eye-~~off~~\" : \"eye\"}\n onClick={togglePopup}\n className=\"cursor-pointer\"\n />\n ),\n },\n ]}\n />\n );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":"~~o5DAIO~~,MAAMA,EAA8C,CAAC,CAAE,GAAGC,KAAW,CAC1E,KAAM,CAAE,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,mBAAA,EAElC,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGL,EACJ,KAAMC,EAAW,OAAS,WAC1B,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,aACV,UACEG,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAML,EAAW,~~UAAY~~,~~MAC7B~~,QAASC,EACT,UAAU,gBAAA,CAAA,CACZ,CAEJ,CACF,CAAA,CAGN"}
1	+ {"version":3,"file":"components-input-password-input-password.cjs","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n const { isOpened, togglePopup } = usePopupControls();\n\n return (\n <InputField\n {...rest}\n type={isOpened ? \"text\" : \"password\"}\n date={[\n {\n id: \"0\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"eye-slash\" : \"eye\"}\n onClick={togglePopup}\n className=\"cursor-pointer\"\n />\n ),\n },\n ]}\n />\n );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":"o7DAIO,MAAMA,EAA8C,CAAC,CAAE,GAAGC,KAAW,CAC1E,KAAM,CAAE,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,mBAAA,EAElC,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGL,EACJ,KAAMC,EAAW,OAAS,WAC1B,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,aACV,UACEG,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAML,EAAW,YAAc,MAC/B,QAASC,EACT,UAAU,gBAAA,CAAA,CACZ,CAEJ,CACF,CAAA,CAGN"}

package/dist/components-input-password-input-password.js CHANGED Viewed

@@ -28,7 +28,6 @@ import "./components-ui-tabs-tabs.js";
 import "./components-ui-tooltip-tooltip.js";
 import "./components-ui-typography-typography.styles.js";
 import { usePopupControls as m } from "./hooks-usePopupControls.js";
-import "lucide-react";
 import "./components-app-pagination-app-pagination.styles.js";
 import "./components-app-sidebar-app-sidebar.styles.js";
 import { InputField as e } from "./components-input-field-input-field.js";
@@ -38,6 +37,7 @@ import "./chart-D15EtNmb.js";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
 import "./components-input-phone-input-phone.js";
+import "./components-ui-calendar-calendar.styles.js";
 const V = ({ ...p }) => {
   const { isOpened: o, togglePopup: r } = m();
   return /* @__PURE__ */ t(
@@ -52,7 +52,7 @@ const V = ({ ...p }) => {
           component: /* @__PURE__ */ t(
             i,
             {
-              type: o ? "eye-off" : "eye",
+              type: o ? "eye-slash" : "eye",
               onClick: r,
               className: "cursor-pointer"
             }

package/dist/components-input-password-input-password.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components-input-password-input-password.js","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n const { isOpened, togglePopup } = usePopupControls();\n\n return (\n <InputField\n {...rest}\n type={isOpened ? \"text\" : \"password\"}\n date={[\n {\n id: \"0\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"eye-~~off~~\" : \"eye\"}\n onClick={togglePopup}\n className=\"cursor-pointer\"\n />\n ),\n },\n ]}\n />\n );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA8C,CAAC,EAAE,GAAGC,QAAW;AAC1E,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA;AAElC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,MAAMC,IAAW,SAAS;AAAA,MAC1B,MAAM;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WACE,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAML,IAAW,~~YAAY~~;AAAA,~~cAC7B~~,SAASC;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAEJ;AAAA,IACF;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"components-input-password-input-password.js","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n const { isOpened, togglePopup } = usePopupControls();\n\n return (\n <InputField\n {...rest}\n type={isOpened ? \"text\" : \"password\"}\n date={[\n {\n id: \"0\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"eye-slash\" : \"eye\"}\n onClick={togglePopup}\n className=\"cursor-pointer\"\n />\n ),\n },\n ]}\n />\n );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA8C,CAAC,EAAE,GAAGC,QAAW;AAC1E,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA;AAElC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,MAAMC,IAAW,SAAS;AAAA,MAC1B,MAAM;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WACE,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAML,IAAW,cAAc;AAAA,cAC/B,SAASC;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAEJ;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components-ui-button-button.styles.cjs CHANGED Viewed

@@ -2,8 +2,8 @@
         hover:bg-primary-inverse-hover-bg`,secondary:"bg-secondary-bg text-primary-text hover:bg-primary-hover-bg",secondaryBorder:`bg-primary-bg text-primary-text hover:bg-primary-hover-bg
         disabled:border-inp-disabled-border border`,link:"text-primary-text hover:text-secondary-text underline underline-offset-3",ghost:`hover:bg-tertiary-bg hover:text-primary-text aria-expanded:bg-tertiary-bg
         aria-expanded:text-primary-text`,circle:"hover:bg-primary-hover-bg bg-tertiary-bg rounded-full",circleGhost:"hover:bg-primary-hover-bg rounded-full",square:"bg-tertiary-bg hover:bg-primary-hover-bg rounded"},size:{lg:`${e.getTypographyClassName("body-lg-medium")} w-fit gap-2 px-4.5 py-3
-        [&_svg]:size-[18px]`,md:`${e.getTypographyClassName("body-md-medium")} w-fit gap-2 px-4.5 py-2
-        [&_svg]:size-4`,sm:`${e.getTypographyClassName("body-sm-medium")} w-fit gap-2 px-3 py-2
-        [&_svg]:size-4`,xs:`${e.getTypographyClassName("body-xs-medium")} w-fit gap-1 px-3 py-2
-        [&_svg]:size-[14px]`,default:`${e.getTypographyClassName("body-sm-medium")} size-9 [&_svg]:size-4`,"icon-lg":"w-fit p-2","icon-md":"w-fit p-1.5","icon-sm":"w-fit p-1","icon-xs":"w-fit p-0.5"}},compoundVariants:[{variant:"link",size:"lg",className:"[&_svg]:size-5"}],defaultVariants:{variant:"primary",size:"md"}});exports.buttonVariants=i;
+        [&_svg]:size-6`,md:`${e.getTypographyClassName("body-md-medium")} w-fit gap-2 px-4.5 py-2
+        [&_svg]:size-5`,sm:`${e.getTypographyClassName("body-sm-medium")} w-fit gap-2 px-3 py-2
+        [&_svg]:size-5`,xs:`${e.getTypographyClassName("body-xs-medium")} w-fit gap-1 px-3 py-2
+        [&_svg]:size-3`,default:`${e.getTypographyClassName("body-sm-medium")} size-9 [&_svg]:size-5`,"icon-lg":"w-fit p-2","icon-md":"w-fit p-1.5","icon-sm":"w-fit p-1","icon-xs":"w-fit p-0.5"}},compoundVariants:[{variant:"link",size:"lg",className:"[&_svg]:size-5"}],defaultVariants:{variant:"primary",size:"md"}});exports.buttonVariants=i;
 //# sourceMappingURL=components-ui-button-button.styles.cjs.map

package/dist/components-ui-button-button.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components-ui-button-button.styles.cjs","sources":["../src/components/ui/button/button.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../typography\";\n\nexport const buttonVariants = cva(\n [\n \"inline-flex cursor-pointer items-center justify-center rounded-xl font-medium tracking-normal whitespace-nowrap transition-colors\",\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:origin-center\",\n \"disabled:bg-disabled-bg disabled:text-disabled-text disabled:pointer-events-none\",\n ].join(\" \"),\n {\n variants: {\n variant: {\n primary: `bg-primary-inverse-bg text-primary-inverse-text\n hover:bg-primary-inverse-hover-bg`,\n secondary: \"bg-secondary-bg text-primary-text hover:bg-primary-hover-bg\",\n secondaryBorder: `bg-primary-bg text-primary-text hover:bg-primary-hover-bg\n disabled:border-inp-disabled-border border`,\n link: \"text-primary-text hover:text-secondary-text underline underline-offset-3\",\n ghost: `hover:bg-tertiary-bg hover:text-primary-text aria-expanded:bg-tertiary-bg\n aria-expanded:text-primary-text`,\n circle: \"hover:bg-primary-hover-bg bg-tertiary-bg rounded-full\",\n circleGhost: \"hover:bg-primary-hover-bg rounded-full\",\n square: \"bg-tertiary-bg hover:bg-primary-hover-bg rounded\",\n },\n size: {\n lg: `${getTypographyClassName(\"body-lg-medium\")} w-fit gap-2 px-4.5 py-3\n [&_svg]:size-~~[18px]~~`,\n md: `${getTypographyClassName(\"body-md-medium\")} w-fit gap-2 px-4.5 py-2\n [&_svg]:size-4`,\n sm: `${getTypographyClassName(\"body-sm-medium\")} w-fit gap-2 px-3 py-2\n [&_svg]:size-4`,\n xs: `${getTypographyClassName(\"body-xs-medium\")} w-fit gap-1 px-3 py-2\n [&_svg]:size-~~[14px]~~`,\n default: `${getTypographyClassName(\"body-sm-medium\")} size-9 [&_svg]:size-4`,\n \"icon-lg\": \"w-fit p-2\",\n \"icon-md\": \"w-fit p-1.5\",\n \"icon-sm\": \"w-fit p-1\",\n \"icon-xs\": \"w-fit p-0.5\",\n },\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: \"lg\",\n className: \"[&_svg]:size-5\",\n },\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n },\n);\n"],"names":["buttonVariants","cva","getTypographyClassName"],"mappings":"4OAGaA,EAAiBC,EAAAA,IAC5B,CACE,oIACA,qEACA,kFAAA,EACA,KAAK,GAAG,EACV,CACE,SAAU,CACR,QAAS,CACP,QAAS;AAAA,2CAET,UAAW,8DACX,gBAAiB;AAAA,oDAEjB,KAAM,2EACN,MAAO;AAAA,yCAEP,OAAQ,wDACR,YAAa,yCACb,OAAQ,kDAAA,EAEV,KAAM,CACJ,GAAI,GAAGC,yBAAuB,gBAAgB,CAAC;AAAA,~~6BAE~~/C,GAAI,GAAGA,yBAAuB,gBAAgB,CAAC;AAAA,wBAE/C,GAAI,GAAGA,yBAAuB,gBAAgB,CAAC;AAAA,wBAE/C,GAAI,GAAGA,yBAAuB,gBAAgB,CAAC;AAAA,~~6BAE~~/C,QAAS,GAAGA,EAAAA,uBAAuB,gBAAgB,CAAC,yBACpD,UAAW,YACX,UAAW,cACX,UAAW,YACX,UAAW,aAAA,CACb,EAEF,iBAAkB,CAChB,CACE,QAAS,OACT,KAAM,KACN,UAAW,gBAAA,CACb,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,IAAA,CACR,CAEJ"}
1	+ {"version":3,"file":"components-ui-button-button.styles.cjs","sources":["../src/components/ui/button/button.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../typography\";\n\nexport const buttonVariants = cva(\n [\n \"inline-flex cursor-pointer items-center justify-center rounded-xl font-medium tracking-normal whitespace-nowrap transition-colors\",\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:origin-center\",\n \"disabled:bg-disabled-bg disabled:text-disabled-text disabled:pointer-events-none\",\n ].join(\" \"),\n {\n variants: {\n variant: {\n primary: `bg-primary-inverse-bg text-primary-inverse-text\n hover:bg-primary-inverse-hover-bg`,\n secondary: \"bg-secondary-bg text-primary-text hover:bg-primary-hover-bg\",\n secondaryBorder: `bg-primary-bg text-primary-text hover:bg-primary-hover-bg\n disabled:border-inp-disabled-border border`,\n link: \"text-primary-text hover:text-secondary-text underline underline-offset-3\",\n ghost: `hover:bg-tertiary-bg hover:text-primary-text aria-expanded:bg-tertiary-bg\n aria-expanded:text-primary-text`,\n circle: \"hover:bg-primary-hover-bg bg-tertiary-bg rounded-full\",\n circleGhost: \"hover:bg-primary-hover-bg rounded-full\",\n square: \"bg-tertiary-bg hover:bg-primary-hover-bg rounded\",\n },\n size: {\n lg: `${getTypographyClassName(\"body-lg-medium\")} w-fit gap-2 px-4.5 py-3\n [&_svg]:size-6`,\n md: `${getTypographyClassName(\"body-md-medium\")} w-fit gap-2 px-4.5 py-2\n [&_svg]:size-5`,\n sm: `${getTypographyClassName(\"body-sm-medium\")} w-fit gap-2 px-3 py-2\n [&_svg]:size-5`,\n xs: `${getTypographyClassName(\"body-xs-medium\")} w-fit gap-1 px-3 py-2\n [&_svg]:size-3`,\n default: `${getTypographyClassName(\"body-sm-medium\")} size-9 [&_svg]:size-5`,\n \"icon-lg\": \"w-fit p-2\",\n \"icon-md\": \"w-fit p-1.5\",\n \"icon-sm\": \"w-fit p-1\",\n \"icon-xs\": \"w-fit p-0.5\",\n },\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: \"lg\",\n className: \"[&_svg]:size-5\",\n },\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n },\n);\n"],"names":["buttonVariants","cva","getTypographyClassName"],"mappings":"4OAGaA,EAAiBC,EAAAA,IAC5B,CACE,oIACA,qEACA,kFAAA,EACA,KAAK,GAAG,EACV,CACE,SAAU,CACR,QAAS,CACP,QAAS;AAAA,2CAET,UAAW,8DACX,gBAAiB;AAAA,oDAEjB,KAAM,2EACN,MAAO;AAAA,yCAEP,OAAQ,wDACR,YAAa,yCACb,OAAQ,kDAAA,EAEV,KAAM,CACJ,GAAI,GAAGC,yBAAuB,gBAAgB,CAAC;AAAA,wBAE/C,GAAI,GAAGA,yBAAuB,gBAAgB,CAAC;AAAA,wBAE/C,GAAI,GAAGA,yBAAuB,gBAAgB,CAAC;AAAA,wBAE/C,GAAI,GAAGA,yBAAuB,gBAAgB,CAAC;AAAA,wBAE/C,QAAS,GAAGA,EAAAA,uBAAuB,gBAAgB,CAAC,yBACpD,UAAW,YACX,UAAW,cACX,UAAW,YACX,UAAW,aAAA,CACb,EAEF,iBAAkB,CAChB,CACE,QAAS,OACT,KAAM,KACN,UAAW,gBAAA,CACb,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,IAAA,CACR,CAEJ"}

package/dist/components-ui-button-button.styles.js CHANGED Viewed

@@ -25,14 +25,14 @@ const s = r(
       },
       size: {
         lg: `${e("body-lg-medium")} w-fit gap-2 px-4.5 py-3
-        [&_svg]:size-[18px]`,
+        [&_svg]:size-6`,
         md: `${e("body-md-medium")} w-fit gap-2 px-4.5 py-2
-        [&_svg]:size-4`,
+        [&_svg]:size-5`,
         sm: `${e("body-sm-medium")} w-fit gap-2 px-3 py-2
-        [&_svg]:size-4`,
+        [&_svg]:size-5`,
         xs: `${e("body-xs-medium")} w-fit gap-1 px-3 py-2
-        [&_svg]:size-[14px]`,
-        default: `${e("body-sm-medium")} size-9 [&_svg]:size-4`,
+        [&_svg]:size-3`,
+        default: `${e("body-sm-medium")} size-9 [&_svg]:size-5`,
         "icon-lg": "w-fit p-2",
         "icon-md": "w-fit p-1.5",
         "icon-sm": "w-fit p-1",

package/dist/components-ui-button-button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components-ui-button-button.styles.js","sources":["../src/components/ui/button/button.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../typography\";\n\nexport const buttonVariants = cva(\n [\n \"inline-flex cursor-pointer items-center justify-center rounded-xl font-medium tracking-normal whitespace-nowrap transition-colors\",\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:origin-center\",\n \"disabled:bg-disabled-bg disabled:text-disabled-text disabled:pointer-events-none\",\n ].join(\" \"),\n {\n variants: {\n variant: {\n primary: `bg-primary-inverse-bg text-primary-inverse-text\n hover:bg-primary-inverse-hover-bg`,\n secondary: \"bg-secondary-bg text-primary-text hover:bg-primary-hover-bg\",\n secondaryBorder: `bg-primary-bg text-primary-text hover:bg-primary-hover-bg\n disabled:border-inp-disabled-border border`,\n link: \"text-primary-text hover:text-secondary-text underline underline-offset-3\",\n ghost: `hover:bg-tertiary-bg hover:text-primary-text aria-expanded:bg-tertiary-bg\n aria-expanded:text-primary-text`,\n circle: \"hover:bg-primary-hover-bg bg-tertiary-bg rounded-full\",\n circleGhost: \"hover:bg-primary-hover-bg rounded-full\",\n square: \"bg-tertiary-bg hover:bg-primary-hover-bg rounded\",\n },\n size: {\n lg: `${getTypographyClassName(\"body-lg-medium\")} w-fit gap-2 px-4.5 py-3\n [&_svg]:size-~~[18px]~~`,\n md: `${getTypographyClassName(\"body-md-medium\")} w-fit gap-2 px-4.5 py-2\n [&_svg]:size-4`,\n sm: `${getTypographyClassName(\"body-sm-medium\")} w-fit gap-2 px-3 py-2\n [&_svg]:size-4`,\n xs: `${getTypographyClassName(\"body-xs-medium\")} w-fit gap-1 px-3 py-2\n [&_svg]:size-~~[14px]~~`,\n default: `${getTypographyClassName(\"body-sm-medium\")} size-9 [&_svg]:size-4`,\n \"icon-lg\": \"w-fit p-2\",\n \"icon-md\": \"w-fit p-1.5\",\n \"icon-sm\": \"w-fit p-1\",\n \"icon-xs\": \"w-fit p-0.5\",\n },\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: \"lg\",\n className: \"[&_svg]:size-5\",\n },\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n },\n);\n"],"names":["buttonVariants","cva","getTypographyClassName"],"mappings":";;;;AAGO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA;AAAA,QAET,WAAW;AAAA,QACX,iBAAiB;AAAA;AAAA,QAEjB,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,QAAQ;AAAA,MAAA;AAAA,MAEV,MAAM;AAAA,QACJ,IAAI,GAAGC,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,IAAI,GAAGA,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,IAAI,GAAGA,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,IAAI,GAAGA,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,SAAS,GAAGA,EAAuB,gBAAgB,CAAC;AAAA,QACpD,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
1	+ {"version":3,"file":"components-ui-button-button.styles.js","sources":["../src/components/ui/button/button.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../typography\";\n\nexport const buttonVariants = cva(\n [\n \"inline-flex cursor-pointer items-center justify-center rounded-xl font-medium tracking-normal whitespace-nowrap transition-colors\",\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:origin-center\",\n \"disabled:bg-disabled-bg disabled:text-disabled-text disabled:pointer-events-none\",\n ].join(\" \"),\n {\n variants: {\n variant: {\n primary: `bg-primary-inverse-bg text-primary-inverse-text\n hover:bg-primary-inverse-hover-bg`,\n secondary: \"bg-secondary-bg text-primary-text hover:bg-primary-hover-bg\",\n secondaryBorder: `bg-primary-bg text-primary-text hover:bg-primary-hover-bg\n disabled:border-inp-disabled-border border`,\n link: \"text-primary-text hover:text-secondary-text underline underline-offset-3\",\n ghost: `hover:bg-tertiary-bg hover:text-primary-text aria-expanded:bg-tertiary-bg\n aria-expanded:text-primary-text`,\n circle: \"hover:bg-primary-hover-bg bg-tertiary-bg rounded-full\",\n circleGhost: \"hover:bg-primary-hover-bg rounded-full\",\n square: \"bg-tertiary-bg hover:bg-primary-hover-bg rounded\",\n },\n size: {\n lg: `${getTypographyClassName(\"body-lg-medium\")} w-fit gap-2 px-4.5 py-3\n [&_svg]:size-6`,\n md: `${getTypographyClassName(\"body-md-medium\")} w-fit gap-2 px-4.5 py-2\n [&_svg]:size-5`,\n sm: `${getTypographyClassName(\"body-sm-medium\")} w-fit gap-2 px-3 py-2\n [&_svg]:size-5`,\n xs: `${getTypographyClassName(\"body-xs-medium\")} w-fit gap-1 px-3 py-2\n [&_svg]:size-3`,\n default: `${getTypographyClassName(\"body-sm-medium\")} size-9 [&_svg]:size-5`,\n \"icon-lg\": \"w-fit p-2\",\n \"icon-md\": \"w-fit p-1.5\",\n \"icon-sm\": \"w-fit p-1\",\n \"icon-xs\": \"w-fit p-0.5\",\n },\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: \"lg\",\n className: \"[&_svg]:size-5\",\n },\n ],\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n },\n);\n"],"names":["buttonVariants","cva","getTypographyClassName"],"mappings":";;;;AAGO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA;AAAA,QAET,WAAW;AAAA,QACX,iBAAiB;AAAA;AAAA,QAEjB,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,QAAQ;AAAA,MAAA;AAAA,MAEV,MAAM;AAAA,QACJ,IAAI,GAAGC,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,IAAI,GAAGA,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,IAAI,GAAGA,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,IAAI,GAAGA,EAAuB,gBAAgB,CAAC;AAAA;AAAA,QAE/C,SAAS,GAAGA,EAAuB,gBAAgB,CAAC;AAAA,QACpD,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}