@danilovd/is-ui 0.0.6

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 @@
+._button_34ai2_1{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:background-color .25s ease,border-color .25s ease,transform .12s ease,box-shadow .12s ease}._button_34ai2_1:active:not(:disabled){transform:scale(.96);box-shadow:0 0 0 2px var(--color-primary-light)}._button_34ai2_1[data-layout=primary]{background:var(--color-primary);color:var(--color-white)}._button_34ai2_1[data-layout=secondary]{background:var(--color-white);color:var(--color-primary);border-color:var(--color-primary)}._button_34ai2_1:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}

package/dist/UiButton/UiButton.d.ts

@@ -0,0 +1,25 @@
+interface IProps {
+    layout?: 'primary' | 'secondary';
+    type?: 'submit' | 'button';
+    isDisabled?: boolean;
+}
+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";
+    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,29 @@
+import "./UiButton.css";
+import { defineComponent as s, createElementBlock as a, openBlock as n, normalizeClass as l, renderSlot as u } from "vue";
+import { _ as r } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const d = ["data-layout", "disabled", "type"], p = /* @__PURE__ */ s({
+  __name: "UiButton",
+  props: {
+    layout: { default: "primary" },
+    type: { default: "button" },
+    isDisabled: { type: Boolean }
+  },
+  setup(e) {
+    const t = e;
+    return (o, y) => (n(), a("button", {
+      class: l(o.$style.button),
+      "data-layout": t.layout,
+      disabled: t.isDisabled,
+      type: t.type
+    }, [
+      u(o.$slots, "default")
+    ], 10, d));
+  }
+}), c = "_button_34ai2_1", i = {
+  button: c
+}, _ = {
+  $style: i
+}, f = /* @__PURE__ */ r(p, [["__cssModules", _]]);
+export {
+  f as default
+};

package/dist/UiField/UiField.css

@@ -0,0 +1 @@
+._field_1f64k_1{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}._label_1f64k_8{font-size:.875rem;font-weight:500;color:var(--color-primary-dark)}

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: HTMLLabelElement;
+};
+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, {}, HTMLLabelElement>;
+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,28 @@
+import "./UiField.css";
+import { defineComponent as t, createElementBlock as a, openBlock as n, normalizeClass as l, createElementVNode as r, renderSlot as c, toDisplayString as i } from "vue";
+import { _ } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const d = /* @__PURE__ */ t({
+  __name: "UiField",
+  props: {
+    label: {}
+  },
+  setup(s) {
+    const o = s;
+    return (e, u) => (n(), a("label", {
+      class: l(e.$style.field)
+    }, [
+      r("span", {
+        class: l(e.$style.label)
+      }, i(o.label), 3),
+      c(e.$slots, "default")
+    ], 2));
+  }
+}), f = "_field_1f64k_1", p = "_label_1f64k_8", m = {
+  field: f,
+  label: p
+}, b = {
+  $style: m
+}, $ = /* @__PURE__ */ _(d, [["__cssModules", b]]);
+export {
+  $ as default
+};

package/dist/UiInput/UiInput.css

@@ -0,0 +1 @@
+._input_iq7a6_1{width:100%;padding:10px 16px;font-size:1rem;border:2px solid var(--color-primary-light);border-radius:8px;background-color:var(--color-white);color:var(--color-black);transition:border-color .3s ease}._input_iq7a6_1:focus{outline:none;border-color:var(--color-primary)}._input_iq7a6_1:disabled{background-color:var(--color-gray-light);cursor:not-allowed}

package/dist/UiInput/UiInput.d.ts

@@ -0,0 +1,11 @@
+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;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+export default _default;

package/dist/UiInput/UiInput.js

@@ -0,0 +1,29 @@
+import "./UiInput.css";
+import { defineComponent as a, createElementBlock as n, openBlock as p, normalizeClass as u } from "vue";
+import { _ as i } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const d = ["placeholder", "disabled", "value"], r = /* @__PURE__ */ a({
+  __name: "UiInput",
+  props: {
+    modelValue: {},
+    isDisabled: { type: Boolean },
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = o;
+    return (l, t) => (p(), n("input", {
+      class: u(l.$style.input),
+      placeholder: e.placeholder,
+      disabled: e.isDisabled,
+      value: e.modelValue,
+      onInput: t[0] || (t[0] = (s) => l.$emit("update:modelValue", s.target.value))
+    }, null, 42, d));
+  }
+}), c = "_input_iq7a6_1", m = {
+  input: c
+}, _ = {
+  $style: m
+}, h = /* @__PURE__ */ i(r, [["__cssModules", _]]);
+export {
+  h as default
+};

package/dist/UiSelect/UiSelect.css

@@ -0,0 +1 @@
+._select_hsutp_1{width:100%;padding:10px 16px;font-size:1rem;border:2px solid var(--color-primary-light);border-radius:8px;background:var(--color-white);transition:.25s ease}._select_hsutp_1:focus{outline:none;border-color:var(--color-primary)}._select_hsutp_1:disabled{background:var(--color-gray-light);cursor:not-allowed}

package/dist/UiSelect/UiSelect.d.ts

@@ -0,0 +1,13 @@
+interface IProps {
+    modelValue: string;
+    isDisabled?: boolean;
+    options: 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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSelectElement>;
+export default _default;

package/dist/UiSelect/UiSelect.js

@@ -0,0 +1,33 @@
+import "./UiSelect.css";
+import { defineComponent as r, createElementBlock as t, openBlock as l, normalizeClass as u, Fragment as i, renderList as c, toDisplayString as d } from "vue";
+import { _ as p } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["disabled", "value"], _ = ["value"], f = /* @__PURE__ */ r({
+  __name: "UiSelect",
+  props: {
+    modelValue: {},
+    isDisabled: { type: Boolean, default: !1 },
+    options: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const s = n;
+    return (o, a) => (l(), t("select", {
+      class: u(o.$style.select),
+      disabled: s.isDisabled,
+      value: s.modelValue,
+      onChange: a[0] || (a[0] = (e) => o.$emit("update:modelValue", e.target.value))
+    }, [
+      (l(!0), t(i, null, c(s.options, (e) => (l(), t("option", {
+        key: e,
+        value: e
+      }, d(e), 9, _))), 128))
+    ], 42, m));
+  }
+}), y = "_select_hsutp_1", v = {
+  select: y
+}, b = {
+  $style: v
+}, h = /* @__PURE__ */ p(f, [["__cssModules", b]]);
+export {
+  h 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/colors.scss

@@ -0,0 +1,15 @@
+:root {
+  --color-primary: #7c3aed;
+  --color-primary-light: #a78bfa;
+  --color-primary-dark: #5b21b6;
+
+  --color-white: #ffffff;
+  --color-black: #000000;
+
+  --color-gray-light: #f3f4f6;
+  --color-gray: #d1d5db;
+  --color-gray-dark: #6b7280;
+
+  --color-success: #10b981;
+  --color-error: #ef4444;
+}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import './styles/colors.scss'
+import './styles/main.scss';
+
+export { default as UiButton } from './UiButton/UiButton';
+export { default as UiInput } from './UiInput/UiInput';
+export { default as UiSelect } from './UiSelect/UiSelect';
+export { default as UiField } from './UiField/UiField';
+

package/dist/index.ts

@@ -0,0 +1,8 @@
+import './styles/colors.scss'
+import './styles/main.scss';
+
+export { default as UiButton } from './UiButton/UiButton.vue';
+export { default as UiInput } from './UiInput/UiInput.vue';
+export { default as UiSelect } from './UiSelect/UiSelect.vue';
+export { default as UiField } from './UiField/UiField.vue';
+

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@danilovd/is-ui",
+  "description": "Is components",
+  "version": "0.0.6",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist/*",
+    "./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",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "vue": "3.5.21"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.35.0",
+    "@storybook/addon-docs": "9.1.5",
+    "@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"
+  }
+}