@irbags/ui-kit 1.0.1-alpha.27 → 1.0.1-alpha.29

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "1.0.1-alpha.27",
+  "version": "1.0.1-alpha.29",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -10,6 +10,22 @@ const ibgAppConfig = {
       error: "error",
       secondary: "secondary"
     },
+    textarea: {
+      variants: {
+        variant: {
+          outline: `
+        !ring-0
+        !focus:ring-0
+        !focus-visible:ring-0
+      `
+        },
+        size: {
+          md: {
+            base: "p-0 tracking-tight max-lg:tracking-tighter max-lg:text-xs text-base font-medium"
+          }
+        }
+      }
+    },
     button: {
       compoundVariants: [
         {
@@ -149,7 +165,7 @@ const module$1 = defineNuxtModule({
     const modulesToInstall = /* @__PURE__ */ new Map([["@nuxt/ui", {}]]);
     const installed = /* @__PURE__ */ new Set([]);
     await installModules(modulesToInstall, installed, _nuxt);
-    const { ui: { colors, button, card, fileUpload, input, radioGroup } } = ibgAppConfig;
+    const { ui: { colors, button, card, fileUpload, input, radioGroup, textarea } } = ibgAppConfig;
     _nuxt.options.appConfig = {
       ..._nuxt.options.appConfig,
       ui: {
@@ -159,7 +175,8 @@ const module$1 = defineNuxtModule({
         card,
         fileUpload,
         input,
-        radioGroup
+        radioGroup,
+        textarea
       }
     };
     if (!existsSync(componentsDir))

package/dist/runtime/assets/css/main.css

@@ -1 +1 @@
-@import "@nuxt/ui";@source "../../../app.config.ts";@source "../../../module.mjs";@source "../../components/FileInput/FileInput.vue";@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:500;src:url(../fonts/HelveticaNeueMedium.otf) format("opentype")}@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:400;src:url(../fonts/HelveticaNeueRoman.otf) format("opentype")}@theme{--breakpoint-lg:calc(90rem + 1px)}:root{@apply h-full flex flex-col;@apply text-[calc((16/(375/100))*1vw)];@apply md:text-[calc((16/(1440/100))*1vw)];@apply lg:text-[calc((16/(1920/100))*1vw)]}@theme static{--color-secondary-500:#dadada;--color-black-500:#000;--color-white-500:#fff;--color-error-500:#ff2a2a;--color-gray-500:#d7d7d7;--ui-text-muted:#fff;--font-sans:"Helvetica Neue";--text-6xl:3.4375rem;--text-4xl:2.1875rem;--text-4xl--line-height:1;--text-3xl:1.875rem;--text-3xl--line-height:1;--text-2xl:1.5rem;--text-2xl--line-height:1;--text-base:1.25rem;--text-base--line-height:1;--text-sm:1rem;--text-sm--line-height:1;--text-xs:0.9375rem;--text-xs--line-height:1;--tracking-tight:-0.02em;--tracking-tighter:-0.04em}
+@import "@nuxt/ui";@source "../../../app.config.ts";@source "../../../module.mjs";@source "../../components/FileInput/FileInput.vue";@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:400;src:url(../fonts/HelveticaNeueRoman.woff) format("woff")}@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:500;src:url(../fonts/HelveticaNeueMedium.woff) format("woff")}@theme{--breakpoint-lg:calc(90rem + 1px)}:root{@apply text-[calc((16/(375/100))*1vw)];@apply md:text-[calc((16/(1440/100))*1vw)];@apply lg:text-[calc((16/(1920/100))*1vw)]}@theme static{--color-secondary-500:#dadada;--color-black-500:#000;--color-white-500:#fff;--color-error-500:#ff2a2a;--color-gray-500:#d7d7d7;--ui-text-muted:#fff;--font-sans:"Helvetica Neue";--text-6xl:3.4375rem;--text-4xl:2.1875rem;--text-4xl--line-height:1;--text-3xl:1.875rem;--text-3xl--line-height:1;--text-2xl:1.5rem;--text-2xl--line-height:1;--text-base:1.25rem;--text-base--line-height:1;--text-sm:1rem;--text-sm--line-height:1;--text-xs:0.9375rem;--text-xs--line-height:1;--tracking-tight:-0.02em;--tracking-tighter:-0.04em}

package/dist/runtime/components/ResizebleInput/ResizebleInput.d.vue.ts

@@ -0,0 +1,8 @@
+import type { ResizebleInputProps } from "./interfaces/index.js";
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<ResizebleInputProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("@vue/runtime-core").PublicProps, Readonly<ResizebleInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ResizebleInput/ResizebleInput.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  modelValue: { type: String, required: true },
+  placeholder: { type: String, required: true }
+});
+const emit = defineEmits(["update:modelValue"]);
+const value = computed({
+  get: () => props.modelValue,
+  set: (value2) => {
+    emit("update:modelValue", value2);
+  }
+});
+</script>
+
+<template>
+  <label class="relative">
+    <span class="text-base opacity-0 max-lg:text-xs tracking-tight max-lg:tracking-tighter font-medium">
+      {{ value || placeholder }}
+    </span>
+    <IBGInput v-model="value" :placeholder="placeholder" class="absolute inset-0" />
+  </label>
+</template>

package/dist/runtime/components/ResizebleInput/ResizebleInput.vue.d.ts

@@ -0,0 +1,8 @@
+import type { ResizebleInputProps } from "./interfaces/index.js";
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<ResizebleInputProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("@vue/runtime-core").PublicProps, Readonly<ResizebleInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ResizebleInput/interfaces/emits.d.ts

@@ -0,0 +1,3 @@
+export interface ResizebleInputEmits {
+    "update:modelValue": [value: string];
+}

package/dist/runtime/components/ResizebleInput/interfaces/index.d.ts

@@ -0,0 +1,2 @@
+export type { ResizebleInputEmits } from "./emits.js";
+export type { ResizebleInputProps } from "./props.js";

package/dist/runtime/components/ResizebleInput/interfaces/props.d.ts

@@ -0,0 +1,4 @@
+export interface ResizebleInputProps {
+    modelValue: string;
+    placeholder: string;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@irbags/ui-kit",
   "type": "module",
-  "version": "1.0.1-alpha.27",
+  "version": "1.0.1-alpha.29",
   "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748",
   "description": "IRBAGS UI Kit",
   "license": "MIT",