stone-kit 0.0.1009 → 0.0.1011

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-DvCs2JPX.js";
+import { M as o } from "../../../../FilterWithSave-RTTlxtU3.js";
+const r = {
+  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()
+  }
+}, s = {
+  args: {
+    isOpen: !0,
+    title: "Form Modal",
+    children: /* @__PURE__ */ e("div", { children: "Modal content goes here" })
+  }
+}, d = {
+  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,
+  s as Default,
+  d as WithForm,
+  r as default
+};

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

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

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-DvCs2JPX.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-DvCs2JPX.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
+};