kilya-ui 0.0.1

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/kilya-ui.css

@@ -0,0 +1 @@
+._button-white_hbhwm_1 path[fill],._button-reset_hbhwm_1 path[fill],._button-link_hbhwm_1 path[fill],._button-border_hbhwm_1 path[fill],._button-default_hbhwm_1 path[fill],._button-white_hbhwm_1 rect[fill],._button-reset_hbhwm_1 rect[fill],._button-link_hbhwm_1 rect[fill],._button-border_hbhwm_1 rect[fill],._button-default_hbhwm_1 rect[fill],._button-white_hbhwm_1 circle[fill],._button-reset_hbhwm_1 circle[fill],._button-link_hbhwm_1 circle[fill],._button-border_hbhwm_1 circle[fill],._button-default_hbhwm_1 circle[fill]{fill:currentColor;transition:.2s fill}._button-white_hbhwm_1 path[stroke],._button-reset_hbhwm_1 path[stroke],._button-link_hbhwm_1 path[stroke],._button-border_hbhwm_1 path[stroke],._button-default_hbhwm_1 path[stroke],._button-white_hbhwm_1 rect[stroke],._button-reset_hbhwm_1 rect[stroke],._button-link_hbhwm_1 rect[stroke],._button-border_hbhwm_1 rect[stroke],._button-default_hbhwm_1 rect[stroke],._button-white_hbhwm_1 circle[stroke],._button-reset_hbhwm_1 circle[stroke],._button-link_hbhwm_1 circle[stroke],._button-border_hbhwm_1 circle[stroke],._button-default_hbhwm_1 circle[stroke]{stroke:currentColor;transition:.2s stroke}._button-white_hbhwm_1 svg,._button-reset_hbhwm_1 svg,._button-link_hbhwm_1 svg,._button-border_hbhwm_1 svg,._button-default_hbhwm_1 svg{max-width:100%;width:100%;height:100%;object-fit:contain}._button-white_hbhwm_1,._button-reset_hbhwm_1,._button-link_hbhwm_1,._button-border_hbhwm_1,._button-default_hbhwm_1{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}._button-white_hbhwm_1:focus-visible,._button-reset_hbhwm_1:focus-visible,._button-link_hbhwm_1:focus-visible,._button-border_hbhwm_1:focus-visible,._button-default_hbhwm_1:focus-visible{outline:none}._button-white_hbhwm_1:disabled,._button-reset_hbhwm_1:disabled,._button-link_hbhwm_1:disabled,._button-border_hbhwm_1:disabled,._button-default_hbhwm_1:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}._button-white_hbhwm_1,._button-border_hbhwm_1,._button-default_hbhwm_1{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}._button-white_hbhwm_1,._button-border_hbhwm_1,._button-default_hbhwm_1{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){._button-white_hbhwm_1:hover,._button-border_hbhwm_1:hover,._button-default_hbhwm_1:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){._button-white_hbhwm_1:active,._button-border_hbhwm_1:active,._button-default_hbhwm_1:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}._button-white_hbhwm_1:active,._button-border_hbhwm_1:active,._button-default_hbhwm_1:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}._button-default_hbhwm_1{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}._button-border_hbhwm_1{--background-color: transparent;--color: var(--color-text, #000);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}._button-link_hbhwm_1{--color: var(--color-link, #1677ff);--hover-color: var(--hover-color-link, #4096ff);--pressed-color: var(--pressed-color-link, #0958d9);color:var(--color);border:none;border-radius:0}@media(hover:hover){._button-link_hbhwm_1:hover{color:var(--hover-color)}}@media(hover:none){._button-link_hbhwm_1:active{color:var(--hover-color)}}._button-link_hbhwm_1:active{color:var(--pressed-color)}._button-white_hbhwm_1{--background-color: var(--bg-white, #fff);--color: var(--color-text, #000);--border-color: var(--bg-white, #fff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}._button-close_cfuu0_1 path[fill],._button-close_cfuu0_1 rect[fill],._button-close_cfuu0_1 circle[fill]{fill:currentColor;transition:.2s fill}._button-close_cfuu0_1 path[stroke],._button-close_cfuu0_1 rect[stroke],._button-close_cfuu0_1 circle[stroke]{stroke:currentColor;transition:.2s stroke}._button-close_cfuu0_1 svg{max-width:100%;width:100%;height:100%;object-fit:contain}._button-close_cfuu0_1{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}._button-close_cfuu0_1:focus-visible{outline:none}._button-close_cfuu0_1:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}._button-close_cfuu0_1{--ava: 1.875rem;max-width:var(--ava);min-width:var(--ava);width:var(--ava);height:var(--ava);max-height:var(--ava);font-size:0;position:relative;border-radius:.25rem;color:var(--button-color-close)}@media(hover:hover){._button-close_cfuu0_1:hover{color:var(--button-hover-color-close)}}@media(hover:none){._button-close_cfuu0_1:active{color:var(--button-hover-color-close)}}._button-close_cfuu0_1:before{content:"";height:100dvh;position:fixed;left:50%;top:50%;translate:-50% -50%;width:100vw;z-index:-1}._button-close_cfuu0_1 path{stroke:currentColor;stroke-width:.125rem}._input-button_zw44s_1 path[fill],._input-submit_zw44s_1 path[fill],._input-reset_zw44s_1 path[fill],._input-button_zw44s_1 rect[fill],._input-submit_zw44s_1 rect[fill],._input-reset_zw44s_1 rect[fill],._input-button_zw44s_1 circle[fill],._input-submit_zw44s_1 circle[fill],._input-reset_zw44s_1 circle[fill]{fill:currentColor;transition:.2s fill}._input-button_zw44s_1 path[stroke],._input-submit_zw44s_1 path[stroke],._input-reset_zw44s_1 path[stroke],._input-button_zw44s_1 rect[stroke],._input-submit_zw44s_1 rect[stroke],._input-reset_zw44s_1 rect[stroke],._input-button_zw44s_1 circle[stroke],._input-submit_zw44s_1 circle[stroke],._input-reset_zw44s_1 circle[stroke]{stroke:currentColor;transition:.2s stroke}._input-button_zw44s_1 svg,._input-submit_zw44s_1 svg,._input-reset_zw44s_1 svg{max-width:100%;width:100%;height:100%;object-fit:contain}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}._input-button_zw44s_1:focus-visible,._input-submit_zw44s_1:focus-visible,._input-reset_zw44s_1:focus-visible{outline:none}._input-button_zw44s_1:disabled,._input-submit_zw44s_1:disabled,._input-reset_zw44s_1:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){._input-button_zw44s_1:hover,._input-submit_zw44s_1:hover,._input-reset_zw44s_1:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){._input-button_zw44s_1:active,._input-submit_zw44s_1:active,._input-reset_zw44s_1:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}._input-button_zw44s_1:active,._input-submit_zw44s_1:active,._input-reset_zw44s_1:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}:root{--bg-primary: #1677ff;--bg-default: #d9d9d9;--bg-white: #fff;--color-text: #000;--color-white: #fff;--color-link: #1677ff;--br-default: #d9d9d9;--hover-bg-primary: #4096ff;--hover-bg-default: #0000000f;--hover-color-link: #4096ff;--hover-br-default: #0000000f;--focused-bg-primary: #4096ff;--focused-bg-default: #0000000f;--focused-color-link: #4096ff;--focused-br-default: #0000000f;--pressed-bg-primary: #0958d9;--pressed-bg-default: #00000026;--pressed-color-link: #0958d9;--pressed-br-default: #00000026;--disabled-bg-primary: #ddd;--disabled-bg-default: #ddd;--disabled-bg-white: #ddd;--disabled-color-text: #818181;--disabled-color-white: #818181;--disabled-color-link: #818181;--disabled-br-default: #ddd;--button-br-small: .25rem;--button-font-family: monospace;--button-font-size: 1rem;--button-font-weight: 300;--button-color-close: #000;--button-hover-color-close: #ff0000}html{font-size:16px}._input-color_zw44s_140{width:50px;height:30px;padding:2px}._input-checkbox_zw44s_146,._input-radio_zw44s_146{margin-right:8px;transform:scale(1.2)}._input-date_zw44s_151,._input-datetime-local_zw44s_151,._input-month_zw44s_151,._input-time_zw44s_151,._input-week_zw44s_151{border:1px solid #ccc;padding:8px;font-family:inherit}._input-file_zw44s_157{padding:8px;border:1px dashed #ccc}._input-number_zw44s_162,._input-text_zw44s_169,._input-email_zw44s_169,._input-password_zw44s_169,._input-search_zw44s_169,._input-tel_zw44s_169,._input-url_zw44s_169{border:1px solid #ccc;padding:8px 12px;border-radius:4px;font-size:14px}._input-image_zw44s_176{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}._input-hidden_zw44s_184{display:none}._input-range_zw44s_188{width:100%;height:6px}

package/dist/kilya-ui.es.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/kilya-ui.es.js

@@ -0,0 +1,403 @@
+import ne from "react";
+function oe(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var R = { exports: {} }, d = {};
+var M;
+function ae() {
+  if (M) return d;
+  M = 1;
+  var n = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
+  function l(_, i, r) {
+    var a = null;
+    if (r !== void 0 && (a = "" + r), i.key !== void 0 && (a = "" + i.key), "key" in i) {
+      r = {};
+      for (var c in i)
+        c !== "key" && (r[c] = i[c]);
+    } else r = i;
+    return i = r.ref, {
+      $$typeof: n,
+      type: _,
+      key: a,
+      ref: i !== void 0 ? i : null,
+      props: r
+    };
+  }
+  return d.Fragment = f, d.jsx = l, d.jsxs = l, d;
+}
+var b = {};
+var L;
+function se() {
+  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === ee ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case k:
+          return "Fragment";
+        case J:
+          return "Profiler";
+        case V:
+          return "StrictMode";
+        case H:
+          return "Suspense";
+        case Z:
+          return "SuspenseList";
+        case K:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case U:
+            return "Portal";
+          case G:
+            return e.displayName || "Context";
+          case B:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case X:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Q:
+            return t = e.displayName || null, t !== null ? t : n(e.type) || "Memo";
+          case x:
+            t = e._payload, e = e._init;
+            try {
+              return n(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function f(e) {
+      return "" + e;
+    }
+    function l(e) {
+      try {
+        f(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var o = t.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          s
+        ), f(e);
+      }
+    }
+    function _(e) {
+      if (e === k) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === x)
+        return "<...>";
+      try {
+        var t = n(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var e = y.A;
+      return e === null ? null : e.getOwner();
+    }
+    function r() {
+      return Error("react-stack-top-frame");
+    }
+    function a(e) {
+      if (C.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function c(e, t) {
+      function o() {
+        $ || ($ = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          t
+        ));
+      }
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
+        configurable: !0
+      });
+    }
+    function h() {
+      var e = n(this.type);
+      return Y[e] || (Y[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function T(e, t, o, s, v, j) {
+      var u = o.ref;
+      return e = {
+        $$typeof: z,
+        type: e,
+        key: t,
+        props: o,
+        _owner: s
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: h
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: v
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: j
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function E(e, t, o, s, v, j) {
+      var u = t.children;
+      if (u !== void 0)
+        if (s)
+          if (te(u)) {
+            for (s = 0; s < u.length; s++)
+              g(u[s]);
+            Object.freeze && Object.freeze(u);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else g(u);
+      if (C.call(t, "key")) {
+        u = n(e);
+        var p = Object.keys(t).filter(function(re) {
+          return re !== "key";
+        });
+        s = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", D[u + s] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          s,
+          u,
+          p,
+          u
+        ), D[u + s] = !0);
+      }
+      if (u = null, o !== void 0 && (l(o), u = "" + o), a(t) && (l(t.key), u = "" + t.key), "key" in t) {
+        o = {};
+        for (var S in t)
+          S !== "key" && (o[S] = t[S]);
+      } else o = t;
+      return u && c(
+        o,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), T(
+        e,
+        u,
+        o,
+        i(),
+        v,
+        j
+      );
+    }
+    function g(e) {
+      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function N(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === z;
+    }
+    var w = ne, z = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), G = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), y = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, te = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    w = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var $, Y = {}, I = w.react_stack_bottom_frame.bind(
+      w,
+      r
+    )(), F = O(_(r)), D = {};
+    b.Fragment = k, b.jsx = function(e, t, o) {
+      var s = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        t,
+        o,
+        !1,
+        s ? Error("react-stack-top-frame") : I,
+        s ? O(_(e)) : F
+      );
+    }, b.jsxs = function(e, t, o) {
+      var s = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        t,
+        o,
+        !0,
+        s ? Error("react-stack-top-frame") : I,
+        s ? O(_(e)) : F
+      );
+    };
+  })()), b;
+}
+var W;
+function ue() {
+  return W || (W = 1, process.env.NODE_ENV === "production" ? R.exports = ae() : R.exports = se()), R.exports;
+}
+var m = ue(), A = { exports: {} };
+var q;
+function ie() {
+  return q || (q = 1, (function(n) {
+    (function() {
+      var f = {}.hasOwnProperty;
+      function l() {
+        for (var r = "", a = 0; a < arguments.length; a++) {
+          var c = arguments[a];
+          c && (r = i(r, _(c)));
+        }
+        return r;
+      }
+      function _(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return l.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var a = "";
+        for (var c in r)
+          f.call(r, c) && r[c] && (a = i(a, c));
+        return a;
+      }
+      function i(r, a) {
+        return a ? r ? r + " " + a : r + a : r;
+      }
+      n.exports ? (l.default = l, n.exports = l) : window.classNames = l;
+    })();
+  })(A)), A.exports;
+}
+var le = ie();
+const P = /* @__PURE__ */ oe(le), ce = {
+  "button-white": "_button-white_hbhwm_1",
+  "button-reset": "_button-reset_hbhwm_1",
+  "button-link": "_button-link_hbhwm_1",
+  "button-border": "_button-border_hbhwm_1",
+  "button-default": "_button-default_hbhwm_1"
+}, fe = ({
+  children: n,
+  disabled: f = !1,
+  type: l = "button",
+  button: _ = "default",
+  className: i = "",
+  ...r
+}) => /* @__PURE__ */ m.jsx(
+  "button",
+  {
+    type: l,
+    className: P(ce[`button-${_}`], i),
+    disabled: f,
+    ...r,
+    children: n
+  }
+), _e = {
+  "button-close": "_button-close_cfuu0_1"
+}, pe = ({
+  disabled: n = !1,
+  className: f = "",
+  ...l
+}) => /* @__PURE__ */ m.jsxs(
+  "button",
+  {
+    type: "button",
+    className: P(_e["button-close"], f),
+    disabled: n,
+    ...l,
+    children: [
+      "Close",
+      /* @__PURE__ */ m.jsxs("svg", { viewBox: "0 0 24 25", children: [
+        /* @__PURE__ */ m.jsx("path", { d: "M6.34314 18.1567L17.6568 6.84303" }),
+        /* @__PURE__ */ m.jsx("path", { d: "M17.6569 18.1567L6.34315 6.84303" })
+      ] })
+    ]
+  }
+), me = {
+  Button: fe,
+  ButtonClose: pe
+}, de = {
+  "input-button": "_input-button_zw44s_1",
+  "input-submit": "_input-submit_zw44s_1",
+  "input-reset": "_input-reset_zw44s_1",
+  "input-color": "_input-color_zw44s_140",
+  "input-checkbox": "_input-checkbox_zw44s_146",
+  "input-radio": "_input-radio_zw44s_146",
+  "input-date": "_input-date_zw44s_151",
+  "input-datetime-local": "_input-datetime-local_zw44s_151",
+  "input-month": "_input-month_zw44s_151",
+  "input-time": "_input-time_zw44s_151",
+  "input-week": "_input-week_zw44s_151",
+  "input-file": "_input-file_zw44s_157",
+  "input-number": "_input-number_zw44s_162",
+  "input-text": "_input-text_zw44s_169",
+  "input-email": "_input-email_zw44s_169",
+  "input-password": "_input-password_zw44s_169",
+  "input-search": "_input-search_zw44s_169",
+  "input-tel": "_input-tel_zw44s_169",
+  "input-url": "_input-url_zw44s_169",
+  "input-image": "_input-image_zw44s_176",
+  "input-hidden": "_input-hidden_zw44s_184",
+  "input-range": "_input-range_zw44s_188"
+}, be = ({
+  id: n,
+  type: f,
+  name: l,
+  className: _,
+  disabled: i,
+  required: r,
+  readOnly: a,
+  onBlur: c,
+  onFocus: h,
+  onClick: T,
+  ...E
+}) => /* @__PURE__ */ m.jsx(
+  "input",
+  {
+    type: f,
+    className: P(de[`input-${f}`], _),
+    name: l,
+    id: n,
+    disabled: i,
+    required: r,
+    readOnly: a,
+    onBlur: c,
+    onFocus: h,
+    onClick: T,
+    ...E
+  }
+), Ee = {
+  Button: me,
+  Input: be
+}, ve = {
+  components: Ee
+};
+export {
+  ve as default
+};

package/dist/kilya-ui.umd.js

@@ -0,0 +1,6 @@
+(function(p,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("react")):typeof define=="function"&&define.amd?define(["react"],b):(p=typeof globalThis<"u"?globalThis:p||self,p["kilya-ui"]=b(p.React))})(this,(function(p){"use strict";function b(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var v={exports:{}},E={};var z;function B(){if(z)return E;z=1;var n=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function l(_,i,r){var s=null;if(r!==void 0&&(s=""+r),i.key!==void 0&&(s=""+i.key),"key"in i){r={};for(var c in i)c!=="key"&&(r[c]=i[c])}else r=i;return i=r.ref,{$$typeof:n,type:_,key:s,ref:i!==void 0?i:null,props:r}}return E.Fragment=f,E.jsx=l,E.jsxs=l,E}var w={};var C;function J(){return C||(C=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===_e?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case j:return"Fragment";case oe:return"Profiler";case ne:return"StrictMode";case ie:return"Suspense";case le:return"SuspenseList";case fe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case re:return"Portal";case ae:return e.displayName||"Context";case se:return(e._context.displayName||"Context")+".Consumer";case ue:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ce:return t=e.displayName||null,t!==null?t:n(e.type)||"Memo";case S:t=e._payload,e=e._init;try{return n(e(t))}catch{}}return null}function f(e){return""+e}function l(e){try{f(e);var t=!1}catch{t=!0}if(t){t=console;var o=t.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),f(e)}}function _(e){if(e===j)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var t=n(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function i(){var e=A.A;return e===null?null:e.getOwner()}function r(){return Error("react-stack-top-frame")}function s(e){if(M.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function o(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function y(){var e=n(this.type);return W[e]||(W[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function O(e,t,o,a,T,g){var u=o.ref;return e={$$typeof:D,type:e,key:t,props:o,_owner:a},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:y}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function R(e,t,o,a,T,g){var u=t.children;if(u!==void 0)if(a)if(pe(u)){for(a=0;a<u.length;a++)I(u[a]);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else I(u);if(M.call(t,"key")){u=n(e);var m=Object.keys(t).filter(function(de){return de!=="key"});a=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",V[u+a]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,a,u,m,u),V[u+a]=!0)}if(u=null,o!==void 0&&(l(o),u=""+o),s(t)&&(l(t.key),u=""+t.key),"key"in t){o={};for(var N in t)N!=="key"&&(o[N]=t[N])}else o=t;return u&&c(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),O(e,u,o,i(),T,g)}function I(e){F(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?F(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function F(e){return typeof e=="object"&&e!==null&&e.$$typeof===D}var h=p,D=Symbol.for("react.transitional.element"),re=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),oe=Symbol.for("react.profiler"),se=Symbol.for("react.consumer"),ae=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),ie=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),fe=Symbol.for("react.activity"),_e=Symbol.for("react.client.reference"),A=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,pe=Array.isArray,P=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var L,W={},q=h.react_stack_bottom_frame.bind(h,r)(),U=P(_(r)),V={};w.Fragment=j,w.jsx=function(e,t,o){var a=1e4>A.recentlyCreatedOwnerStacks++;return R(e,t,o,!1,a?Error("react-stack-top-frame"):q,a?P(_(e)):U)},w.jsxs=function(e,t,o){var a=1e4>A.recentlyCreatedOwnerStacks++;return R(e,t,o,!0,a?Error("react-stack-top-frame"):q,a?P(_(e)):U)}})()),w}var Y;function G(){return Y||(Y=1,process.env.NODE_ENV==="production"?v.exports=B():v.exports=J()),v.exports}var d=G(),k={exports:{}};var $;function X(){return $||($=1,(function(n){(function(){var f={}.hasOwnProperty;function l(){for(var r="",s=0;s<arguments.length;s++){var c=arguments[s];c&&(r=i(r,_(c)))}return r}function _(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return l.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var s="";for(var c in r)f.call(r,c)&&r[c]&&(s=i(s,c));return s}function i(r,s){return s?r?r+" "+s:r+s:r}n.exports?(l.default=l,n.exports=l):window.classNames=l})()})(k)),k.exports}var H=X();const x=b(H),Z={"button-white":"_button-white_hbhwm_1","button-reset":"_button-reset_hbhwm_1","button-link":"_button-link_hbhwm_1","button-border":"_button-border_hbhwm_1","button-default":"_button-default_hbhwm_1"},Q=({children:n,disabled:f=!1,type:l="button",button:_="default",className:i="",...r})=>d.jsx("button",{type:l,className:x(Z[`button-${_}`],i),disabled:f,...r,children:n}),K={"button-close":"_button-close_cfuu0_1"},ee={Button:Q,ButtonClose:({disabled:n=!1,className:f="",...l})=>d.jsxs("button",{type:"button",className:x(K["button-close"],f),disabled:n,...l,children:["Close",d.jsxs("svg",{viewBox:"0 0 24 25",children:[d.jsx("path",{d:"M6.34314 18.1567L17.6568 6.84303"}),d.jsx("path",{d:"M17.6569 18.1567L6.34315 6.84303"})]})]})},te={"input-button":"_input-button_zw44s_1","input-submit":"_input-submit_zw44s_1","input-reset":"_input-reset_zw44s_1","input-color":"_input-color_zw44s_140","input-checkbox":"_input-checkbox_zw44s_146","input-radio":"_input-radio_zw44s_146","input-date":"_input-date_zw44s_151","input-datetime-local":"_input-datetime-local_zw44s_151","input-month":"_input-month_zw44s_151","input-time":"_input-time_zw44s_151","input-week":"_input-week_zw44s_151","input-file":"_input-file_zw44s_157","input-number":"_input-number_zw44s_162","input-text":"_input-text_zw44s_169","input-email":"_input-email_zw44s_169","input-password":"_input-password_zw44s_169","input-search":"_input-search_zw44s_169","input-tel":"_input-tel_zw44s_169","input-url":"_input-url_zw44s_169","input-image":"_input-image_zw44s_176","input-hidden":"_input-hidden_zw44s_184","input-range":"_input-range_zw44s_188"};return{components:{Button:ee,Input:({id:n,type:f,name:l,className:_,disabled:i,required:r,readOnly:s,onBlur:c,onFocus:y,onClick:O,...R})=>d.jsx("input",{type:f,className:x(te[`input-${f}`],_),name:l,id:n,disabled:i,required:r,readOnly:s,onBlur:c,onFocus:y,onClick:O,...R})}}}));

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "kilya-ui",
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/kilya-ui.umd.js",
+  "module": "./dist/kilya-ui.es.js",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/kilya-ui.es.d.ts",
+      "import": "./dist/kilya-ui.es.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@storybook/addon-docs": "^10.0.8",
+    "@storybook/addon-onboarding": "^10.0.8",
+    "@storybook/react-vite": "^10.0.8",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "^10.0.8",
+    "globals": "^16.5.0",
+    "sass-embedded": "^1.93.3",
+    "storybook": "^10.0.8",
+    "styled-components": "^6.1.19",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  }
+}