@danilovd/is-ui 0.0.8 → 0.1.0

package/dist/index/index.css

@@ -0,0 +1 @@
+: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}@font-face{font-family:base;font-weight:400;src:url(/fonts/400.woff2) format("woff2");font-display:swap}@font-face{font-family:base;font-weight:700;src:url(/fonts/700.woff2) format("woff2");font-display:swap}*{box-sizing:border-box;font-family:base,sans-serif}*::selection{color:var(--color-white);background-color:var(--color-primary-dark)}body{padding:0;margin:0;font-size:1rem;line-height:1.5}a{width:fit-content;color:var(--color-primary);text-decoration:none}h1,h2,h3{margin-top:0;margin-bottom:24px;font-weight:700;line-height:1.2}p{margin:0}p+p{margin:12px 0}._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}._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}._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}._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/index/index.js

@@ -0,0 +1,2 @@
+(function(l,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(l=typeof globalThis<"u"?globalThis:l||self,o(l.IsUi={},l.Vue))})(this,(function(l,o){"use strict";var i=document.createElement("style");i.textContent=`: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}@font-face{font-family:base;font-weight:400;src:url(/fonts/400.woff2) format("woff2");font-display:swap}@font-face{font-family:base;font-weight:700;src:url(/fonts/700.woff2) format("woff2");font-display:swap}*{box-sizing:border-box;font-family:base,sans-serif}*::selection{color:var(--color-white);background-color:var(--color-primary-dark)}body{padding:0;margin:0;font-size:1rem;line-height:1.5}a{width:fit-content;color:var(--color-primary);text-decoration:none}h1,h2,h3{margin-top:0;margin-bottom:24px;font-weight:700;line-height:1.2}p{margin:0}p+p{margin:12px 0}._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}._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}._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}._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)}
+/*$vite$:1*/`,document.head.appendChild(i);const c=["data-layout","disabled","type"],d=o.defineComponent({__name:"UiButton",props:{layout:{default:"primary"},type:{default:"button"},isDisabled:{type:Boolean}},setup(r){const e=r;return(t,s)=>(o.openBlock(),o.createElementBlock("button",{class:o.normalizeClass(t.$style.button),"data-layout":e.layout,disabled:e.isDisabled,type:e.type},[o.renderSlot(t.$slots,"default")],10,c))}}),p={button:"_button_34ai2_1"},n=(r,e)=>{const t=r.__vccOpts||r;for(const[s,a]of e)t[s]=a;return t},u=n(d,[["__cssModules",{$style:p}]]),f=["placeholder","disabled","value"],_=n(o.defineComponent({__name:"UiInput",props:{modelValue:{},isDisabled:{type:Boolean},placeholder:{}},emits:["update:modelValue"],setup(r){const e=r;return(t,s)=>(o.openBlock(),o.createElementBlock("input",{class:o.normalizeClass(t.$style.input),placeholder:e.placeholder,disabled:e.isDisabled,value:e.modelValue,onInput:s[0]||(s[0]=a=>t.$emit("update:modelValue",a.target.value))},null,42,f))}}),[["__cssModules",{$style:{input:"_input_iq7a6_1"}}]]),m=["disabled","value"],b=["value"],y=n(o.defineComponent({__name:"UiSelect",props:{modelValue:{},isDisabled:{type:Boolean,default:!1},options:{}},emits:["update:modelValue"],setup(r){const e=r;return(t,s)=>(o.openBlock(),o.createElementBlock("select",{class:o.normalizeClass(t.$style.select),disabled:e.isDisabled,value:e.modelValue,onChange:s[0]||(s[0]=a=>t.$emit("update:modelValue",a.target.value))},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.options,a=>(o.openBlock(),o.createElementBlock("option",{key:a,value:a},o.toDisplayString(a),9,b))),128))],42,m))}}),[["__cssModules",{$style:{select:"_select_hsutp_1"}}]]),h=n(o.defineComponent({__name:"UiField",props:{label:{}},setup(r){const e=r;return(t,s)=>(o.openBlock(),o.createElementBlock("label",{class:o.normalizeClass(t.$style.field)},[o.createElementVNode("span",{class:o.normalizeClass(t.$style.label)},o.toDisplayString(e.label),3),o.renderSlot(t.$slots,"default")],2))}}),[["__cssModules",{$style:{field:"_field_1f64k_1",label:"_label_1f64k_8"}}]]);l.UiButton=u,l.UiField=h,l.UiInput=_,l.UiSelect=y,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@danilovd/is-ui",
   "description": "Is components",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",

package/dist/UiButton/UiButton.css

@@ -1 +0,0 @@
-._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.js

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-._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.js

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-._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.js

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-._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.js

@@ -1,33 +0,0 @@
-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

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