stone-kit 0.0.1105 → 0.0.1107

package/dist/stories/shared/ui/CheckboxSelect/CheckboxSelect.stories.js

@@ -0,0 +1,114 @@
+import { l as e } from "../../../../index-BJwl9stn.js";
+import { CheckboxSelect as l } from "../../../../components/CheckboxSelect/ui/CheckboxSelect.js";
+const t = {
+  title: "shared/ui/CheckboxSelect",
+  component: l,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"]
+}, d = {
+  args: {
+    label: "Тип квартиры",
+    checkboxes: [
+      {
+        label: "1-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      },
+      {
+        label: "2-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      },
+      {
+        label: "3-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      }
+    ]
+  }
+}, b = {
+  args: {
+    label: "Тип квартиры",
+    checkboxes: [
+      {
+        label: "1-комн.",
+        isSelected: !0,
+        disabled: !1,
+        setValue: e()
+      },
+      {
+        label: "2-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      },
+      {
+        label: "3-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      }
+    ]
+  }
+}, i = {
+  args: {
+    label: "Тип квартиры",
+    checkboxes: [
+      {
+        label: "1-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      },
+      {
+        label: "2-комн.",
+        isSelected: !1,
+        disabled: !0,
+        setValue: e()
+      },
+      {
+        label: "3-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      }
+    ]
+  }
+}, c = {
+  args: {
+    label: "Тип квартиры",
+    isNeedClear: !1,
+    checkboxes: [
+      {
+        label: "1-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      },
+      {
+        label: "2-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      },
+      {
+        label: "3-комн.",
+        isSelected: !1,
+        disabled: !1,
+        setValue: e()
+      }
+    ]
+  }
+};
+export {
+  d as Default,
+  i as WithDisabledOption,
+  b as WithSelectedValue,
+  c as WithoutClearButton,
+  t as default
+};

package/dist/stories/shared/ui/DestinationTab/DestinationTab.stories.js

@@ -0,0 +1,89 @@
+import { l as t } from "../../../../index-BJwl9stn.js";
+import { DestinationTab as e } from "../../../../components/DestinationTab/ui/DestinationTab.js";
+const a = {
+  title: "shared/ui/DestinationTab",
+  component: e,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["whiteStroke"]
+      }
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["medium", "large"]
+      }
+    },
+    width: {
+      control: {
+        type: "select",
+        options: ["auto", "full"]
+      }
+    }
+  },
+  args: {
+    onChange: t()
+  }
+}, n = {
+  args: {
+    destination: {
+      destName: "Москва-Сити",
+      color: "#FFD700"
+    }
+  }
+}, r = {
+  args: {
+    destination: {
+      destName: "Москва-Сити",
+      color: "#FFD700"
+    },
+    checked: !0
+  }
+}, i = {
+  args: {
+    destination: {
+      destName: "Москва-Сити",
+      color: "#FFD700"
+    },
+    routes: [
+      {
+        type: "M",
+        text: "5 мин"
+      },
+      {
+        type: "A",
+        text: "10 мин"
+      }
+    ]
+  }
+}, l = {
+  args: {
+    destination: {
+      destName: "Москва-Сити",
+      color: "#FFD700"
+    },
+    size: "large"
+  }
+}, c = {
+  args: {
+    destination: {
+      destName: "Москва-Сити",
+      color: "#FFD700"
+    },
+    width: "full"
+  }
+};
+export {
+  r as Checked,
+  n as Default,
+  c as FullWidth,
+  l as Large,
+  i as WithRoutes,
+  a as default
+};

package/dist/stories/shared/ui/FieldInput/FieldInput.stories.js

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { l as a } from "../../../../index-BJwl9stn.js";
+import { FieldInput as r } from "../../../../components/FieldInput/ui/FieldInput.js";
+import { Input as t } from "../../../../components/Input/ui/Input.js";
+const i = {
+  title: "shared/ui/FieldInput",
+  component: r,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  args: {
+    handleClear: a()
+  }
+}, m = {
+  args: {
+    label: "My Label",
+    children: /* @__PURE__ */ e(t, {})
+  }
+}, p = {
+  args: {
+    label: "My Label",
+    isShowClear: !0,
+    children: /* @__PURE__ */ e(t, {})
+  }
+};
+export {
+  m as Default,
+  p as WithClearButton,
+  i as default
+};

package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js

@@ -0,0 +1,44 @@
+import { l as e } from "../../../../index-BJwl9stn.js";
+import { FilterWithSave as l } from "../../../../components/FilterWithSave/ui/FilterWithSave.js";
+const t = [
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" }
+], a = [
+  { value: "2023", state: !1 },
+  { value: "2024", state: !0 },
+  { value: "2025", state: !1 }
+], n = {
+  title: "shared/ui/FilterWithSave",
+  component: l,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  args: {
+    onSaveClick: e(),
+    onClearClick: e(),
+    onTabClick: e(),
+    onChange: e(),
+    onClickItem: e(),
+    onCLickSelect: e(),
+    onClick: e()
+  }
+}, c = {
+  args: {
+    selectOptions: t,
+    tabs: a
+  }
+}, i = {
+  args: {
+    selectOptions: t,
+    tabs: a,
+    selectedValues: [t[1]],
+    selectedTabs: [{ value: "2024", state: !0 }]
+  }
+};
+export {
+  c as Default,
+  i as WithSelectedValues,
+  n as default
+};

package/dist/stories/shared/ui/Flex/Flex.stories.js

@@ -0,0 +1,74 @@
+import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
+import { Flex as l } from "../../../../components/Flex/ui/Flex.js";
+const d = {
+  title: "shared/ui/Flex",
+  component: l,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    jc: {
+      control: {
+        type: "select",
+        options: ["start", "end", "center", "between", "around", "evenly"]
+      }
+    },
+    ai: {
+      control: {
+        type: "select",
+        options: ["start", "end", "center", "stretch"]
+      }
+    },
+    gap: {
+      control: {
+        type: "select",
+        options: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16"]
+      }
+    },
+    fd: {
+      control: {
+        type: "select",
+        options: ["row", "row-reverse", "column", "column-reverse"]
+      }
+    },
+    w: {
+      control: {
+        type: "select",
+        options: ["nowrap", "wrap", "wrap-reverse"]
+      }
+    }
+  }
+}, o = {
+  args: {
+    children: /* @__PURE__ */ r(t, { children: [
+      /* @__PURE__ */ e("div", { children: "Child 1" }),
+      /* @__PURE__ */ e("div", { children: "Child 2" }),
+      /* @__PURE__ */ e("div", { children: "Child 3" })
+    ] })
+  }
+}, c = {
+  args: {
+    fd: "column",
+    children: /* @__PURE__ */ r(t, { children: [
+      /* @__PURE__ */ e("div", { children: "Child 1" }),
+      /* @__PURE__ */ e("div", { children: "Child 2" }),
+      /* @__PURE__ */ e("div", { children: "Child 3" })
+    ] })
+  }
+}, s = {
+  args: {
+    gap: "4",
+    children: /* @__PURE__ */ r(t, { children: [
+      /* @__PURE__ */ e("div", { children: "Child 1" }),
+      /* @__PURE__ */ e("div", { children: "Child 2" }),
+      /* @__PURE__ */ e("div", { children: "Child 3" })
+    ] })
+  }
+};
+export {
+  c as Column,
+  o as Default,
+  s as WithGap,
+  d as default
+};

package/dist/stories/shared/ui/FormModal/FormModal.stories.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { l as i } from "../../../../index-BJwl9stn.js";
+import { ModalForm as o } from "../../../../components/FormModal/ui/ModalForm.js";
+const a = {
+  title: "shared/ui/FormModal",
+  component: o,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    isOpen: {
+      control: "boolean"
+    },
+    onClose: {
+      action: "closed"
+    },
+    onSubmit: {
+      action: "submitted"
+    }
+  },
+  args: {
+    isOpen: !0,
+    onClose: i(),
+    onSubmit: i()
+  }
+}, d = {
+  args: {
+    isOpen: !0,
+    title: "Form Modal",
+    children: /* @__PURE__ */ e("div", { children: "Modal content goes here" })
+  }
+}, s = {
+  args: {
+    isOpen: !0,
+    title: "Contact Form",
+    children: /* @__PURE__ */ t("form", { children: [
+      /* @__PURE__ */ t("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("label", { children: "Name:" }),
+        /* @__PURE__ */ e("input", { type: "text", style: { width: "100%", padding: "8px", marginTop: "4px" } })
+      ] }),
+      /* @__PURE__ */ t("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("label", { children: "Email:" }),
+        /* @__PURE__ */ e("input", { type: "email", style: { width: "100%", padding: "8px", marginTop: "4px" } })
+      ] }),
+      /* @__PURE__ */ t("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e("label", { children: "Message:" }),
+        /* @__PURE__ */ e("textarea", { style: { width: "100%", padding: "8px", marginTop: "4px", height: "100px" } })
+      ] }),
+      /* @__PURE__ */ e("button", { type: "submit", style: { padding: "8px 16px" }, children: "Submit" })
+    ] })
+  }
+}, p = {
+  args: {
+    isOpen: !1,
+    title: "Closed Modal",
+    children: /* @__PURE__ */ e("div", { children: "This modal is closed" })
+  }
+};
+export {
+  p as Closed,
+  d as Default,
+  s as WithForm,
+  a as default
+};

package/dist/stories/shared/ui/GroupedInput/GroupedInput.stories.js

@@ -0,0 +1,68 @@
+import { l as e } from "../../../../index-BJwl9stn.js";
+import { GroupedInputs as r } from "../../../../components/GroupedInput/ui/GroupedInputs.js";
+const a = {
+  title: "shared/ui/GroupedInput",
+  component: r,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["light", "dark", "gray", "transparent"]
+      }
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["large", "medium", "small", "tiny"]
+      }
+    }
+  },
+  args: {
+    onChange: e(),
+    onBlur: e(),
+    onFocus: e()
+  }
+}, o = {
+  args: {
+    placeholder: "Enter text",
+    label: "Grouped Input"
+  }
+}, s = {
+  args: {
+    placeholder: "Enter text",
+    label: "Grouped Input",
+    error: !0,
+    errorText: "This field is required"
+  }
+}, n = {
+  args: {
+    placeholder: "Enter amount",
+    label: "Amount",
+    pre: "$",
+    post: "USD"
+  }
+}, p = {
+  args: {
+    placeholder: "Disabled input",
+    label: "Disabled Input",
+    disabled: !0
+  }
+}, i = {
+  args: {
+    placeholder: "Enter your email",
+    label: "Email",
+    helperText: "We will never share your email"
+  }
+};
+export {
+  o as Default,
+  p as Disabled,
+  s as WithError,
+  i as WithHelperText,
+  n as WithPreAndPost,
+  a as default
+};

package/dist/stories/shared/ui/Input/Input.stories.js

@@ -0,0 +1,82 @@
+import { Input as e, INPUT_VARIANTS as t } from "../../../../components/Input/ui/Input.js";
+const r = {
+  title: "shared/ui/Input",
+  component: e,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: Object.keys(t)
+      }
+    },
+    size_s: {
+      control: {
+        type: "select",
+        options: ["large", "medium", "small", "tiny"]
+      }
+    },
+    width: {
+      control: {
+        type: "select",
+        options: ["auto", "full"]
+      }
+    }
+  }
+}, o = {
+  args: {
+    variant: "light",
+    placeholder: "Placeholder"
+  }
+}, l = {
+  args: {
+    variant: "dark",
+    placeholder: "Placeholder"
+  }
+}, s = {
+  args: {
+    variant: "gray",
+    placeholder: "Placeholder"
+  }
+}, n = {
+  args: {
+    variant: "transparent",
+    placeholder: "Placeholder"
+  }
+}, c = {
+  args: {
+    variant: "light",
+    placeholder: "Placeholder",
+    error: !0
+  }
+}, i = {
+  args: {
+    variant: "light",
+    placeholder: "Placeholder",
+    pre: "$"
+  }
+}, h = {
+  args: {
+    variant: "light",
+    placeholder: "Placeholder",
+    post: "USD"
+  }
+}, p = {
+  args: {
+    isPhoneIMask: !0
+  }
+};
+export {
+  l as Dark,
+  s as Gray,
+  o as Light,
+  p as PhoneMask,
+  n as Transparent,
+  c as WithError,
+  h as WithPost,
+  i as WithPre,
+  r as default
+};

package/dist/stories/shared/ui/Logo/Logo.stories.js

@@ -0,0 +1,75 @@
+import { l as a } from "../../../../index-BJwl9stn.js";
+import { Logo as t } from "../../../../components/Logo/ui/Logo.js";
+const r = {
+  title: "shared/ui/Logo",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["black", "white", "value", "dom", "office", "newOffice", "newDom", "realty", "realtyBlack"]
+      }
+    }
+  },
+  args: {
+    onClick: a()
+  }
+}, n = {
+  args: {
+    variant: "black"
+  }
+}, s = {
+  args: {
+    variant: "white"
+  }
+}, c = {
+  args: {
+    variant: "value"
+  }
+}, i = {
+  args: {
+    variant: "dom"
+  }
+}, l = {
+  args: {
+    variant: "office"
+  }
+}, f = {
+  args: {
+    variant: "newOffice"
+  }
+}, g = {
+  args: {
+    variant: "newDom"
+  }
+}, m = {
+  args: {
+    variant: "realty"
+  }
+}, v = {
+  args: {
+    variant: "realtyBlack"
+  }
+}, k = {
+  args: {
+    variant: "black",
+    uk: !0
+  }
+};
+export {
+  n as Black,
+  i as Dom,
+  g as NewDom,
+  f as NewOffice,
+  l as Office,
+  m as Realty,
+  v as RealtyBlack,
+  c as Value,
+  s as White,
+  k as WithUk,
+  r as default
+};