is-components-zvssf 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Aleksandr Dergunov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,21 @@
+# ИС
+
+Сделать аккаунт на гитхабе.
+Установить:
+git
+github desktop
+vs code
+node.js 24
+
+---
+
+Склонировать себе на компьютер репозиторий https://github.com/dergunovs/is
+
+ввести в терминале:
+git clone https://github.com/dergunovs/is.git
+
+открыть появившуюся папку в vs code
+
+открыть терминал в vs code
+
+написать в терминале в vs code: npm install

package/dist/UiButton/UiButton.css

@@ -0,0 +1 @@
+.ui-button[data-v-b1684c2c]{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-family:inherit;transition:background-color .2s;color:#fff}.ui-button[data-layout=primary][data-v-b1684c2c]{background-color:var(--color-primary)}.ui-button[data-layout=primary][data-v-b1684c2c]:hover{background-color:var(--color-primary-hover)}.ui-button[data-layout=secondary][data-v-b1684c2c]{background-color:var(--color-secondary)}.ui-button[data-layout=secondary][data-v-b1684c2c]:hover{background-color:var(--color-secondary-hover)}.ui-button[data-v-b1684c2c]:disabled{cursor:not-allowed;background-color:var(--color-disabled);color:var(--color-disabled-text)}

package/dist/UiButton/UiButton.d.ts

@@ -0,0 +1,26 @@
+interface IProps {
+    layout?: 'primary' | 'secondary';
+    isDisabled?: boolean;
+    type?: 'submit' | 'button';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
+    layout: "primary" | "secondary";
+    isDisabled: boolean;
+    type: "submit" | "button";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UiButton/UiButton.js

@@ -0,0 +1,25 @@
+import "./UiButton.css";
+import { defineComponent as a, createElementBlock as s, openBlock as l, renderSlot as n } from "vue";
+import { _ as d } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const u = ["type", "disabled", "data-layout"], p = /* @__PURE__ */ a({
+  __name: "UiButton",
+  props: {
+    layout: { default: "primary" },
+    isDisabled: { type: Boolean, default: !1 },
+    type: { default: "button" }
+  },
+  setup(e) {
+    const t = e;
+    return (o, r) => (l(), s("button", {
+      class: "ui-button",
+      type: t.type,
+      disabled: t.isDisabled,
+      "data-layout": t.layout
+    }, [
+      n(o.$slots, "default", {}, void 0, !0)
+    ], 8, u));
+  }
+}), _ = /* @__PURE__ */ d(p, [["__scopeId", "data-v-b1684c2c"]]);
+export {
+  _ as default
+};

package/dist/UiField/UiField.css

@@ -0,0 +1 @@
+.ui-field[data-v-b434ac78]{display:flex;flex-direction:column;gap:8px;width:100%}.ui-field-label[data-v-b434ac78]{font-size:14px;font-weight:500;color:var(--color-text)}

package/dist/UiField/UiField.d.ts

@@ -0,0 +1,20 @@
+interface IProps {
+    label: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UiField/UiField.js

@@ -0,0 +1,21 @@
+import "./UiField.css";
+import { defineComponent as l, createElementBlock as i, openBlock as a, createElementVNode as e, toDisplayString as c, renderSlot as n } from "vue";
+import { _ as d } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const r = { class: "ui-field" }, _ = { class: "ui-field-label" }, p = { class: "ui-field-content" }, f = /* @__PURE__ */ l({
+  __name: "UiField",
+  props: {
+    label: {}
+  },
+  setup(t) {
+    const o = t;
+    return (s, m) => (a(), i("div", r, [
+      e("label", _, c(o.label), 1),
+      e("div", p, [
+        n(s.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), h = /* @__PURE__ */ d(f, [["__scopeId", "data-v-b434ac78"]]);
+export {
+  h as default
+};

package/dist/UiInput/UiInput.css

@@ -0,0 +1 @@
+.ui-input[data-v-7ba9c012]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;color:var(--color-text);outline:none;transition:border-color .2s;box-sizing:border-box}.ui-input[data-v-7ba9c012]::placeholder{color:var(--color-disabled-text)}.ui-input[data-v-7ba9c012]:focus{border-color:var(--color-primary)}.ui-input[data-v-7ba9c012]:disabled{background-color:var(--color-disabled);color:var(--color-disabled-text);cursor:not-allowed}

package/dist/UiInput/UiInput.d.ts

@@ -0,0 +1,15 @@
+interface IProps {
+    modelValue?: string;
+    isDisabled?: boolean;
+    placeholder?: string;
+}
+declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    isDisabled: boolean;
+    modelValue: string;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+export default _default;

package/dist/UiInput/UiInput.js

@@ -0,0 +1,29 @@
+import "./UiInput.css";
+import { defineComponent as s, createElementBlock as d, openBlock as u } from "vue";
+import { _ as c } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const i = ["value", "disabled", "placeholder"], r = /* @__PURE__ */ s({
+  __name: "UiInput",
+  props: {
+    modelValue: { default: "" },
+    isDisabled: { type: Boolean, default: !1 },
+    placeholder: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: o }) {
+    const e = l, n = o, p = (t) => {
+      const a = t.target;
+      n("update:modelValue", a.value);
+    };
+    return (t, a) => (u(), d("input", {
+      class: "ui-input",
+      type: "text",
+      value: e.modelValue,
+      disabled: e.isDisabled,
+      placeholder: e.placeholder,
+      onInput: p
+    }, null, 40, i));
+  }
+}), f = /* @__PURE__ */ c(r, [["__scopeId", "data-v-7ba9c012"]]);
+export {
+  f as default
+};

package/dist/UiSelect/UiSelect.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ui-select-wrapper[data-v-9fa4958c]{position:relative;width:100%}.ui-select[data-v-9fa4958c]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;color:var(--color-text);background-color:var(--color-bg);outline:none;cursor:pointer;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.ui-select[data-v-9fa4958c]:focus{border-color:var(--color-primary)}.ui-select[data-v-9fa4958c]:disabled{background-color:var(--color-disabled);color:var(--color-disabled-text);cursor:not-allowed;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}

package/dist/UiSelect/UiSelect.d.ts

@@ -0,0 +1,15 @@
+interface IProps {
+    modelValue?: string;
+    options?: string[];
+    isDisabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    isDisabled: boolean;
+    modelValue: string;
+    options: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/UiSelect/UiSelect.js

@@ -0,0 +1,34 @@
+import "./UiSelect.css";
+import { defineComponent as r, createElementBlock as a, openBlock as s, createElementVNode as u, Fragment as p, renderList as m, toDisplayString as _ } from "vue";
+import { _ as f } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const h = { class: "ui-select-wrapper" }, v = ["value", "disabled"], g = ["value"], V = /* @__PURE__ */ r({
+  __name: "UiSelect",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => [] },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: c }) {
+    const e = n, d = c, i = (l) => {
+      const o = l.target;
+      d("update:modelValue", o.value);
+    };
+    return (l, o) => (s(), a("div", h, [
+      u("select", {
+        class: "ui-select",
+        value: e.modelValue,
+        disabled: e.isDisabled,
+        onChange: i
+      }, [
+        (s(!0), a(p, null, m(e.options, (t) => (s(), a("option", {
+          key: t,
+          value: t
+        }, _(t), 9, g))), 128))
+      ], 40, v)
+    ]));
+  }
+}), x = /* @__PURE__ */ f(V, [["__scopeId", "data-v-9fa4958c"]]);
+export {
+  x as default
+};

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as UiButton } from './UiButton/UiButton';
+export { default as UiInput } from './UiInput/UiInput';
+export { default as UiField } from './UiField/UiField';
+export { default as UiSelect } from './UiSelect/UiSelect';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { default as UiButton } from './UiButton/UiButton.js';
+export { default as UiInput } from './UiInput/UiInput.js';
+export { default as UiField } from './UiField/UiField.js';
+export { default as UiSelect } from './UiSelect/UiSelect.js';

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "is-components-zvssf", 
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/is-components-new.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/is-components-new.js",
+      "require": "./dist/is-components-new.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006 --no-open",
+    "build": "vite build && storybook build",
+    "lint": "eslint **/*.{js,ts,vue} && stylelint src/**/*.{scss,vue}",
+    "ts": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "3.5.21"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.35.0",
+    "@storybook/addon-docs": "9.1.5",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/vue3": "9.1.5",
+    "@storybook/vue3-vite": "9.1.5",
+    "@types/node": "24.3.1",
+    "@vitejs/plugin-vue": "6.0.1",
+    "eslint": "9.35.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "4.4.4",
+    "eslint-plugin-import-x": "4.16.1",
+    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-sonarjs": "3.0.5",
+    "eslint-plugin-unicorn": "61.0.2",
+    "eslint-plugin-vue": "10.4.0",
+    "globals": "16.4.0",
+    "postcss-html": "1.8.0",
+    "postcss-scss": "4.0.9",
+    "prettier": "3.6.2",
+    "sass-embedded": "1.92.1",
+    "storybook": "9.1.5",
+    "stylelint": "16.24.0",
+    "stylelint-config-recess-order": "7.3.0",
+    "stylelint-config-recommended-scss": "16.0.0",
+    "stylelint-config-recommended-vue": "1.6.1",
+    "stylelint-order": "7.0.0",
+    "stylelint-prettier": "5.0.3",
+    "typescript": "5.9.2",
+    "typescript-eslint": "8.43.0",
+    "vite": "7.1.5",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-static-copy": "3.1.4",
+    "vite-svg-loader": "5.1.0",
+    "vue-eslint-parser": "10.2.0",
+    "vue-linters-config": "0.5.4",
+    "vue-tsc": "3.0.6"
+  },
+  "peerDependencies": {
+    "vue": "3.5.21"
+  },
+  "engines": {
+    "npm": "11",
+    "node": "24"
+  }
+}