prlg-ui 1.0.4 → 1.0.6

package/package.json

@@ -1,30 +1,51 @@
 {
   "name": "prlg-ui",
-  "version": "1.0.4",
+  "private": false,
+  "version": "1.0.6",
   "type": "module",
+  "main": "dist/my-lib.umd.js",
+  "module": "dist/my-lib.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/my-lib.es.js",
+      "require": "./dist/my-lib.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": {
+      "import": "./dist/my-lib.css",
+      "default": "./dist/my-lib.css"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "dev": "vite",
-    "build": "vite build && yarn generate:exports",
+    "dev": "yarn storybook",
+    "build": "vite build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "chromatic": "chromatic --project-token=chpt_77ab3ade2fa5986",
-    "generate:exports": "tsx scripts/generate-exports.ts"
+    "chromatic": "chromatic --project-token=chpt_77ab3ade2fa5986"
   },
   "dependencies": {
-    "@brekhov-i/pr-lg-ui-kit": "^1.0.4",
+    "@floating-ui/vue": "^1.1.7",
+    "@tailwindcss/postcss": "^4.1.11",
+    "@tailwindcss/vite": "^4.1.11",
     "@types/node": "^22.15.29",
     "axios": "^1.10.0",
     "chromatic": "^13.0.1",
     "dayjs": "^1.11.13",
     "pinia": "^3.0.3",
+    "postcss": "^8.5.6",
     "swiper": "^11.2.8",
+    "tailwindcss": "^4.1.11",
+    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.13",
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3",
-    "@storybook/addon-docs": "^9.0.15",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-onboarding": "^8.6.14",
     "@storybook/addon-viewport": "^9.0.6",
@@ -32,7 +53,7 @@
     "@storybook/experimental-addon-test": "^8.6.14",
     "@storybook/test": "^8.6.14",
     "@storybook/vue3": "^8.6.14",
-    "@storybook/vue3-vite": "^9.0.15",
+    "@storybook/vue3-vite": "^8.6.14",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vitest/browser": "^3.1.4",
     "@vitest/coverage-v8": "^3.1.4",
@@ -40,139 +61,10 @@
     "playwright": "^1.52.0",
     "sass-embedded": "^1.89.0",
     "storybook": "^8.6.14",
-    "ts-node": "^10.9.2",
-    "tsx": "^4.20.3",
-    "typescript": "^5.8.3",
+    "typescript": "~5.8.3",
     "vite": "^6.3.5",
+    "vite-plugin-static-copy": "^3.1.0",
     "vitest": "^3.1.4",
     "vue-tsc": "^2.2.8"
-  },
-  "peerDependencies": {
-    "vue": ">=3"
-  },
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "exports": {
-    "./Accordion": {
-      "import": "./dist/components/Accordion.js",
-      "types": "./dist/types/components/Accordion/index.d.ts"
-    },
-    "./Badge": {
-      "import": "./dist/components/Badge.js",
-      "types": "./dist/types/components/Badge/index.d.ts"
-    },
-    "./BottomSheet": {
-      "import": "./dist/components/BottomSheet.js",
-      "types": "./dist/types/components/BottomSheet/index.d.ts"
-    },
-    "./Breadcrumb": {
-      "import": "./dist/components/Breadcrumb.js",
-      "types": "./dist/types/components/Breadcrumb/index.d.ts"
-    },
-    "./Button": {
-      "import": "./dist/components/Button.js",
-      "types": "./dist/types/components/Button/index.d.ts"
-    },
-    "./Checkbox": {
-      "import": "./dist/components/Checkbox.js",
-      "types": "./dist/types/components/Checkbox/index.d.ts"
-    },
-    "./ChipCheckbox": {
-      "import": "./dist/components/ChipCheckbox.js",
-      "types": "./dist/types/components/ChipCheckbox/index.d.ts"
-    },
-    "./Divider": {
-      "import": "./dist/components/Divider.js",
-      "types": "./dist/types/components/Divider/index.d.ts"
-    },
-    "./Drawer": {
-      "import": "./dist/components/Drawer.js",
-      "types": "./dist/types/components/Drawer/index.d.ts"
-    },
-    "./Dropdown": {
-      "import": "./dist/components/Dropdown.js",
-      "types": "./dist/types/components/Dropdown/index.d.ts"
-    },
-    "./IconField": {
-      "import": "./dist/components/IconField.js",
-      "types": "./dist/types/components/IconField/index.d.ts"
-    },
-    "./InputNumber": {
-      "import": "./dist/components/InputNumber.js",
-      "types": "./dist/types/components/InputNumber/index.d.ts"
-    },
-    "./InputText": {
-      "import": "./dist/components/InputText.js",
-      "types": "./dist/types/components/InputText/index.d.ts"
-    },
-    "./Modal": {
-      "import": "./dist/components/Modal.js",
-      "types": "./dist/types/components/Modal/index.d.ts"
-    },
-    "./OverlayBadge": {
-      "import": "./dist/components/OverlayBadge.js",
-      "types": "./dist/types/components/OverlayBadge/index.d.ts"
-    },
-    "./Popover": {
-      "import": "./dist/components/Popover.js",
-      "types": "./dist/types/components/Popover/index.d.ts"
-    },
-    "./RadioButton": {
-      "import": "./dist/components/RadioButton.js",
-      "types": "./dist/types/components/RadioButton/index.d.ts"
-    },
-    "./Skeleton": {
-      "import": "./dist/components/Skeleton.js",
-      "types": "./dist/types/components/Skeleton/index.d.ts"
-    },
-    "./SleedDeal": {
-      "import": "./dist/components/SleedDeal.js",
-      "types": "./dist/types/components/SleedDeal/index.d.ts"
-    },
-    "./Spinner": {
-      "import": "./dist/components/Spinner.js",
-      "types": "./dist/types/components/Spinner/index.d.ts"
-    },
-    "./SwitchInput": {
-      "import": "./dist/components/SwitchInput.js",
-      "types": "./dist/types/components/SwitchInput/index.d.ts"
-    },
-    "./Table": {
-      "import": "./dist/components/Table.js",
-      "types": "./dist/types/components/Table/index.d.ts"
-    },
-    "./Tabs": {
-      "import": "./dist/components/Tabs.js",
-      "types": "./dist/types/components/Tabs/index.d.ts"
-    },
-    "./Tag": {
-      "import": "./dist/components/Tag.js",
-      "types": "./dist/types/components/Tag/index.d.ts"
-    },
-    "./Textarea": {
-      "import": "./dist/components/Textarea.js",
-      "types": "./dist/types/components/Textarea/index.d.ts"
-    },
-    "./Toast": {
-      "import": "./dist/components/Toast.js",
-      "types": "./dist/types/components/Toast/index.d.ts"
-    },
-    "./icons": {
-      "import": "./dist/components/icons.js",
-      "types": "./dist/types/components/icons/index.d.ts"
-    },
-    "./styles": "./dist/prlg-ui.css",
-    "./lib": {
-      "import": "./dist/lib/index.js",
-      "types": "./dist/types/lib/index.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/utils/index.js",
-      "types": "./dist/types/utils/index.d.ts"
-    }
   }
-}
+}

package/dist/_virtual/_commonjsHelpers.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -1,9 +0,0 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
-};

package/dist/_virtual/dayjs.min.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/dayjs/dayjs.min.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
-export {
-  s as default
-};

package/dist/_virtual/dayjs.min2.js

@@ -1,4 +0,0 @@
-var a = { exports: {} };
-export {
-  a as __module
-};

package/dist/_virtual/isBetween.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/dayjs/plugin/isBetween.js";
-var t = r();
-const i = /* @__PURE__ */ e(t);
-export {
-  i as default
-};

package/dist/_virtual/isBetween2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/isSameOrAfter.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/dayjs/plugin/isSameOrAfter.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
-export {
-  m as default
-};

package/dist/_virtual/isSameOrAfter2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/isSameOrBefore.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/dayjs/plugin/isSameOrBefore.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
-export {
-  m as default
-};

package/dist/_virtual/isSameOrBefore2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/isToday.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/dayjs/plugin/isToday.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
-export {
-  s as default
-};

package/dist/_virtual/isToday2.js

@@ -1,4 +0,0 @@
-var o = { exports: {} };
-export {
-  o as __module
-};

package/dist/_virtual/localizedFormat.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/dayjs/plugin/localizedFormat.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
-export {
-  m as default
-};

package/dist/_virtual/localizedFormat2.js

@@ -1,4 +0,0 @@
-var o = { exports: {} };
-export {
-  o as __module
-};

package/dist/_virtual/relativeTime.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/dayjs/plugin/relativeTime.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
-export {
-  a as default
-};

package/dist/_virtual/relativeTime2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/ru.js

@@ -1,2 +0,0 @@
-import { __require as r } from "../node_modules/dayjs/locale/ru.js";
-r();

package/dist/_virtual/ru2.js

@@ -1,4 +0,0 @@
-var r = { exports: {} };
-export {
-  r as __module
-};

package/dist/components/Accordion/Accordion.vue.js

@@ -1,25 +0,0 @@
-import { defineComponent as s, ref as t, watch as u, provide as a, createElementBlock as c, openBlock as p, renderSlot as d } from "vue";
-const f = { class: "accordion" }, m = /* @__PURE__ */ s({
-  __name: "Accordion",
-  props: {
-    value: {},
-    multiple: { type: Boolean }
-  },
-  setup(i) {
-    const o = i, l = t(
-      Array.isArray(o.value) ? o.value : o.value !== void 0 ? [o.value] : []
-    );
-    u(() => o.value, (e) => {
-      Array.isArray(e) ? l.value = e : e !== void 0 ? l.value = [e] : l.value = [];
-    });
-    function n(e) {
-      o.multiple ? l.value.includes(e) ? l.value = l.value.filter((r) => r !== e) : l.value.push(e) : l.value = l.value[0] === e ? [] : [e];
-    }
-    return a("accordionOpenValues", l), a("accordionToggle", n), a("accordionIsMultiple", o.multiple ?? !1), (e, r) => (p(), c("div", f, [
-      d(e.$slots, "default")
-    ]));
-  }
-});
-export {
-  m as default
-};

package/dist/components/Accordion/Accordion.vue3.js

@@ -1,5 +0,0 @@
-import o from "./Accordion.vue.js";
-/* empty css               */
-export {
-  o as default
-};

package/dist/components/Accordion/AccordionContent.vue.js

@@ -1,29 +0,0 @@
-import { defineComponent as r, inject as u, ref as c, watch as p, nextTick as s, onMounted as v, createElementBlock as f, openBlock as d, normalizeStyle as h, unref as m, withDirectives as x, createElementVNode as _, renderSlot as w, vShow as g } from "vue";
-const H = /* @__PURE__ */ r({
-  __name: "AccordionContent",
-  setup(k) {
-    const n = u("panelIsOpen"), e = c(null), t = c("0px"), l = c(n.value);
-    return p(n, async (a) => {
-      var o, i;
-      a ? (l.value = !0, await s(), t.value = ((o = e.value) == null ? void 0 : o.scrollHeight) + "px") : (t.value = ((i = e.value) == null ? void 0 : i.scrollHeight) + "px", await s(), t.value = "0px", setTimeout(() => l.value = !1, 300));
-    }), v(() => {
-      n.value && e.value && (t.value = e.value.scrollHeight + "px");
-    }), (a, o) => (d(), f("div", {
-      class: "accordion-content-wrapper",
-      style: h({ height: m(n) ? t.value : "0px" })
-    }, [
-      x(_("div", {
-        ref_key: "contentRef",
-        ref: e,
-        class: "accordion-content"
-      }, [
-        w(a.$slots, "default")
-      ], 512), [
-        [g, l.value]
-      ])
-    ], 4));
-  }
-});
-export {
-  H as default
-};

package/dist/components/Accordion/AccordionContent.vue3.js

@@ -1,5 +0,0 @@
-import o from "./AccordionContent.vue.js";
-/* empty css                      */
-export {
-  o as default
-};

package/dist/components/Accordion/AccordionHeader.vue.js

@@ -1,23 +0,0 @@
-import { defineComponent as d, inject as t, createElementBlock as i, openBlock as l, unref as e, normalizeClass as _, createElementVNode as r, renderSlot as p, createVNode as m } from "vue";
-import f from "../icons/monochrome/AngleRightIcon.vue.js";
-const u = { class: "accordion-header__content" }, g = { class: "accordion-header__arrow" }, C = /* @__PURE__ */ d({
-  __name: "AccordionHeader",
-  setup(h) {
-    const c = t("panelIsOpen"), o = t("panelToggle");
-    return (a, n) => (l(), i("button", {
-      class: _(["accordion-header", { "accordion-header--active": e(c) }]),
-      onClick: n[0] || (n[0] = //@ts-ignore
-      (...s) => e(o) && e(o)(...s))
-    }, [
-      r("div", u, [
-        p(a.$slots, "default")
-      ]),
-      r("div", g, [
-        m(e(f))
-      ])
-    ], 2));
-  }
-});
-export {
-  C as default
-};

package/dist/components/Accordion/AccordionHeader.vue3.js

@@ -1,5 +0,0 @@
-import o from "./AccordionHeader.vue.js";
-/* empty css                     */
-export {
-  o as default
-};

package/dist/components/Accordion/AccordionPanel.vue.js

@@ -1,16 +0,0 @@
-import { defineComponent as p, inject as a, computed as r, provide as c, createElementBlock as d, openBlock as i, renderSlot as u } from "vue";
-const m = { class: "accordion-panel" }, f = /* @__PURE__ */ p({
-  __name: "AccordionPanel",
-  props: {
-    value: {}
-  },
-  setup(l) {
-    const e = l, n = a("accordionOpenValues"), o = a("accordionToggle"), t = r(() => n == null ? void 0 : n.value.includes(e.value));
-    return c("panelValue", e.value), c("panelIsOpen", t), c("panelToggle", () => o == null ? void 0 : o(e.value)), (s, v) => (i(), d("div", m, [
-      u(s.$slots, "default")
-    ]));
-  }
-});
-export {
-  f as default
-};

package/dist/components/Accordion/AccordionPanel.vue3.js

@@ -1,5 +0,0 @@
-import o from "./AccordionPanel.vue.js";
-/* empty css                    */
-export {
-  o as default
-};

package/dist/components/Accordion.js

@@ -1,14 +0,0 @@
-import { default as c } from "./Accordion/Accordion.vue.js";
-/* empty css                         */
-import { default as i } from "./Accordion/AccordionContent.vue.js";
-/* empty css                                */
-import { default as p } from "./Accordion/AccordionPanel.vue.js";
-/* empty css                              */
-import { default as l } from "./Accordion/AccordionHeader.vue.js";
-/* empty css                               */
-export {
-  c as Accordion,
-  i as AccordionContent,
-  l as AccordionHeader,
-  p as AccordionPanel
-};

package/dist/components/Badge/Badge.vue.js

@@ -1,30 +0,0 @@
-import { defineComponent as r, computed as o, createElementBlock as t, openBlock as n, normalizeClass as s, createCommentVNode as u, toDisplayString as i } from "vue";
-const d = {
-  key: 0,
-  class: "badge__value"
-}, v = /* @__PURE__ */ r({
-  __name: "Badge",
-  props: {
-    value: {},
-    variant: { default: "primary" },
-    strong: { type: Boolean }
-  },
-  setup(e) {
-    const l = o(() => [
-      "badge",
-      {
-        "badge--strong": e.strong,
-        "badge--empty": !e.value || typeof e.value == "string" && !e.value.trim(),
-        [`badge--${e.variant}`]: e.variant
-      }
-    ]);
-    return (a, c) => (n(), t("div", {
-      class: s(l.value)
-    }, [
-      a.value ? (n(), t("div", d, i(a.value), 1)) : u("", !0)
-    ], 2));
-  }
-});
-export {
-  v as default
-};

package/dist/components/Badge/Badge.vue3.js

@@ -1,5 +0,0 @@
-import o from "./Badge.vue.js";
-/* empty css           */
-export {
-  o as default
-};

package/dist/components/Badge.js

@@ -1,5 +0,0 @@
-import { default as r } from "./Badge/Badge.vue.js";
-/* empty css                 */
-export {
-  r as Badge
-};

package/dist/components/BottomSheet/BottomSheet.composible.js

@@ -1,40 +0,0 @@
-import { watch as L, onMounted as H } from "vue";
-const A = (a, u, T, f) => {
-  let p = 0, v = !0, s = !1, l = null;
-  const c = () => {
-    a.value && (a.value.style.height = "80vh", a.value.style.maxHeight = "80vh");
-  }, w = () => {
-    a.value && (a.value.style.height = "100vh", a.value.style.maxHeight = "100vh");
-  }, n = () => {
-    l || (l = setTimeout(() => {
-      s = !0, l = null;
-    }, 150));
-  }, t = () => {
-    if (!u.value || !a.value) return;
-    const e = u.value;
-    e.scrollTop > 0 ? (w(), v = !1, l && clearTimeout(l), l = null, s = !1) : (c(), v = !0, s || n()), p = e.scrollTop;
-  }, o = (e) => {
-    u.value && (u.value.scrollTop === 0 ? s && e.deltaY < -15 ? (T(), s = !1) : s || n() : u.value.scrollTop > 0 && e.deltaY > 0 && (l && clearTimeout(l), l = null, s = !1));
-  }, g = (e) => {
-    u.value && (u.value.scrollTop === 0 ? e.touches[0] && p === 0 && v && s ? (T(), s = !1) : s || n() : (l && clearTimeout(l), l = null, s = !1));
-  }, h = () => {
-    setTimeout(() => {
-      var e, i, r;
-      (e = u.value) == null || e.addEventListener("scroll", t), (i = u.value) == null || i.addEventListener("wheel", o), (r = u.value) == null || r.addEventListener("touchmove", g);
-    }, 300);
-  };
-  L(f, (e) => {
-    var i, r, E;
-    e ? h() : ((i = u.value) == null || i.removeEventListener("scroll", t), (r = u.value) == null || r.removeEventListener("wheel", o), (E = u.value) == null || E.removeEventListener(
-      "touchmove",
-      g
-    ), l && clearTimeout(l), l = null, s = !1);
-  }), H(() => {
-    c();
-  }), L(f, (e) => {
-    e && setTimeout(() => c(), 0);
-  });
-};
-export {
-  A as useBottomSheet
-};

package/dist/components/BottomSheet/BottomSheet.vue.js

@@ -1,75 +0,0 @@
-import { defineComponent as S, mergeModels as B, useModel as C, ref as r, useTemplateRef as R, watch as T, createBlock as L, openBlock as c, Teleport as M, createElementVNode as e, createVNode as l, Transition as h, withCtx as u, createElementBlock as _, createCommentVNode as b, unref as p, renderSlot as N } from "vue";
-import V from "../icons/monochrome/AngleLeftIcon.vue.js";
-import g from "../icons/monochrome/CloseIcon.vue.js";
-import { useBottomSheet as w } from "./BottomSheet.composible.js";
-const x = { class: "bottom-sheet__header" }, E = { class: "bottom-sheet__header-back" }, $ = /* @__PURE__ */ S({
-  __name: "BottomSheet",
-  props: {
-    open: { type: Boolean, required: !0 },
-    openModifiers: {}
-  },
-  emits: /* @__PURE__ */ B(["close"], ["update:open"]),
-  setup(v, { emit: y }) {
-    const n = C(v, "open"), k = y, a = r(null), d = r(null), i = R("bottomSheetBodyRef"), t = r(n.value), s = () => {
-      t.value = !1, k("close"), n.value = !1;
-    };
-    return T(n, (m) => {
-      var o;
-      m ? (t.value = !0, (o = a.value) == null || o.classList.add("bottom-sheet--open")) : (s(), setTimeout(() => {
-        var f;
-        (f = a.value) == null || f.classList.remove("bottom-sheet--open");
-      }, 300));
-    }), w(d, i, s, t), (m, o) => (c(), L(M, { to: "body" }, [
-      e("div", {
-        class: "bottom-sheet",
-        ref_key: "bottomSheetRef",
-        ref: a
-      }, [
-        l(h, { name: "bottom-sheet-fade" }, {
-          default: u(() => [
-            t.value ? (c(), _("div", {
-              key: 0,
-              class: "bottom-sheet__overlay",
-              onClick: s
-            })) : b("", !0)
-          ]),
-          _: 1
-        }),
-        l(h, { name: "bottom-sheet-slide" }, {
-          default: u(() => [
-            t.value ? (c(), _("div", {
-              key: 0,
-              class: "bottom-sheet__content",
-              ref_key: "bottomSheetContentRef",
-              ref: d
-            }, [
-              e("div", x, [
-                e("button", E, [
-                  l(p(V))
-                ]),
-                o[0] || (o[0] = e("h2", { class: "bottom-sheet__header-title" }, "Bottom Sheet", -1)),
-                e("button", {
-                  class: "bottom-sheet__header-close",
-                  onClick: s
-                }, [
-                  l(p(g))
-                ])
-              ]),
-              e("div", {
-                class: "bottom-sheet__body",
-                ref_key: "bottomSheetBodyRef",
-                ref: i
-              }, [
-                N(m.$slots, "default")
-              ], 512)
-            ], 512)) : b("", !0)
-          ]),
-          _: 3
-        })
-      ], 512)
-    ]));
-  }
-});
-export {
-  $ as default
-};

package/dist/components/BottomSheet/BottomSheet.vue3.js

@@ -1,5 +0,0 @@
-import o from "./BottomSheet.vue.js";
-/* empty css                 */
-export {
-  o as default
-};