stone-kit 0.0.1105 → 0.0.1107

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

@@ -0,0 +1,91 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { MetroLabel as e } from "../../../../components/MetroLabel/ui/MetroLabel.js";
+const s = {
+  title: "shared/ui/MetroLabel",
+  component: e,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    width: {
+      control: {
+        type: "select",
+        options: ["full", "auto"]
+      }
+    },
+    justifyContent: {
+      control: {
+        type: "select",
+        options: ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"]
+      }
+    },
+    colorIcon: {
+      control: "color"
+    }
+  }
+}, n = {
+  args: {
+    metro: {
+      name: "Сокольники",
+      color: "#FF6B35",
+      routes: [
+        { timeTo: "5", iconName: "metro" },
+        { timeTo: "3", iconName: "bus" }
+      ]
+    }
+  }
+}, c = {
+  args: {
+    metro: {
+      name: "Парк Культуры",
+      color: "#FF6B35",
+      routes: [
+        { timeTo: "2", iconName: "metro" },
+        { timeTo: "7", iconName: "bus" }
+      ]
+    }
+  }
+}, i = {
+  args: {
+    metro: {
+      name: "Кропоткинская",
+      color: "#FF6B35"
+    }
+  }
+}, l = {
+  args: {
+    metro: {
+      name: "Библиотека им. Ленина",
+      color: "#FF6B35",
+      routes: [
+        { timeTo: "1", iconName: "metro" },
+        { timeTo: "3", iconName: "bus" },
+        { timeTo: "5", iconName: "tram" }
+      ]
+    }
+  }
+}, u = {
+  args: {
+    metro: {
+      name: "Охотный Ряд",
+      color: "#FF6B35",
+      routes: [
+        { timeTo: "2", iconName: "metro" }
+      ]
+    }
+  },
+  render: (t) => /* @__PURE__ */ r("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ o(e, { ...t }),
+    /* @__PURE__ */ o(e, { metro: { name: "Театральная", color: "#00A651", routes: [{ timeTo: "3", iconName: "metro" }] } }),
+    /* @__PURE__ */ o(e, { metro: { name: "Площадь Революции", color: "#00A651", routes: [{ timeTo: "1", iconName: "metro" }] } })
+  ] })
+};
+export {
+  n as Default,
+  u as DifferentStations,
+  l as MultipleRoutes,
+  c as WithRoutes,
+  i as WithoutRoutes,
+  s as default
+};

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

@@ -0,0 +1,96 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { MetroTag as t } from "../../../../components/MetroTag/ui/MetroTag.js";
+const m = {
+  title: "shared/ui/MetroTag",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["default", "transparent", "mini"]
+      }
+    },
+    width: {
+      control: {
+        type: "select",
+        options: ["full", "auto"]
+      }
+    },
+    withBg: {
+      control: "boolean"
+    },
+    withWhiteBg: {
+      control: "boolean"
+    }
+  }
+}, i = {
+  args: {
+    metro: {
+      name: "Сокольники",
+      station: "Сокольническая",
+      color: "#FF6B35",
+      timeTo: 5,
+      mode: "metro"
+    }
+  }
+}, s = {
+  args: {
+    metro: {
+      name: "Парк Культуры",
+      station: "Сокольническая",
+      color: "#FF6B35",
+      timeTo: 3,
+      mode: "metro"
+    },
+    variant: "transparent"
+  }
+}, l = {
+  args: {
+    metro: {
+      name: "Кропоткинская",
+      station: "Сокольническая",
+      color: "#FF6B35",
+      timeTo: 2,
+      mode: "metro"
+    },
+    variant: "mini"
+  }
+}, c = {
+  args: {
+    metro: {
+      name: "Библиотека им. Ленина",
+      station: "Сокольническая",
+      color: "#FF6B35",
+      timeTo: 7,
+      mode: "metro"
+    },
+    withBg: !0
+  }
+}, p = {
+  args: {
+    metro: {
+      name: "Охотный Ряд",
+      station: "Сокольническая",
+      color: "#FF6B35",
+      timeTo: 2,
+      mode: "metro"
+    }
+  },
+  render: (e) => /* @__PURE__ */ r("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ o(t, { ...e }),
+    /* @__PURE__ */ o(t, { metro: { name: "Театральная", station: "Замоскворецкая", color: "#00A651", timeTo: 3, mode: "metro" } }),
+    /* @__PURE__ */ o(t, { metro: { name: "Площадь Революции", station: "Арбатско-Покровская", color: "#00A651", timeTo: 1, mode: "metro" } })
+  ] })
+};
+export {
+  i as Default,
+  l as Mini,
+  p as MultipleTags,
+  s as Transparent,
+  c as WithBackground,
+  m as default
+};

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

@@ -0,0 +1,77 @@
+import { l as t } from "../../../../index-BJwl9stn.js";
+import { MobileButton as e } from "../../../../components/mobileButton/ui/MobileButton.js";
+const r = {
+  title: "shared/ui/MobileButton",
+  component: e,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["primary", "secondary", "outline"]
+      }
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["small", "medium", "large"]
+      }
+    }
+  },
+  args: {
+    onClick: t()
+  }
+}, a = {
+  args: {
+    children: "Mobile Button"
+  }
+}, i = {
+  args: {
+    children: "Primary Button",
+    variant: "primary"
+  }
+}, l = {
+  args: {
+    children: "Secondary Button",
+    variant: "secondary"
+  }
+}, s = {
+  args: {
+    children: "Outline Button",
+    variant: "outline"
+  }
+}, c = {
+  args: {
+    children: "Small Button",
+    size: "small"
+  }
+}, d = {
+  args: {
+    children: "Large Button",
+    size: "large"
+  }
+}, u = {
+  args: {
+    children: "Disabled Button",
+    disabled: !0
+  }
+}, m = {
+  args: {
+    children: "Button with Icon",
+    icon: "🔥"
+  }
+};
+export {
+  a as Default,
+  u as Disabled,
+  d as Large,
+  s as Outline,
+  i as Primary,
+  l as Secondary,
+  c as Small,
+  m as WithIcon,
+  r as default
+};

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

@@ -0,0 +1,77 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { l as t } from "../../../../index-BJwl9stn.js";
+import { Modal as i } from "../../../../components/Modal/ui/Modal.js";
+const n = {
+  title: "shared/ui/Modal",
+  component: i,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    isOpen: {
+      control: "boolean"
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["small", "medium", "large", "fullscreen"]
+      }
+    }
+  },
+  args: {
+    isOpen: !0,
+    onClose: t()
+  }
+}, r = {
+  args: {
+    isOpen: !0,
+    title: "Modal Title",
+    children: /* @__PURE__ */ e("div", { children: "Modal content goes here" })
+  }
+}, d = {
+  args: {
+    isOpen: !0,
+    title: "Small Modal",
+    size: "small",
+    children: /* @__PURE__ */ e("div", { children: "This is a small modal" })
+  }
+}, c = {
+  args: {
+    isOpen: !0,
+    title: "Medium Modal",
+    size: "medium",
+    children: /* @__PURE__ */ e("div", { children: "This is a medium modal with more content" })
+  }
+}, m = {
+  args: {
+    isOpen: !0,
+    title: "Large Modal",
+    size: "large",
+    children: /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ e("p", { children: "This is a large modal with lots of content." }),
+      /* @__PURE__ */ e("p", { children: "It can contain multiple paragraphs and other elements." }),
+      /* @__PURE__ */ e("button", { children: "Action Button" })
+    ] })
+  }
+}, h = {
+  args: {
+    isOpen: !0,
+    children: /* @__PURE__ */ e("div", { children: "Modal without title" })
+  }
+}, p = {
+  args: {
+    isOpen: !1,
+    title: "Closed Modal",
+    children: /* @__PURE__ */ e("div", { children: "This modal is closed" })
+  }
+};
+export {
+  p as Closed,
+  r as Default,
+  m as Large,
+  c as Medium,
+  d as Small,
+  h as WithoutTitle,
+  n as default
+};

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

@@ -0,0 +1,34 @@
+import { l as s } from "../../../../index-BJwl9stn.js";
+import { ModalSuccess as e } from "../../../../components/ModalSuccess/ModalSuccess.js";
+const o = {
+  title: "shared/ui/ModalSuccess",
+  component: e,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    isSuccessOpen: {
+      control: "boolean"
+    }
+  },
+  args: {
+    isSuccessOpen: !0,
+    setIsSuccess: s()
+  }
+}, a = {
+  args: {
+    isSuccessOpen: !0,
+    setIsSuccess: s()
+  }
+}, r = {
+  args: {
+    isSuccessOpen: !1,
+    setIsSuccess: s()
+  }
+};
+export {
+  r as Closed,
+  a as Default,
+  o as default
+};

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

@@ -0,0 +1,38 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { NewIcon as t, iconTypes as l } from "../../../../components/NewIcon/ui/NewIcon.js";
+const n = {
+  title: "shared/ui/NewIcon",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    name: {
+      control: {
+        type: "select",
+        options: Object.keys(l)
+      }
+    },
+    size: {
+      control: "text"
+    },
+    color: {
+      control: "color"
+    }
+  }
+}, a = {
+  args: {
+    name: "loader"
+  }
+}, p = {
+  render: () => /* @__PURE__ */ o("div", { style: { display: "flex", flexWrap: "wrap", gap: "16px" }, children: Object.keys(l).map((e) => /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }, children: [
+    /* @__PURE__ */ o(t, { name: e }),
+    /* @__PURE__ */ o("span", { children: e })
+  ] }, e)) })
+};
+export {
+  p as AllIcons,
+  a as Default,
+  n as default
+};

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

@@ -0,0 +1,83 @@
+import { l as r } from "../../../../index-BJwl9stn.js";
+import { RoundButton as t } from "../../../../components/RoundButton/ui/RoundButton.js";
+const n = {
+  title: "shared/ui/RoundButton",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["primary", "secondary", "outline", "ghost"]
+      }
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["small", "medium", "large"]
+      }
+    }
+  },
+  args: {
+    onClick: r()
+  }
+}, s = {
+  args: {
+    children: "+"
+  }
+}, o = {
+  args: {
+    children: "+",
+    variant: "primary"
+  }
+}, i = {
+  args: {
+    children: "−",
+    variant: "secondary"
+  }
+}, l = {
+  args: {
+    children: "×",
+    variant: "outline"
+  }
+}, c = {
+  args: {
+    children: "?",
+    variant: "ghost"
+  }
+}, d = {
+  args: {
+    children: "+",
+    size: "small"
+  }
+}, g = {
+  args: {
+    children: "+",
+    size: "large"
+  }
+}, m = {
+  args: {
+    children: "+",
+    disabled: !0
+  }
+}, h = {
+  args: {
+    children: "🔥",
+    variant: "primary"
+  }
+};
+export {
+  s as Default,
+  m as Disabled,
+  c as Ghost,
+  g as Large,
+  l as Outline,
+  o as Primary,
+  i as Secondary,
+  d as Small,
+  h as WithIcon,
+  n as default
+};

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

@@ -0,0 +1,81 @@
+import { l as e } from "../../../../index-BJwl9stn.js";
+import { Select as l } from "../../../../components/Select/ui/Select.js";
+const t = [
+  { value: "1", label: "Option 1" },
+  { value: "2", label: "Option 2" },
+  { value: "3", label: "Option 3" },
+  { value: "4", label: "Option 4" }
+], r = {
+  title: "shared/ui/Select",
+  component: l,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["light", "dark", "gray", "transparent"]
+      }
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["small", "medium", "large"]
+      }
+    }
+  },
+  args: {
+    options: t,
+    onChange: e(),
+    onBlur: e(),
+    onFocus: e()
+  }
+}, i = {
+  args: {
+    placeholder: "Select an option",
+    label: "Select Field"
+  }
+}, n = {
+  args: {
+    placeholder: "Select an option",
+    label: "Select Field",
+    value: "2"
+  }
+}, s = {
+  args: {
+    placeholder: "Select an option",
+    label: "Select Field",
+    error: !0,
+    errorText: "This field is required"
+  }
+}, c = {
+  args: {
+    placeholder: "Select an option",
+    label: "Select Field",
+    disabled: !0
+  }
+}, p = {
+  args: {
+    placeholder: "Select multiple options",
+    label: "Multiple Select",
+    multiple: !0,
+    value: ["1", "3"]
+  }
+}, u = {
+  args: {
+    placeholder: "Select an option",
+    label: "Select Field",
+    helperText: "Choose the best option for you"
+  }
+};
+export {
+  i as Default,
+  c as Disabled,
+  p as Multiple,
+  s as WithError,
+  u as WithHelperText,
+  n as WithValue,
+  r as default
+};

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

@@ -0,0 +1,82 @@
+import { l as t } from "../../../../index-BJwl9stn.js";
+import { SliderNavigation as e } from "../../../../components/SliderNavigation/ui/SliderNavigation.js";
+const a = {
+  title: "shared/ui/SliderNavigation",
+  component: e,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["light", "dark"]
+      }
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["small", "medium", "large"]
+      }
+    }
+  },
+  args: {
+    onPrevious: t(),
+    onNext: t()
+  }
+}, s = {
+  args: {
+    currentSlide: 1,
+    totalSlides: 5
+  }
+}, i = {
+  args: {
+    currentSlide: 1,
+    totalSlides: 5
+  }
+}, o = {
+  args: {
+    currentSlide: 3,
+    totalSlides: 5
+  }
+}, d = {
+  args: {
+    currentSlide: 5,
+    totalSlides: 5
+  }
+}, n = {
+  args: {
+    currentSlide: 2,
+    totalSlides: 4,
+    variant: "dark"
+  }
+}, c = {
+  args: {
+    currentSlide: 2,
+    totalSlides: 6,
+    size: "small"
+  }
+}, S = {
+  args: {
+    currentSlide: 3,
+    totalSlides: 8,
+    size: "large"
+  }
+}, g = {
+  args: {
+    currentSlide: 1,
+    totalSlides: 1
+  }
+};
+export {
+  n as Dark,
+  s as Default,
+  i as FirstSlide,
+  S as Large,
+  d as LastSlide,
+  o as MiddleSlide,
+  g as SingleSlide,
+  c as Small,
+  a as default
+};