@ripple-design/rui 1.0.0

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './textField';

package/dist/components/index.js

@@ -0,0 +1,45 @@
+import { createBlock as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, renderSlot as o, withCtx as s } from "vue";
+//#region src/components/textField/RTextInput.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "rui-text-input"
+}, l = {
+	key: 1,
+	class: "rui-text-input"
+}, u = /*@__PURE__*/ i({
+	__name: "RTextInput",
+	props: { textArea: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		return (n, r) => e.textArea ? (a(), t("textarea", l)) : (a(), t("input", c));
+	}
+}), d = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, f = /*#__PURE__*/ d(u, [["__scopeId", "data-v-6382a243"]]), p = {}, m = { class: "rui-notched-outline" };
+function h(e, r) {
+	return a(), t("span", m, [...r[0] ||= [
+		n("span", { class: "rui-notched-outline__leading" }, null, -1),
+		n("span", { class: "rui-notched-outline__notch" }, null, -1),
+		n("span", { class: "rui-notched-outline__trailing" }, null, -1)
+	]]);
+}
+var g = /*#__PURE__*/ d(p, [["render", h], ["__scopeId", "data-v-5b53b5c5"]]), _ = { class: "rui-text-field-shell rui-text-field-shell--outlined" }, v = /*#__PURE__*/ d(/* @__PURE__ */ i({
+	__name: "RTextFieldShell",
+	setup(e) {
+		return (e, n) => (a(), t("label", _, [o(e.$slots, "default", {}, void 0, !0), r(g)]));
+	}
+}), [["__scopeId", "data-v-641f7349"]]), y = /* @__PURE__ */ i({
+	__name: "RTextField",
+	setup(t) {
+		return (t, n) => (a(), e(v, null, {
+			default: s(() => [r(f)]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { y as RTextField, f as RTextInput };

package/dist/components/textField/RTextField.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/textField/RTextInput.vue.d.ts

@@ -0,0 +1,4 @@
+import { RTextFieldBaseProps } from './types.ts';
+declare const __VLS_export: import('vue').DefineComponent<RTextFieldBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RTextFieldBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/textField/components/RNotchedOutline.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/textField/components/RTextFieldShell.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/textField/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types.ts';
+export { default as RTextField } from './RTextField.vue';
+export { default as RTextInput } from './RTextInput.vue';

package/dist/components/textField/types.d.ts

@@ -0,0 +1,3 @@
+export type RTextFieldBaseProps = {
+    textArea?: boolean;
+};

package/dist/index.d.ts

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

package/dist/rui.css

@@ -0,0 +1,2 @@
+[data-v-6382a243]:root{--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375rem;--rui-sys-typo-subtitle1-text-transform:none}.rui-text--subtitle1[data-v-6382a243]{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}[data-v-6382a243]:root{--rui-sys-color-primary:#6200ee}.rui-text-input[data-v-6382a243]{--rui-comp-text-highlight-color:mixin.alpha(color.$primary, 40%);font-size:var(--rui-comp-text-field-input-text-size,var(--rui-sys-typo-subtitle1-size));font-weight:var(--rui-comp-text-field-input-text-weight,var(--rui-sys-typo-subtitle1-weight));font-family:var(--rui-comp-text-field-input-text-font-family,var(--rui-sys-typo-subtitle1-font-family)), system-ui;line-height:var(--rui-comp-text-field-input-text-line-height,var(--rui-sys-typo-subtitle1-line-height));letter-spacing:var(--rui-comp-text-field-input-text-letter-spacing,var(--rui-sys-typo-subtitle1-letter-spacing));text-transform:var(--rui-comp-text-field-input-text-text-transform,var(--rui-sys-typo-subtitle1-text-transform));caret-color:var(--rui-sys-color-primary);background:0 0;border:none;outline:none;padding:0}.rui-text-input[data-v-6382a243]::selection{background-color:var(--rui-comp-text-highlight-color)}.rui-notched-outline[data-v-5b53b5c5]{box-sizing:border-box;pointer-events:none;display:flex;position:absolute;inset:0}.rui-notched-outline__leading[data-v-5b53b5c5],.rui-notched-outline__notch[data-v-5b53b5c5],.rui-notched-outline__trailing[data-v-5b53b5c5]{border-width:1px;border-color:#0000001f}.rui-notched-outline__leading[data-v-5b53b5c5]{border-inline-start-style:solid;border-top-style:solid;border-bottom-style:solid;border-start-start-radius:var(--rui-text-field-outlined-top-left-radius);border-end-start-radius:var(--rui-text-field-outlined-bottom-left-radius);width:12px}.rui-notched-outline__notch[data-v-5b53b5c5]{border-top-style:solid;border-bottom-style:solid}.rui-notched-outline__trailing[data-v-5b53b5c5]{border-inline-end-style:solid;border-top-style:solid;border-bottom-style:solid;border-start-end-radius:var(--rui-text-field-outlined-top-right-radius);border-end-end-radius:var(--rui-text-field-outlined-bottom-right-radius);flex-grow:1}.rui-text-field-shell[data-v-641f7349]{--rui-text-field-outlined-top-left-radius:4px;--rui-text-field-outlined-top-right-radius:4px;--rui-text-field-outlined-bottom-left-radius:4px;--rui-text-field-outlined-bottom-right-radius:4px;border-radius:var(--rui-text-field-outlined-top-left-radius) var(--rui-text-field-outlined-top-right-radius) var(--rui-text-field-outlined-bottom-right-radius) var(--rui-text-field-outlined-bottom-left-radius);min-height:56px;padding:0 16px;display:inline-flex;position:relative;overflow:hidden}:root{--rui-sys-color-primary:#6200ee;--rui-sys-typo-font-family:system-ui;--rui-sys-typo-subtitle1-size:1rem;--rui-sys-typo-subtitle1-weight:400;--rui-sys-typo-subtitle1-font-family:var(--rui-sys-typo-font-family);--rui-sys-typo-subtitle1-line-height:1.5rem;--rui-sys-typo-subtitle1-letter-spacing:.009375rem;--rui-sys-typo-subtitle1-text-transform:none}.rui-text--subtitle1{font-size:var(--rui-sys-typo-subtitle1-size);font-weight:var(--rui-sys-typo-subtitle1-weight);font-family:var(--rui-sys-typo-subtitle1-font-family), system-ui;line-height:var(--rui-sys-typo-subtitle1-line-height);letter-spacing:var(--rui-sys-typo-subtitle1-letter-spacing);text-transform:var(--rui-sys-typo-subtitle1-text-transform)}
+/*$vite$:1*/

package/dist/styles.d.ts

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

package/package.json

@@ -0,0 +1,44 @@
+{
+    "name": "@ripple-design/rui",
+    "version": "1.0.0",
+    "description": "Modular and customizable Ripple Design UI components for Vue 3",
+    "files": [
+        "dist"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "type": "module",
+    "sideEffects": false,
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        },
+        "./components": {
+            "types": "./dist/components/index.d.ts",
+            "import": "./dist/components/index.js"
+        },
+        "./styles": {
+            "types": "./dist/styles.d.ts",
+            "import": "./dist/styles.js"
+        }
+    },
+    "scripts": {
+        "build": "vue-tsc --noEmit -p tsconfig.json && vite build",
+        "lint": "oxlint .",
+        "lint:fix": "oxlint . --fix"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^6.0.7",
+        "sass": "^1.93.2",
+        "vite": "^8.0.16",
+        "vite-plugin-dts": "^5.0.3"
+    },
+    "peerDependencies": {
+        "vue": "^3.5.0"
+    }
+}