stone-kit 0.0.1009 → 0.0.1011

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

@@ -0,0 +1,34 @@
+import { l as s } from "../../../../index-DvCs2JPX.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-DvCs2JPX.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-DvCs2JPX.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-DvCs2JPX.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
+};

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

@@ -0,0 +1,87 @@
+import { l as e } from "../../../../index-DvCs2JPX.js";
+import { a } from "../../../../FilterWithSave-RTTlxtU3.js";
+const t = [
+  { value: "price-asc", label: "Price: Low to High" },
+  { value: "price-desc", label: "Price: High to Low" },
+  { value: "name-asc", label: "Name: A to Z" },
+  { value: "name-desc", label: "Name: Z to A" },
+  { value: "date-asc", label: "Date: Oldest First" },
+  { value: "date-desc", label: "Date: Newest First" }
+], o = {
+  title: "shared/ui/SortSelect",
+  component: a,
+  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()
+  }
+}, s = {
+  args: {
+    placeholder: "Sort by",
+    label: "Sort"
+  }
+}, c = {
+  args: {
+    placeholder: "Sort by",
+    label: "Sort",
+    value: "price-asc"
+  }
+}, i = {
+  args: {
+    placeholder: "Sort by",
+    label: "Sort",
+    error: !0,
+    errorText: "Please select a sort option"
+  }
+}, n = {
+  args: {
+    placeholder: "Sort by",
+    label: "Sort",
+    disabled: !0
+  }
+}, p = {
+  args: {
+    placeholder: "Sort by",
+    label: "Sort",
+    variant: "dark"
+  }
+}, b = {
+  args: {
+    placeholder: "Sort by",
+    label: "Sort",
+    size: "small"
+  }
+}, d = {
+  args: {
+    placeholder: "Sort by",
+    label: "Sort",
+    size: "large"
+  }
+};
+export {
+  p as Dark,
+  s as Default,
+  n as Disabled,
+  d as Large,
+  b as Small,
+  i as WithError,
+  c as WithValue,
+  o as default
+};

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

@@ -0,0 +1,85 @@
+import { l as e } from "../../../../index-DvCs2JPX.js";
+import { SummarySelect as a } from "../../../../components/SummarySelect/ui/SummarySelect.js";
+const l = [
+  { value: "1", label: "Summary Option 1", count: 5 },
+  { value: "2", label: "Summary Option 2", count: 12 },
+  { value: "3", label: "Summary Option 3", count: 3 },
+  { value: "4", label: "Summary Option 4", count: 8 }
+], m = {
+  title: "shared/ui/SummarySelect",
+  component: a,
+  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: l,
+    onChange: e()
+  }
+}, o = {
+  args: {
+    placeholder: "Select summary",
+    label: "Summary Select"
+  }
+}, s = {
+  args: {
+    placeholder: "Select summary",
+    label: "Summary Select",
+    value: "2"
+  }
+}, c = {
+  args: {
+    placeholder: "Select summary",
+    label: "Summary Select",
+    error: !0,
+    errorText: "Please select a summary option"
+  }
+}, u = {
+  args: {
+    placeholder: "Select summary",
+    label: "Summary Select",
+    disabled: !0
+  }
+}, n = {
+  args: {
+    placeholder: "Select summary",
+    label: "Summary Select",
+    variant: "dark"
+  }
+}, S = {
+  args: {
+    placeholder: "Select summary",
+    label: "Summary Select",
+    size: "small"
+  }
+}, y = {
+  args: {
+    placeholder: "Select summary",
+    label: "Summary Select",
+    size: "large"
+  }
+};
+export {
+  n as Dark,
+  o as Default,
+  u as Disabled,
+  y as Large,
+  S as Small,
+  c as WithError,
+  s as WithValue,
+  m as default
+};

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

@@ -0,0 +1,77 @@
+import { l as e } from "../../../../index-DvCs2JPX.js";
+import { Switcher as a } from "../../../../components/Switcher/ui/Switcher.js";
+const l = {
+  title: "shared/ui/Switcher",
+  component: a,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: {
+        type: "select",
+        options: ["light", "dark"]
+      }
+    },
+    size: {
+      control: {
+        type: "select",
+        options: ["small", "medium", "large"]
+      }
+    }
+  },
+  args: {
+    onChange: e()
+  }
+}, r = {
+  args: {
+    label: "Enable notifications"
+  }
+}, c = {
+  args: {
+    label: "Enable notifications",
+    checked: !0
+  }
+}, i = {
+  args: {
+    checked: !1
+  }
+}, o = {
+  args: {
+    label: "Disabled switcher",
+    disabled: !0
+  }
+}, n = {
+  args: {
+    label: "Disabled checked switcher",
+    checked: !0,
+    disabled: !0
+  }
+}, d = {
+  args: {
+    label: "Dark theme switcher",
+    variant: "dark"
+  }
+}, h = {
+  args: {
+    label: "Small switcher",
+    size: "small"
+  }
+}, b = {
+  args: {
+    label: "Large switcher",
+    size: "large"
+  }
+};
+export {
+  c as Checked,
+  d as Dark,
+  r as Default,
+  o as Disabled,
+  n as DisabledChecked,
+  b as Large,
+  h as Small,
+  i as WithoutLabel,
+  l as default
+};

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

@@ -0,0 +1,76 @@
+import { l as a } from "../../../../index-DvCs2JPX.js";
+import { TabSelect as e } from "../../../../components/TabSelect/ui/TabSelect.js";
+const t = [
+  { value: "tab1", label: "Tab 1" },
+  { value: "tab2", label: "Tab 2" },
+  { value: "tab3", label: "Tab 3" },
+  { value: "tab4", label: "Tab 4" }
+], r = {
+  title: "shared/ui/TabSelect",
+  component: e,
+  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: a()
+  }
+}, o = {
+  args: {
+    value: "tab1"
+  }
+}, b = {
+  args: {
+    value: "tab2"
+  }
+}, n = {
+  args: {
+    value: "tab1",
+    variant: "dark"
+  }
+}, c = {
+  args: {
+    value: "tab1",
+    size: "small"
+  }
+}, u = {
+  args: {
+    value: "tab1",
+    size: "large"
+  }
+}, i = {
+  args: {
+    value: "tab1",
+    disabled: !0
+  }
+}, g = {
+  args: {
+    value: "tab1",
+    error: !0
+  }
+};
+export {
+  n as Dark,
+  o as Default,
+  i as Disabled,
+  u as Large,
+  b as SecondTab,
+  c as Small,
+  g as WithError,
+  r as default
+};