stone-kit 0.0.883 → 0.0.885

package/dist/Option-BVIm7wOW.js

@@ -0,0 +1,83 @@
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { NewIcon as c } from "./components/NewIcon/ui/NewIcon.js";
+import { c as z } from "./index-rKuIKazb.js";
+const g = "_multiSelectWrapper_1sbxa_1", O = "_selectedOptions_1sbxa_8", C = "_selectedOptionsBtn_1sbxa_24", h = "_selectedOptionsOpened_1sbxa_49", f = "_selectedOptionsNotEmpty_1sbxa_53", k = "_selectOptionsDisabled_1sbxa_58", v = "_optionsList_1sbxa_65", y = "_lastList_1sbxa_81", D = "_listRight_1sbxa_86", B = "_inputWrapper_1sbxa_90", L = "_option_1sbxa_65", N = "_category_1sbxa_112", S = "_leftSide_1sbxa_118", W = "_optionCategory_1sbxa_123", w = "_optionDisabled_1sbxa_129", A = "_optionClickable_1sbxa_133", E = "_icon_1sbxa_137", R = "_iconArrow_1sbxa_143", j = "_iconBtn_1sbxa_149", s = {
+  multiSelectWrapper: g,
+  selectedOptions: O,
+  selectedOptionsBtn: C,
+  "small-size": "_small-size_1sbxa_28",
+  "medium-size": "_medium-size_1sbxa_35",
+  "large-size": "_large-size_1sbxa_42",
+  selectedOptionsOpened: h,
+  selectedOptionsNotEmpty: f,
+  selectOptionsDisabled: k,
+  optionsList: v,
+  lastList: y,
+  listRight: D,
+  inputWrapper: B,
+  option: L,
+  category: N,
+  leftSide: S,
+  optionCategory: W,
+  optionDisabled: w,
+  optionClickable: A,
+  icon: E,
+  iconArrow: R,
+  iconBtn: j,
+  "small-size_m": "_small-size_m_1sbxa_162",
+  "medium-size_m": "_medium-size_m_1sbxa_168",
+  "large-size_m": "_large-size_m_1sbxa_174",
+  "small-size_l": "_small-size_l_1sbxa_189",
+  "medium-size_l": "_medium-size_l_1sbxa_195",
+  "large-size_l": "_large-size_l_1sbxa_201"
+}, U = z.bind(s), G = ({
+  option: e,
+  selectedOptions: p,
+  disabledOptions: r,
+  clickableOptions: t,
+  handleOptionClick: d,
+  isOptionCategory: i,
+  sizeIcon: n,
+  isDisabledNotClickable: m,
+  addClassName: b = ""
+}) => {
+  const x = t ? t.includes(`${e.value}`) : !0, _ = p.some((o) => o.value === e.value), a = () => m && t ? !t.includes(`${e.value}`) : r.some((o) => o.value === e.value);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: U(
+        s.option,
+        {
+          [s.optionDisabled]: a(),
+          [s.optionCategory]: i,
+          [s.optionClickable]: x
+        },
+        b
+      ),
+      onClick: () => {
+        a() && !_ || d(e);
+      },
+      children: [
+        i && /* @__PURE__ */ l(
+          c,
+          {
+            size: n ?? "20",
+            name: _ ? "selectChecked" : "selectUnchecked"
+          }
+        ),
+        /* @__PURE__ */ l("div", { children: e.label }),
+        !i && /* @__PURE__ */ l(
+          c,
+          {
+            size: n ?? "20",
+            name: _ ? "selectChecked" : "selectUnchecked"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  G as O,
+  s
+};

package/dist/PinTrans-D6OZq76b.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { forwardRef as n } from "react";
+const l = ({
+  title: t,
+  titleId: r,
+  ...a
+}, o) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: o, "aria-labelledby": r, ...a }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M10.6667 6.66665C10.6667 8.13941 9.47284 9.33331 8.00008 9.33331C6.52732 9.33331 5.33341 8.13941 5.33341 6.66665C5.33341 5.19389 6.52732 3.99998 8.00008 3.99998C9.47284 3.99998 10.6667 5.19389 10.6667 6.66665Z", stroke: "#141416" }), /* @__PURE__ */ e.createElement("path", { d: "M13.3334 6.66665C13.3334 9.61217 9.33341 14.6666 8.00008 14.6666C6.66675 14.6666 2.66675 9.61217 2.66675 6.66665C2.66675 3.72113 5.05456 1.33331 8.00008 1.33331C10.9456 1.33331 13.3334 3.72113 13.3334 6.66665Z", stroke: "#141416" })), m = n(l);
+export {
+  m as F
+};

package/dist/SmallFilter-C-VKnbkP.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { forwardRef as l } from "react";
+const n = ({
+  title: t,
+  titleId: r,
+  ...o
+}, a) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": r, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M2.66667 5.33331H10.6667M10.6667 5.33331C10.6667 6.43788 11.5621 7.33331 12.6667 7.33331C13.7712 7.33331 14.6667 6.43788 14.6667 5.33331C14.6667 4.22874 13.7712 3.33331 12.6667 3.33331C11.5621 3.33331 10.6667 4.22874 10.6667 5.33331ZM6 10.6666H13.3333M6 10.6666C6 11.7712 5.10457 12.6666 4 12.6666C2.89543 12.6666 2 11.7712 2 10.6666C2 9.56208 2.89543 8.66665 4 8.66665C5.10457 8.66665 6 9.56208 6 10.6666Z", stroke: "white", strokeLinecap: "round" })), m = l(n);
+export {
+  m as F
+};

package/dist/components/Button/index.js

@@ -0,0 +1,4 @@
+import { Button as r } from "./ui/Button.js";
+export {
+  r as Button
+};

package/dist/components/Button/ui/Button.js

@@ -0,0 +1,94 @@
+import { jsx as _, jsxs as d, Fragment as r } from "react/jsx-runtime";
+import { c as k } from "../../../index-rKuIKazb.js";
+import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
+const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m_24", v = "_blue_f868m_68", H = "_lightBlue_f868m_82", S = "_sokolniki_f868m_97", B = "_black_f868m_111", L = "_gray_f868m_125", $ = "_whiteStroke_f868m_139", x = "_whiteFilled_f868m_151", F = "_shade_f868m_165", j = "_transparent_f868m_171", I = "_volodiyaLight_f868m_192", q = "_loader_f868m_198", A = "_LoaderSpin_f868m_1", e = {
+  btnCommon: w,
+  btnLoading: C,
+  isHidden: N,
+  "auto-width": "_auto-width_f868m_28",
+  "full-width": "_full-width_f868m_32",
+  "tiny-size": "_tiny-size_f868m_36",
+  "small-size": "_small-size_f868m_44",
+  "medium-size": "_medium-size_f868m_52",
+  "large-size": "_large-size_f868m_60",
+  blue: v,
+  lightBlue: H,
+  sokolniki: S,
+  black: B,
+  gray: L,
+  whiteStroke: $,
+  whiteFilled: x,
+  shade: F,
+  transparent: j,
+  volodiyaLight: I,
+  loader: q,
+  LoaderSpin: A,
+  "tiny-size_m": "_tiny-size_m_f868m_204",
+  "small-size_m": "_small-size_m_f868m_211",
+  "medium-size_m": "_medium-size_m_f868m_218",
+  "large-size_m": "_large-size_m_f868m_225",
+  "tiny-size_l": "_tiny-size_l_f868m_234",
+  "small-size_l": "_small-size_l_f868m_241",
+  "medium-size_l": "_medium-size_l_f868m_248",
+  "large-size_l": "_large-size_l_f868m_255"
+}, s = k.bind(e), J = ({
+  size: c = "medium",
+  size_m: f,
+  size_l: z,
+  onCLick: t,
+  pre: m = !1,
+  children: h = "",
+  post: n = !1,
+  variant: u = "blue",
+  width: b = "auto",
+  additionalClass: g = "",
+  isLoading: i = !1,
+  ...l
+}) => {
+  const a = s(
+    e.btnCommon,
+    e[`${c}-size`],
+    e[`${f}-size_m`],
+    e[`${z}-size_l`],
+    e[`${u}`],
+    { [e.btnLoading]: i },
+    { [e.btnCommonInline]: m || n },
+    e[`${b}-width`],
+    g
+  ), o = () => /* @__PURE__ */ d(r, { children: [
+    i && /* @__PURE__ */ _(
+      y,
+      {
+        name: "loader",
+        size: "24",
+        color: "currentColor",
+        additionalClass: e.loader
+      }
+    ),
+    /* @__PURE__ */ d(r, { children: [
+      m && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: m }),
+      /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: h }),
+      n && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: n })
+    ] })
+  ] });
+  return l.as === "link" ? (delete l.as, /* @__PURE__ */ _(
+    "a",
+    {
+      className: a,
+      onClick: t,
+      ...l,
+      children: o()
+    }
+  )) : (delete l.as, /* @__PURE__ */ _(
+    "button",
+    {
+      className: a,
+      onClick: t,
+      ...l,
+      children: o()
+    }
+  ));
+};
+export {
+  J as Button
+};

package/dist/components/Button/ui/Button.types.js

@@ -0,0 +1,15 @@
+const e = {
+  blue: "blue",
+  gray: "gray",
+  whiteStroke: "whiteStroke",
+  sokolniki: "sokolniki",
+  black: "black",
+  whiteFilled: "whiteFilled",
+  shade: "shade",
+  volodiyaLight: "volodiyaLight",
+  lightBlue: "lightBlue",
+  transparent: "transparent"
+};
+export {
+  e as BUTTON_VARIANTS
+};

package/dist/components/CheckBox/CheckBox.js

@@ -0,0 +1,84 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { NewIcon as n } from "../NewIcon/ui/NewIcon.js";
+const p = "_checkbox_vuhc0_1", $ = "_checkbox__text_vuhc0_5", I = "_checkbox__elem_vuhc0_9", C = "_checkbox__hoverIcon_vuhc0_28", N = "_error_vuhc0_35", j = "_light_vuhc0_41", w = "_dark_vuhc0_44", y = "_isChecked_vuhc0_47", e = {
+  checkbox: p,
+  checkbox__text: $,
+  checkbox__elem: I,
+  checkbox__hoverIcon: C,
+  error: N,
+  light: j,
+  dark: w,
+  isChecked: y,
+  "medium-size": "_medium-size_vuhc0_102",
+  "large-size": "_large-size_vuhc0_107",
+  "small-size": "_small-size_vuhc0_112"
+}, L = g(
+  ({
+    children: t,
+    isChecked: _ = !1,
+    error: a = !1,
+    modifierClassesStyle: m = [""],
+    emitIsChecked: h,
+    onClick: l,
+    variant: x = "light",
+    size_s: k,
+    size_m: b,
+    size_l: u,
+    text: r,
+    ...v
+  }, d) => {
+    const z = m.map((f) => e[f]).filter(Boolean).join(" ");
+    let o = "", c = "20";
+    return u ? (o = e["large-size"] || "", c = "20") : k ? (o = e["small-size"] || "", c = "12") : (o = e["medium-size"] || "", c = "16"), /* @__PURE__ */ i(
+      "label",
+      {
+        className: `
+          ${e.checkbox}
+          ${z}
+          ${_ ? e.isChecked : ""}
+          ${a ? e.error : ""}
+          ${e[x] || ""}
+          ${o}
+        `,
+        onClick: () => {
+          l && l();
+        },
+        children: [
+          /* @__PURE__ */ s(
+            "input",
+            {
+              type: "checkbox",
+              ref: d,
+              checked: !!_,
+              onChange: () => h && h(!_),
+              ...v
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: e.checkbox__elem, children: [
+            _ && /* @__PURE__ */ s(
+              n,
+              {
+                name: "check",
+                size: c
+              }
+            ),
+            !_ && /* @__PURE__ */ s(
+              n,
+              {
+                name: "check",
+                size: c,
+                additionalClass: e.checkbox__hoverIcon
+              }
+            )
+          ] }),
+          r && /* @__PURE__ */ s("span", { className: e.checkbox__text, dangerouslySetInnerHTML: { __html: r } }),
+          t
+        ]
+      }
+    );
+  }
+);
+export {
+  L as CheckBox
+};

package/dist/components/CheckBox/CheckBox.types.js

@@ -0,0 +1 @@
+

package/dist/components/CheckBox/index.js

@@ -0,0 +1,4 @@
+import { CheckBox as r } from "./CheckBox.js";
+export {
+  r as CheckBox
+};

package/dist/components/CheckBoxNew/CheckBox.types.js

@@ -0,0 +1,6 @@
+const t = {
+  light: "light"
+};
+export {
+  t as CHECKBOX_VARIANTS
+};

package/dist/components/CheckBoxNew/CheckBoxNew.js

@@ -0,0 +1,45 @@
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { Input as m } from "../Input/ui/Input.js";
+import { c as h } from "../../index-rKuIKazb.js";
+import { forwardRef as d } from "react";
+import { NewIcon as i } from "../NewIcon/ui/NewIcon.js";
+const k = "_checkboxLabel_8850s_1", T = "_labelText_8850s_36", p = "_labelTextModal_8850s_44", f = "_error_8850s_49", I = "_checkIcon_8850s_58", e = {
+  checkboxLabel: k,
+  labelText: T,
+  labelTextModal: p,
+  error: f,
+  checkIcon: I
+}, s = h.bind(e), B = d(
+  ({ text: c, isChecked: l, error: r, children: t, emitIsChecked: a, modalFontSize: n, ...b }, x) => /* @__PURE__ */ _("label", { className: s(e.checkboxLabel, { [e.error]: r }), children: [
+    /* @__PURE__ */ o(
+      m,
+      {
+        type: "checkbox",
+        ...b,
+        onChange: () => a && a(!l),
+        ref: x
+      }
+    ),
+    l && /* @__PURE__ */ o(
+      i,
+      {
+        additionalClass: e.checkIcon,
+        color: "#B1B5C3",
+        strokeWidth: "1.5",
+        name: "check",
+        size: "20"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: s(e.labelText, { [e.labelTextModal]: n }, { [e.error]: r }),
+        dangerouslySetInnerHTML: c ? { __html: c } : void 0,
+        children: t
+      }
+    )
+  ] })
+);
+export {
+  B as CheckBoxNew
+};

package/dist/components/CheckboxSelect/index.js

@@ -0,0 +1,4 @@
+import { CheckboxSelect as c } from "./ui/CheckboxSelect.js";
+export {
+  c as CheckboxSelect
+};

package/dist/components/CheckboxSelect/ui/CheckboxSelect.js

@@ -0,0 +1,51 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { c as o } from "../../../index-rKuIKazb.js";
+const d = "_root_7jm23_1", _ = "_nameWrapper_7jm23_8", p = "_clearBtn_7jm23_18", I = "_checkboxWrapper_7jm23_33", b = "_checkboxItem_7jm23_39", j = "_checkboxItemActive_7jm23_57", v = "_checkboxItemDisabled_7jm23_69", t = {
+  root: d,
+  nameWrapper: _,
+  clearBtn: p,
+  checkboxWrapper: I,
+  checkboxItem: b,
+  checkboxItemActive: j,
+  checkboxItemDisabled: v
+}, c = o.bind(t), N = ({
+  label: n = "Тип квартиры",
+  checkboxes: a,
+  addClassname: s
+}) => {
+  const i = () => {
+    a == null || a.forEach((e) => {
+      e != null && e.isSelected && (e == null || e.setValue());
+    });
+  };
+  return /* @__PURE__ */ l("div", { className: c(t.root, s), children: [
+    /* @__PURE__ */ l("div", { className: t.nameWrapper, children: [
+      /* @__PURE__ */ r("div", { children: n }),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: t.clearBtn,
+          onClick: i,
+          children: "Очистить"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: t.checkboxWrapper, children: a == null ? void 0 : a.map((e) => /* @__PURE__ */ r(
+      "button",
+      {
+        className: c(
+          t.checkboxItem,
+          { [t.checkboxItemActive]: e == null ? void 0 : e.isSelected },
+          { [t.checkboxItemDisabled]: e == null ? void 0 : e.disabled }
+        ),
+        onClick: () => e == null ? void 0 : e.setValue(),
+        disabled: e == null ? void 0 : e.disabled,
+        children: e == null ? void 0 : e.label
+      },
+      e == null ? void 0 : e.label
+    )) })
+  ] });
+};
+export {
+  N as CheckboxSelect
+};

package/dist/components/DestinationTab/index.js

@@ -0,0 +1,4 @@
+import { DestinationTab as a } from "./ui/DestinationTab.js";
+export {
+  a as DestinationTab
+};

package/dist/components/DestinationTab/ui/DestinationTab.js

@@ -0,0 +1,75 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { c as N } from "../../../index-rKuIKazb.js";
+const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeText_1c7de_45", g = "_whiteStroke_1c7de_65", k = "_routeWrapper_1c7de_78", _ = {
+  destination: x,
+  "auto-width": "_auto-width_1c7de_29",
+  "full-width": "_full-width_1c7de_33",
+  "medium-size": "_medium-size_1c7de_37",
+  destinationName: n,
+  routeText: w,
+  "large-size": "_large-size_1c7de_51",
+  whiteStroke: g,
+  routeWrapper: k,
+  "medium-size_m": "_medium-size_m_1c7de_109",
+  "large-size_m": "_large-size_m_1c7de_122",
+  "medium-size_l": "_medium-size_l_1c7de_137",
+  "large-size_l": "_large-size_l_1c7de_150"
+}, b = N.bind(_), f = ({
+  size: m = "medium",
+  size_m: c,
+  size_l: a,
+  destination: e = { destName: "", color: "" },
+  variant: d = "whiteStroke",
+  width: i = "auto",
+  routes: l = [],
+  checked: o,
+  onChange: u,
+  additionalClass: p = "",
+  ...h
+}) => /* @__PURE__ */ t(
+  "label",
+  {
+    className: b(
+      _.destination,
+      _[`${m}-size`],
+      _[`${c}-size_m`],
+      _[`${a}-size_l`],
+      _[`${d}`],
+      _[`${i}-width`],
+      p
+    ),
+    ...h,
+    htmlFor: e.destName,
+    children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          id: e.destName,
+          checked: o,
+          onChange: u,
+          type: "checkbox",
+          name: e.destName,
+          value: e.destName
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: _.destination, children: [
+        (e == null ? void 0 : e.color) && /* @__PURE__ */ r("span", { style: { background: (e == null ? void 0 : e.color) ?? "" } }),
+        e.destName
+      ] }),
+      l.map((s, z) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: _.routeWrapper,
+          children: [
+            s.type,
+            /* @__PURE__ */ r("div", { className: _.routeText, children: s.text })
+          ]
+        },
+        z
+      ))
+    ]
+  }
+);
+export {
+  f as DestinationTab
+};

package/dist/components/DestinationTab/ui/DestinationTab.types.js

@@ -0,0 +1,6 @@
+const t = {
+  whiteStroke: "whiteStroke"
+};
+export {
+  t as DESTINATIONS_VARIANTS
+};

package/dist/components/FieldInput/index.js

@@ -0,0 +1,4 @@
+import { FieldInput as p } from "./ui/FieldInput.js";
+export {
+  p as FieldInput
+};

package/dist/components/FieldInput/ui/FieldInput.js

@@ -0,0 +1,22 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+const s = "_fieldInputWrapper_1y5f8_1", t = "_clearBtn_1y5f8_16", i = "_nameWrapper_1y5f8_31", e = {
+  fieldInputWrapper: s,
+  clearBtn: t,
+  nameWrapper: i
+}, m = ({ label: n, handleClear: p, isShowClear: l, children: c }) => /* @__PURE__ */ r("div", { className: e.fieldInputWrapper, children: [
+  /* @__PURE__ */ r("div", { className: e.nameWrapper, children: [
+    /* @__PURE__ */ a("label", { className: e.label, children: n }),
+    l && /* @__PURE__ */ a(
+      "div",
+      {
+        className: e.clearBtn,
+        onClick: p,
+        children: "Очистить"
+      }
+    )
+  ] }),
+  c
+] });
+export {
+  m as FieldInput
+};

package/dist/components/FieldInput/ui/FieldInput.types.js

@@ -0,0 +1 @@
+

package/dist/components/FilterWithSave/hooks/useFilterWithSave.js

@@ -0,0 +1,28 @@
+import "react";
+import "../../Button/ui/Button.js";
+import "../../mobileButton/ui/MobileButton.js";
+import "../../NewIcon/ui/NewIcon.js";
+import "../../DestinationTab/ui/DestinationTab.js";
+import "../../RoundButton/ui/RoundButton.js";
+import "../../Tag/ui/Tag.js";
+import "../../Switcher/ui/Switcher.js";
+import "../../Text/ui/Text.js";
+import "../../Flex/ui/Flex.js";
+import "../../Input/ui/Input.js";
+import "react/jsx-runtime";
+import "react-dom";
+import { b as w } from "../../../FilterWithSave-Bp6rH8Pe.js";
+import "../../GroupedInput/ui/GroupedInputs.js";
+import "../../../index-rKuIKazb.js";
+import "../../MetroTag/ui/MetroTag.js";
+import "../../Select/ui/Select.js";
+import "../../../shared/useClientWidth.js";
+import "../../SliderNavigation/ui/SliderNavigation.js";
+import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../TabSelect/ui/TabSelect.js";
+import "../../CheckBox/CheckBox.js";
+import "../../CheckBoxNew/CheckBoxNew.js";
+import "../../CheckboxSelect/ui/CheckboxSelect.js";
+export {
+  w as useFilterWithSave
+};

package/dist/components/FilterWithSave/ui/FilterWithSave.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "../../NewIcon/ui/NewIcon.js";
+import { F as a } from "../../../FilterWithSave-Bp6rH8Pe.js";
+import "../../Modal/ui/Modal.js";
+import "../../../Option-BVIm7wOW.js";
+import "../../Button/ui/Button.js";
+export {
+  a as FilterWithSave
+};

package/dist/components/Flex/index.js

@@ -0,0 +1,4 @@
+import { Flex as r } from "./ui/Flex.js";
+export {
+  r as Flex
+};

package/dist/components/Flex/ui/Flex.js

@@ -0,0 +1,68 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as t } from "../../../index-rKuIKazb.js";
+const o = "_root_fi64k_1", _ = {
+  root: o,
+  "gap-1": "_gap-1_fi64k_5",
+  "gap-2": "_gap-2_fi64k_9",
+  "gap-3": "_gap-3_fi64k_13",
+  "gap-4": "_gap-4_fi64k_17",
+  "gap-5": "_gap-5_fi64k_21",
+  "gap-6": "_gap-6_fi64k_25",
+  "gap-7": "_gap-7_fi64k_29",
+  "gap-8": "_gap-8_fi64k_33",
+  "gap-9": "_gap-9_fi64k_37",
+  "gap-10": "_gap-10_fi64k_41",
+  "gap-11": "_gap-11_fi64k_45",
+  "gap-12": "_gap-12_fi64k_49",
+  "gap-13": "_gap-13_fi64k_53",
+  "gap-14": "_gap-14_fi64k_57",
+  "gap-15": "_gap-15_fi64k_61",
+  "gap-16": "_gap-16_fi64k_65",
+  "fd-row": "_fd-row_fi64k_69",
+  "fd-row-reverse": "_fd-row-reverse_fi64k_73",
+  "fd-column": "_fd-column_fi64k_77",
+  "fd-column-reverse": "_fd-column-reverse_fi64k_81",
+  "w-nowrap": "_w-nowrap_fi64k_85",
+  "w-wrap": "_w-wrap_fi64k_89",
+  "w-wrap-reverse": "_w-wrap-reverse_fi64k_93",
+  "jc-flex-start": "_jc-flex-start_fi64k_97",
+  "jc-flex-end": "_jc-flex-end_fi64k_101",
+  "jc-center": "_jc-center_fi64k_105",
+  "jc-space-between": "_jc-space-between_fi64k_109",
+  "jc-space-around": "_jc-space-around_fi64k_113",
+  "jc-space-evenly": "_jc-space-evenly_fi64k_117",
+  "ai-stretch": "_ai-stretch_fi64k_121",
+  "ai-flex-start": "_ai-flex-start_fi64k_125",
+  "ai-flex-end": "_ai-flex-end_fi64k_129",
+  "ai-center": "_ai-center_fi64k_133",
+  "ai-baseline": "_ai-baseline_fi64k_137"
+}, n = t.bind(_), d = ({
+  className: a,
+  children: e,
+  jc: f = "start",
+  ai: i = "center",
+  gap: p,
+  fd: r = "row",
+  w: c = "nowrap",
+  additionalClass: k = "",
+  ...g
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: n(
+      _.root,
+      a,
+      _[`w-${c}`],
+      _[`jc-${f}`],
+      _[`ai-${i}`],
+      _[`gap-${p}`],
+      _[`fd-${r}`],
+      k
+    ),
+    ...g,
+    children: e
+  }
+);
+export {
+  d as Flex
+};

package/dist/components/Flex/ui/Flex.types.js

@@ -0,0 +1 @@
+