nuance-ui 0.1.1

package/dist/runtime/composals/use-mod.d.ts

@@ -0,0 +1,2 @@
+export type Mod = Record<string, any>;
+export declare function useMod(mod: Mod | Mod[] | Mod[][] | null | undefined): Mod | null;

package/dist/runtime/composals/use-mod.js

@@ -0,0 +1,25 @@
+import { isFalsy } from "@nui/utils";
+import { computed } from "vue";
+const transformKey = (key) => key.startsWith("data-") ? key : `data-${key}`;
+function getMod(props) {
+  if (Array.isArray(props)) {
+    return props.filter((i) => !isFalsy(i)).reduce((acc, item) => ({ ...acc, ...getMod(item) }), {});
+  }
+  return Object.keys(props).reduce((acc, key) => {
+    const value = props[key];
+    if (isFalsy(value))
+      return acc;
+    acc[transformKey(key)] = props[key];
+    return acc;
+  }, {});
+}
+export function useMod(mod) {
+  return computed(() => {
+    if (!mod)
+      return null;
+    if (Array.isArray(mod)) {
+      return mod.filter((i) => !isFalsy(i)).reduce((acc, value) => ({ ...acc, ...getMod(value) }), {});
+    }
+    return getMod(mod);
+  });
+}

package/dist/runtime/composals/use-style-resolver.d.ts

@@ -0,0 +1,3 @@
+import type { UiKitTheme } from '@nui/types';
+import type { CSSProperties } from 'vue';
+export declare function useStyleResolver<T extends CSSProperties>(factory: (theme: UiKitTheme) => T): T;

package/dist/runtime/composals/use-style-resolver.js

@@ -0,0 +1,5 @@
+import { useTheme } from "./use-theme.js";
+export function useStyleResolver(factory) {
+  const theme = useTheme();
+  return factory(theme.value);
+}

package/dist/runtime/composals/use-theme.d.ts

@@ -0,0 +1,9 @@
+import type { UiKitTheme } from '@nui/types';
+interface ThemeInstance {
+    preference: UiKitTheme;
+    readonly value: UiKitTheme;
+    unknown: boolean;
+    forced: boolean;
+}
+export declare function useTheme(): ThemeInstance;
+export {};

package/dist/runtime/composals/use-theme.js

@@ -0,0 +1,4 @@
+import { useState } from "#imports";
+export function useTheme() {
+  return useState("color-mode").value;
+}

package/dist/runtime/const/index.d.ts

@@ -0,0 +1,2 @@
+import type { UiKitGradient } from '@nui/types';
+export declare const DEFAULT_GRADIENT: UiKitGradient;

package/dist/runtime/const/index.js

@@ -0,0 +1,6 @@
+export const DEFAULT_GRADIENT = {
+  from: "violet.6",
+  to: "grape.6",
+  deg: 120,
+  bg: "slate.8"
+};

package/dist/runtime/helpers/create-strict-injection.d.ts

@@ -0,0 +1,94 @@
+import type { InjectionKey } from '@vue/runtime-core';
+import type { CreateInjectionStateOptions } from '@vueuse/core';
+interface StrictInjectionOptions<Return> extends Omit<CreateInjectionStateOptions<Return>, 'injectionKey'> {
+    /**
+     * The name of the context for error messages.
+     * Used to generate helpful error when context is missing.
+     *
+     * @example 'ComboboxState', 'FormContext', 'DialogProvider'
+     */
+    name: string;
+    injectionKey: InjectionKey<Return>;
+}
+type StrictInjectionReturn<Arguments extends Array<any>, Return> = Readonly<[
+    /**
+     * Provider function to be called in a parent component.
+     * Creates and provides the state to all descendant components.
+     *
+     * @param args - Arguments passed to the composable function
+     * @returns The state returned by the composable
+     *
+     * @example
+     * ```vue
+     * <script setup>
+     * const state = useProvideComboboxState({ items: [] })
+     * </script>
+     * ```
+     */
+    useProvidingState: (...args: Arguments) => Return,
+    /**
+     * Consumer function to be called in a child component.
+     * Injects the state provided by the nearest parent provider.
+     *
+     * @throws {Error} When called outside of a provider context
+     * @returns The injected state
+     *
+     * @example
+     * ```vue
+     * <script setup>
+     * const state = useComboboxState() // Throws if no provider found
+     * </script>
+     * ```
+     */
+    useInjectedState: () => Return
+]>;
+/**
+ * Creates a pair of composables for strict provide/inject pattern with required context.
+ * Unlike Vue's standard inject, this ensures the context is always provided, throwing an error otherwise.
+ *
+ * This is useful for component libraries where certain child components must be used
+ * within a specific parent component context.
+ *
+ * @template Arguments - The arguments accepted by the composable function
+ * @template Return - The return type of the composable function
+ *
+ * @param composable - The composable function that creates the shared state
+ * @param options - Configuration options including context name for error messages
+ *
+ * @returns A tuple of [useProvidingState, useInjectedState] functions
+ *
+ * @example
+ * ```ts
+ * // Define the state structure
+ * interface ComboboxState {
+ *   items: string[]
+ *   selected: Ref<string | null>
+ * }
+ *
+ * // Create the strict injection pair
+ * const [useProvideComboboxState, useComboboxState] = createStrictInjection(
+ *   (state: ComboboxState) => {
+ *     return {
+ *       ...state,
+ *       select: (item: string) => { state.selected.value = item }
+ *     }
+ *   },
+ *   { name: 'ComboboxState' }
+ * )
+ *
+ * // In parent component (Combobox.vue)
+ * const state = useProvideComboboxState({
+ *   items: ['Apple', 'Banana', 'Cherry'],
+ *   selected: ref(null)
+ * })
+ *
+ * // In child component (ComboboxOption.vue)
+ * const { select, selected } = useComboboxState() // ✅ Works inside Combobox
+ * // ❌ Throws "[useComboboxState] Missing provider. Make sure to call `useProvideComboboxState` in a parent component."
+ * //    if used outside Combobox context
+ * ```
+ *
+ * @see {@link https://vueuse.org/shared/createInjectionState/ VueUse createInjectionState}
+ */
+export declare function createStrictInjection<Arguments extends Array<any>, Return>(composable: (...args: Arguments) => Return, options: StrictInjectionOptions<Return>): StrictInjectionReturn<Arguments, Return>;
+export {};

package/dist/runtime/helpers/create-strict-injection.js

@@ -0,0 +1,11 @@
+import { createInjectionState } from "@vueuse/core";
+export function createStrictInjection(composable, options) {
+  const [useProvide, useInject] = createInjectionState(composable, options);
+  const useStrictInject = () => {
+    const ctx = useInject();
+    if (ctx == null)
+      throw new Error(`[use${options.name}] Missing provider. Make sure to call \`useProvide${options.name}\` in a parent component.`);
+    return ctx;
+  };
+  return [useProvide, useStrictInject];
+}

package/dist/runtime/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './create-strict-injection.js';

package/dist/runtime/helpers/index.js

@@ -0,0 +1 @@
+export * from "./create-strict-injection.js";

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+	"extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/runtime/styles/baseline.css

@@ -0,0 +1 @@
+*,:after,:before{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{background-color:var(--color-body);color:var(--color-text);font-family:var(--font-family),sans-serif;font-size:var(--font-size-md);line-height:var(--line-height);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-device-width:em(500px)){body{-webkit-text-size-adjust:100%}}body:has(dialog[data-modal][open]){overflow:hidden}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{border:0}button,select{text-transform:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}

package/dist/runtime/styles/colors.css

@@ -0,0 +1 @@
+:root{--color-white:#fff;--color-black:#000;--color-primary-0:var(--color-blue-0);--color-primary-1:var(--color-blue-1);--color-primary-2:var(--color-blue-2);--color-primary-3:var(--color-blue-3);--color-primary-4:var(--color-blue-4);--color-primary-5:var(--color-blue-5);--color-primary-6:var(--color-blue-6);--color-primary-7:var(--color-blue-7);--color-primary-8:var(--color-blue-8);--color-primary-9:var(--color-blue-9);--color-primary-filled:var(--color-blue-filled);--color-primary-filled-hover:var(--color-blue-filled-hover);--color-primary-light:alpha(var(--color-blue-light),.15);--color-primary-light-hover:var(--color-blue-light-hover);--color-primary-light-color:var(--color-blue-light-color);--color-primary-outline:var(--color-blue-outline);--color-primary-outline-hover:alpha(var(--color-blue-outline),.1);--color-dark-0:#c9c9c9;--color-dark-1:#b8b8b8;--color-dark-2:#828282;--color-dark-3:#696969;--color-dark-4:#424242;--color-dark-5:#3b3b3b;--color-dark-6:#2e2e2e;--color-dark-7:#242424;--color-dark-8:#1f1f1f;--color-dark-9:#141414;--color-slate-0:#f8f9fb;--color-slate-1:#f1f3f6;--color-slate-2:#e4e7ed;--color-slate-3:#dadce5;--color-slate-4:#c1c6d4;--color-slate-5:#9096b2;--color-slate-6:#4a5568;--color-slate-7:#313446;--color-slate-8:#252938;--color-slate-9:#1d1f29;--color-gray-0:#f8f9fa;--color-gray-1:#f1f3f5;--color-gray-2:#e9ecef;--color-gray-3:#dee2e6;--color-gray-4:#ced4da;--color-gray-5:#adb5bd;--color-gray-6:#868e96;--color-gray-7:#495057;--color-gray-8:#343a40;--color-gray-9:#212529;--color-red-0:#fdf4f4;--color-red-1:#f5e0e0;--color-red-2:#e8c5c5;--color-red-3:#d49999;--color-red-4:#c27373;--color-red-5:#a85a5a;--color-red-6:#8f4545;--color-red-7:#763636;--color-red-8:#5d2a2a;--color-red-9:#4a2121;--color-pink-0:#fdf6f8;--color-pink-1:#f7e4e9;--color-pink-2:#edc2d0;--color-pink-3:#dd9bb0;--color-pink-4:#c97a93;--color-pink-5:#b26179;--color-pink-6:#954d65;--color-pink-7:#7a3e52;--color-pink-8:#603140;--color-pink-9:#4d2733;--color-grape-0:#f8f0fc;--color-grape-1:#f3d9fa;--color-grape-2:#eebefa;--color-grape-3:#e599f7;--color-grape-4:#da77f2;--color-grape-5:#cc5de8;--color-grape-6:#be4bdb;--color-grape-7:#ae3ec9;--color-grape-8:#9c36b5;--color-grape-9:#862e9c;--color-violet-0:#f3f0ff;--color-violet-1:#e5dbff;--color-violet-2:#d0bfff;--color-violet-3:#b197fc;--color-violet-4:#9775fa;--color-violet-5:#845ef7;--color-violet-6:#7950f2;--color-violet-7:#7048e8;--color-violet-8:#6741d9;--color-violet-9:#5f3dc4;--color-indigo-0:#edf2ff;--color-indigo-1:#dbe4ff;--color-indigo-2:#bac8ff;--color-indigo-3:#91a7ff;--color-indigo-4:#748ffc;--color-indigo-5:#5c7cfa;--color-indigo-6:#4c6ef5;--color-indigo-7:#4263eb;--color-indigo-8:#3b5bdb;--color-indigo-9:#364fc7;--color-blue-0:#e7f5ff;--color-blue-1:#d0ebff;--color-blue-2:#a5d8ff;--color-blue-3:#74c0fc;--color-blue-4:#4dabf7;--color-blue-5:#339af0;--color-blue-6:#228be6;--color-blue-7:#1c7ed6;--color-blue-8:#1971c2;--color-blue-9:#1864ab;--color-cyan-0:#e3fafc;--color-cyan-1:#c5f6fa;--color-cyan-2:#99e9f2;--color-cyan-3:#66d9e8;--color-cyan-4:#3bc9db;--color-cyan-5:#22b8cf;--color-cyan-6:#15aabf;--color-cyan-7:#1098ad;--color-cyan-8:#0c8599;--color-cyan-9:#0b7285;--color-teal-0:#e6fcf5;--color-teal-1:#c3fae8;--color-teal-2:#96f2d7;--color-teal-3:#63e6be;--color-teal-4:#38d9a9;--color-teal-5:#20c997;--color-teal-6:#12b886;--color-teal-7:#0ca678;--color-teal-8:#099268;--color-teal-9:#087f5b;--color-green-0:#ebfbee;--color-green-1:#d3f9d8;--color-green-2:#b2f2bb;--color-green-3:#8ce99a;--color-green-4:#69db7c;--color-green-5:#51cf66;--color-green-6:#40c057;--color-green-7:#37b24d;--color-green-8:#2f9e44;--color-green-9:#2b8a3e;--color-lime-0:#f4fce3;--color-lime-1:#e9fac8;--color-lime-2:#d8f5a2;--color-lime-3:#c0eb75;--color-lime-4:#a9e34b;--color-lime-5:#94d82d;--color-lime-6:#82c91e;--color-lime-7:#74b816;--color-lime-8:#66a80f;--color-lime-9:#5c940d;--color-yellow-0:#fdfbf0;--color-yellow-1:#f9f4d6;--color-yellow-2:#f0e6a6;--color-yellow-3:#e3d372;--color-yellow-4:#d4bf47;--color-yellow-5:#c2a72b;--color-yellow-6:#a68c1a;--color-yellow-7:#8a7315;--color-yellow-8:#6e5a12;--color-yellow-9:#584610;--color-orange-0:#fdf6f0;--color-orange-1:#f7e6d3;--color-orange-2:#edd1b0;--color-orange-3:#deb887;--color-orange-4:#cd9a5b;--color-orange-5:#b8833a;--color-orange-6:#a0692f;--color-orange-7:#8b5a28;--color-orange-8:#704621;--color-orange-9:#5a3419}

package/dist/runtime/styles/const.css

@@ -0,0 +1 @@
+:root{--mantine-scale:1;--font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;--font-family-headings:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--heading-text-wrap:wrap;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-h1:calc(2.125rem*var(--mantine-scale));--line-height-h1:1.3;--font-weight-h1:700;--font-size-h2:calc(1.625rem*var(--mantine-scale));--line-height-h2:1.35;--font-weight-h2:700;--font-size-h3:calc(1.375rem*var(--mantine-scale));--line-height-h3:1.4;--font-weight-h3:700;--font-size-h4:calc(1.125rem*var(--mantine-scale));--line-height-h4:1.45;--font-weight-h4:700;--font-size-h5:calc(1rem*var(--mantine-scale));--line-height-h5:1.5;--font-weight-h5:700;--font-size-h6:calc(0.875rem*var(--mantine-scale));--line-height-h6:1.5;--font-weight-h6:700;--spacing-xs:0.625rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:2rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:2rem;--radius-default:var(--radius-sm);--line-height:1.55;--line-height-xs:1.4;--line-height-sm:1.45;--line-height-md:1.55;--line-height-lg:1.6;--line-height-xl:1.65;--shadow-xs:0 0.0625rem 0.1875rem rgba(0,0,0,.05),0 0.0625rem 0.125rem rgba(0,0,0,.1);--shadow-sm:0 0.0625rem 0.1875rem rgba(0,0,0,.05),rgba(0,0,0,.05) 0 0.625rem 0.9375rem -0.3125rem,rgba(0,0,0,.04) 0 0.4375rem 0.4375rem -0.3125rem;--shadow-md:0 0.0625rem 0.1875rem rgba(0,0,0,.05),rgba(0,0,0,.05) 0 1.25rem 1.5625rem -0.3125rem,rgba(0,0,0,.04) 0 0.625rem 0.625rem -0.3125rem;--shadow-lg:0 0.0625rem 0.1875rem rgba(0,0,0,.05),rgba(0,0,0,.05) 0 1.75rem 1.4375rem -0.4375rem,rgba(0,0,0,.04) 0 0.75rem 0.75rem -0.4375rem;--shadow-xl:0 0.0625rem 0.1875rem rgba(0,0,0,.05),rgba(0,0,0,.05) 0 2.25rem 1.75rem -0.4375rem,rgba(0,0,0,.04) 0 1.0625rem 1.0625rem -0.4375rem;--breakpoint-xs:36em;--breakpoint-sm:48em;--breakpoint-md:62em;--breakpoint-lg:75em;--breakpoint-xl:88em}

package/dist/runtime/styles/dark-theme.css

@@ -0,0 +1 @@
+:root{@mixin dark-root{--primary-color-contrast:var(--color-white);--color-bright:var(--color-white);--color-text:var(--color-slate-3);--color-body:var(--color-slate-9);--color-aside:var(--color-slate-7);--color-header:var(--color-slate-8);--color-error:var(--color-red-7);--color-placeholder:var(--color-dark-3);--color-anchor:var(--color-blue-4);--color-default:var(--color-dark-6);--color-default-hover:var(--color-dark-5);--color-default-color:var(--color-white);--color-default-border:var(--color-dark-4);--color-dimmed:var(--color-slate-5);--color-disabled:var(--color-dark-6);--color-disabled-text:var(--color-dark-3);--color-disabled-border:var(--color-gray-6);--color-dark-color:var(--color-dark-4);--color-dark-filled:var(--color-dark-8);--color-dark-filled-hover:var(--color-dark-9);--color-dark-light:rgba(46,46,46,.15);--color-dark-light-hover:rgba(46,46,46,.2);--color-dark-light-color:var(--color-dark-3);--color-dark-outline:var(--color-dark-4);--color-dark-outline-hover:rgba(66,66,66,.05);--color-slate-filled:var(--color-slate-6);--color-slate-filled-hover:var(--color-slate-7);--color-slate-light:alpha(var(--color-slate-3),.15);--color-slate-light-hover:var(--color-slate-2);--color-slate-light-color:var(--color-slate-8);--color-slate-outline:var(--color-slate-5);--color-slate-outline-hover:alpha(var(--color-slate-5),.1);--color-gray-color:var(--color-gray-4);--color-gray-filled:var(--color-gray-8);--color-gray-filled-hover:var(--color-gray-9);--color-gray-light:hsla(210,7%,56%,.15);--color-gray-light-hover:hsla(210,7%,56%,.2);--color-gray-light-color:var(--color-gray-3);--color-gray-outline:var(--color-gray-4);--color-gray-outline-hover:rgba(206,212,218,.05);--color-red-color:var(--color-red-4);--color-red-filled:var(--color-red-8);--color-red-filled-hover:var(--color-red-9);--color-red-light:rgba(250,82,82,.15);--color-red-light-hover:rgba(250,82,82,.2);--color-red-light-color:var(--color-red-3);--color-red-outline:var(--color-red-4);--color-red-outline-hover:hsla(0,100%,76%,.05);--color-pink-color:var(--color-pink-4);--color-pink-filled:var(--color-pink-8);--color-pink-filled-hover:var(--color-pink-9);--color-pink-light:rgba(230,73,128,.15);--color-pink-light-hover:rgba(230,73,128,.2);--color-pink-light-color:var(--color-pink-3);--color-pink-outline:var(--color-pink-4);--color-pink-outline-hover:rgba(247,131,172,.05);--color-grape-color:var(--color-grape-4);--color-grape-filled:var(--color-grape-8);--color-grape-filled-hover:var(--color-grape-9);--color-grape-light:rgba(190,75,219,.15);--color-grape-light-hover:rgba(190,75,219,.2);--color-grape-light-color:var(--color-grape-3);--color-grape-outline:var(--color-grape-4);--color-grape-outline-hover:rgba(218,119,242,.05);--color-violet-color:var(--color-violet-4);--color-violet-filled:var(--color-violet-8);--color-violet-filled-hover:var(--color-violet-9);--color-violet-light:rgba(121,80,242,.15);--color-violet-light-hover:rgba(121,80,242,.2);--color-violet-light-color:var(--color-violet-3);--color-violet-outline:var(--color-violet-4);--color-violet-outline-hover:rgba(151,117,250,.05);--color-indigo-color:var(--color-indigo-4);--color-indigo-filled:var(--color-indigo-8);--color-indigo-filled-hover:var(--color-indigo-9);--color-indigo-light:rgba(76,110,245,.15);--color-indigo-light-hover:rgba(76,110,245,.2);--color-indigo-light-color:var(--color-indigo-3);--color-indigo-outline:var(--color-indigo-4);--color-indigo-outline-hover:rgba(116,143,252,.05);--color-blue-color:var(--color-blue-4);--color-blue-filled:var(--color-blue-8);--color-blue-filled-hover:var(--color-blue-9);--color-blue-light:rgba(34,139,230,.15);--color-blue-light-hover:rgba(34,139,230,.2);--color-blue-light-color:var(--color-blue-3);--color-blue-outline:var(--color-blue-4);--color-blue-outline-hover:rgba(77,171,247,.05);--color-cyan-color:var(--color-cyan-4);--color-cyan-filled:var(--color-cyan-8);--color-cyan-filled-hover:var(--color-cyan-9);--color-cyan-light:rgba(21,170,191,.15);--color-cyan-light-hover:rgba(21,170,191,.2);--color-cyan-light-color:var(--color-cyan-3);--color-cyan-outline:var(--color-cyan-4);--color-cyan-outline-hover:rgba(59,201,219,.05);--color-teal-color:var(--color-teal-4);--color-teal-filled:var(--color-teal-8);--color-teal-filled-hover:var(--color-teal-9);--color-teal-light:rgba(18,184,134,.15);--color-teal-light-hover:rgba(18,184,134,.2);--color-teal-light-color:var(--color-teal-3);--color-teal-outline:var(--color-teal-4);--color-teal-outline-hover:rgba(56,217,169,.05);--color-green-color:var(--color-green-4);--color-green-filled:var(--color-green-8);--color-green-filled-hover:var(--color-green-9);--color-green-light:rgba(64,192,87,.15);--color-green-light-hover:rgba(64,192,87,.2);--color-green-light-color:var(--color-green-3);--color-green-outline:var(--color-green-4);--color-green-outline-hover:rgba(105,219,124,.05);--color-lime-color:var(--color-lime-4);--color-lime-filled:var(--color-lime-8);--color-lime-filled-hover:var(--color-lime-9);--color-lime-light:rgba(130,201,30,.15);--color-lime-light-hover:rgba(130,201,30,.2);--color-lime-light-color:var(--color-lime-3);--color-lime-outline:var(--color-lime-4);--color-lime-outline-hover:rgba(169,227,75,.05);--color-yellow-color:var(--color-yellow-4);--color-yellow-filled:var(--color-yellow-8);--color-yellow-filled-hover:var(--color-yellow-9);--color-yellow-light:rgba(250,176,5,.15);--color-yellow-light-hover:rgba(250,176,5,.2);--color-yellow-light-color:var(--color-yellow-3);--color-yellow-outline:var(--color-yellow-4);--color-yellow-outline-hover:rgba(255,212,59,.05);--color-orange-color:var(--color-orange-4);--color-orange-filled:var(--color-orange-8);--color-orange-filled-hover:var(--color-orange-9);--color-orange-light:rgba(253,126,20,.15);--color-orange-light-hover:rgba(253,126,20,.2);--color-orange-light-color:var(--color-orange-3);--color-orange-outline:var(--color-orange-4);--color-orange-outline-hover:rgba(255,169,77,.05)}}

package/dist/runtime/styles/global.css

@@ -0,0 +1 @@
+@import url(./baseline.css);@import url(./const.css);@import url(./colors.css);@import url(./dark-theme.css);@import url(./light-theme.css);.light-hidden{@mixin light{display:none}}.dark-hidden{@mixin dark{display:none}}.focus-auto:focus-visible{outline:2px solid var(--color-primary-filled);outline-offset:2px}.focus-always:focus{outline:2px solid var(--color-primary-filled);outline-offset:2px}.focus-never:focus{outline:none}.active:active{transform:translateY(rem(1px))}fieldset:disabled .active:active{transform:none}.rotate-rtl{@mixin where-rtl{transform:rotate(180deg)}}[data-v-hidden]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

package/dist/runtime/styles/light-theme.css

@@ -0,0 +1 @@
+:root{@mixin light-root{--primary-color-contrast:var(--color-white);--color-bright:var(--color-black);--color-text:#000;--color-body:#fff;--color-error:var(--color-red-6);--color-placeholder:var(--color-gray-5);--color-anchor:var(--color-blue-6);--color-default:var(--color-white);--color-default-hover:var(--color-gray-0);--color-default-color:var(--color-black);--color-default-border:var(--color-gray-4);--color-dimmed:var(--color-gray-6);--color-disabled:var(--color-gray-2);--color-disabled-text:var(--color-gray-5);--color-disabled-border:var(--color-gray-3);--color-dark-color:var(--color-dark-filled);--color-dark-filled:var(--color-dark-6);--color-dark-filled-hover:var(--color-dark-7);--color-dark-light:rgba(46,46,46,.1);--color-dark-light-hover:rgba(46,46,46,.12);--color-dark-light-color:var(--color-dark-6);--color-dark-outline:var(--color-dark-6);--color-dark-outline-hover:rgba(46,46,46,.05);--color-gray-color:var(--color-gray-filled);--color-gray-filled:var(--color-gray-6);--color-gray-filled-hover:var(--color-gray-7);--color-gray-light:hsla(210,7%,56%,.1);--color-gray-light-hover:hsla(210,7%,56%,.12);--color-gray-light-color:var(--color-gray-6);--color-gray-outline:var(--color-gray-6);--color-gray-outline-hover:hsla(210,7%,56%,.05);--color-red-color:var(--color-red-filled);--color-red-filled:var(--color-red-6);--color-red-filled-hover:var(--color-red-7);--color-red-light:rgba(250,82,82,.1);--color-red-light-hover:rgba(250,82,82,.12);--color-red-light-color:var(--color-red-6);--color-red-outline:var(--color-red-6);--color-red-outline-hover:rgba(250,82,82,.05);--color-pink-color:var(--color-pink-filled);--color-pink-filled:var(--color-pink-6);--color-pink-filled-hover:var(--color-pink-7);--color-pink-light:rgba(230,73,128,.1);--color-pink-light-hover:rgba(230,73,128,.12);--color-pink-light-color:var(--color-pink-6);--color-pink-outline:var(--color-pink-6);--color-pink-outline-hover:rgba(230,73,128,.05);--color-grape-color:var(--color-grape-filled);--color-grape-filled:var(--color-grape-6);--color-grape-filled-hover:var(--color-grape-7);--color-grape-light:rgba(190,75,219,.1);--color-grape-light-hover:rgba(190,75,219,.12);--color-grape-light-color:var(--color-grape-6);--color-grape-outline:var(--color-grape-6);--color-grape-outline-hover:rgba(190,75,219,.05);--color-violet-color:var(--color-violet-filled);--color-violet-filled:var(--color-violet-6);--color-violet-filled-hover:var(--color-violet-7);--color-violet-light:rgba(121,80,242,.1);--color-violet-light-hover:rgba(121,80,242,.12);--color-violet-light-color:var(--color-violet-6);--color-violet-outline:var(--color-violet-6);--color-violet-outline-hover:rgba(121,80,242,.05);--color-indigo-color:var(--color-indigo-filled);--color-indigo-filled:var(--color-indigo-6);--color-indigo-filled-hover:var(--color-indigo-7);--color-indigo-light:rgba(76,110,245,.1);--color-indigo-light-hover:rgba(76,110,245,.12);--color-indigo-light-color:var(--color-indigo-6);--color-indigo-outline:var(--color-indigo-6);--color-indigo-outline-hover:rgba(76,110,245,.05);--color-blue-color:var(--color-blue-filled);--color-blue-filled:var(--color-blue-6);--color-blue-filled-hover:var(--color-blue-7);--color-blue-light:rgba(34,139,230,.1);--color-blue-light-hover:rgba(34,139,230,.12);--color-blue-light-color:var(--color-blue-6);--color-blue-outline:var(--color-blue-6);--color-blue-outline-hover:rgba(34,139,230,.05);--color-cyan-color:var(--color-cyan-filled);--color-cyan-filled:var(--color-cyan-6);--color-cyan-filled-hover:var(--color-cyan-7);--color-cyan-light:rgba(21,170,191,.1);--color-cyan-light-hover:rgba(21,170,191,.12);--color-cyan-light-color:var(--color-cyan-6);--color-cyan-outline:var(--color-cyan-6);--color-cyan-outline-hover:rgba(21,170,191,.05);--color-teal-color:var(--color-teal-filled);--color-teal-filled:var(--color-teal-6);--color-teal-filled-hover:var(--color-teal-7);--color-teal-light:rgba(18,184,134,.1);--color-teal-light-hover:rgba(18,184,134,.12);--color-teal-light-color:var(--color-teal-6);--color-teal-outline:var(--color-teal-6);--color-teal-outline-hover:rgba(18,184,134,.05);--color-green-color:var(--color-green-filled);--color-green-filled:var(--color-green-6);--color-green-filled-hover:var(--color-green-7);--color-green-light:rgba(64,192,87,.1);--color-green-light-hover:rgba(64,192,87,.12);--color-green-light-color:var(--color-green-6);--color-green-outline:var(--color-green-6);--color-green-outline-hover:rgba(64,192,87,.05);--color-lime-color:var(--color-lime-filled);--color-lime-filled:var(--color-lime-6);--color-lime-filled-hover:var(--color-lime-7);--color-lime-light:rgba(130,201,30,.1);--color-lime-light-hover:rgba(130,201,30,.12);--color-lime-light-color:var(--color-lime-6);--color-lime-outline:var(--color-lime-6);--color-lime-outline-hover:rgba(130,201,30,.05);--color-yellow-color:var(--color-yellow-filled);--color-yellow-filled:var(--color-yellow-6);--color-yellow-filled-hover:var(--color-yellow-7);--color-yellow-light:rgba(250,176,5,.1);--color-yellow-light-hover:rgba(250,176,5,.12);--color-yellow-light-color:var(--color-yellow-6);--color-yellow-outline:var(--color-yellow-6);--color-yellow-outline-hover:rgba(250,176,5,.05);--color-orange-color:var(--color-orange-filled);--color-orange-filled:var(--color-orange-6);--color-orange-filled-hover:var(--color-orange-7);--color-orange-light:rgba(253,126,20,.1);--color-orange-light-hover:rgba(253,126,20,.12);--color-orange-light-color:var(--color-orange-6);--color-orange-outline:var(--color-orange-6);--color-orange-outline-hover:rgba(253,126,20,.05)}}

package/dist/runtime/types/index.d.ts

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

package/dist/runtime/types/theme.d.ts

@@ -0,0 +1,25 @@
+export type UiKitSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type UiKitBreakpointsValues = Record<UiKitSize | 'base', string>;
+export type UiKitFontSizesValues = Record<UiKitSize, string>;
+export type UiKitRadiusValues = Record<UiKitSize | 'full', string>;
+export type UiKitSpacingValues = Record<UiKitSize, string>;
+export type UiKitShadowsValues = Record<UiKitSize, string>;
+export type UiKitLineHeightValues = Record<UiKitSize, string>;
+export type UiKitBreakpoint = keyof UiKitBreakpointsValues;
+export type UiKitFontSize = keyof UiKitFontSizesValues;
+export type UiKitRadius = keyof UiKitRadiusValues | number;
+export type UiKitSpacing = keyof UiKitSpacingValues | number;
+export type UiKitShadow = keyof UiKitShadowsValues;
+export type UiKitLineHeight = keyof UiKitLineHeightValues;
+export type UiKitColorShade = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+type ShadedColor = `dark.${UiKitColorShade}` | `slate.${UiKitColorShade}` | `gray.${UiKitColorShade}` | `red.${UiKitColorShade}` | `pink.${UiKitColorShade}` | `grape.${UiKitColorShade}` | `violet.${UiKitColorShade}` | `indigo.${UiKitColorShade}` | `blue.${UiKitColorShade}` | `cyan.${UiKitColorShade}` | `green.${UiKitColorShade}` | `lime.${UiKitColorShade}` | `yellow.${UiKitColorShade}` | `orange.${UiKitColorShade}` | `teal.${UiKitColorShade}`;
+export type UiKitDefaultThemeColor = 'dark' | 'slate' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal' | 'black' | 'white';
+export type UiKitColor = UiKitDefaultThemeColor | ShadedColor;
+export type UiKitTheme = 'light' | 'dark';
+export interface UiKitGradient {
+    bg?: UiKitColor | string;
+    from: UiKitColor | string;
+    to: UiKitColor | string;
+    deg?: number;
+}
+export {};

package/dist/runtime/utils/boolean/is-falsy.d.ts

@@ -0,0 +1 @@
+export declare function isFalsy(value: unknown): boolean;

package/dist/runtime/utils/boolean/is-falsy.js

@@ -0,0 +1,7 @@
+export function isFalsy(value) {
+  if (Array.isArray(value))
+    return !value.length;
+  if (typeof value === "object")
+    return !Object.keys(value || {}).length;
+  return !value;
+}

package/dist/runtime/utils/boolean/is-number-like.d.ts

@@ -0,0 +1 @@
+export declare function isNumberLike(value: unknown): boolean;

package/dist/runtime/utils/boolean/is-number-like.js

@@ -0,0 +1,13 @@
+export function isNumberLike(value) {
+  if (typeof value === "number")
+    return true;
+  if (typeof value === "string") {
+    if (value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "") {
+      return true;
+    }
+    const cssUnitsRegex = /^[+-]?\d+(?:\.\d+)?(?:px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;
+    const values = value.trim().split(/\s+/);
+    return values.every((val) => cssUnitsRegex.test(val));
+  }
+  return false;
+}

package/dist/runtime/utils/color-functions/get-gradient.d.ts

@@ -0,0 +1,3 @@
+import type { UiKitGradient, UiKitTheme } from '@nui/types';
+export declare function getGradient(gradient: UiKitGradient | undefined, theme: UiKitTheme): string;
+export declare function getGradientOutline(gradient: UiKitGradient | undefined, theme: UiKitTheme): string;

package/dist/runtime/utils/color-functions/get-gradient.js

@@ -0,0 +1,25 @@
+import { DEFAULT_GRADIENT } from "../../const/index.js";
+import { parseThemeColor } from "../parse-theme-color/parse-theme-color.js";
+export function getGradient(gradient, theme) {
+  const merged = {
+    from: gradient?.from || DEFAULT_GRADIENT.from,
+    to: gradient?.to || DEFAULT_GRADIENT.to,
+    deg: gradient?.deg ?? DEFAULT_GRADIENT.deg ?? 0
+  };
+  const fromColor = parseThemeColor({ color: merged.from, theme });
+  const toColor = parseThemeColor({ color: merged.to, theme });
+  return `linear-gradient(${merged.deg}deg, ${fromColor.value} 0%, ${toColor.value} 100%)`;
+}
+export function getGradientOutline(gradient, theme) {
+  const merged = {
+    bg: gradient?.bg || DEFAULT_GRADIENT.bg,
+    from: gradient?.from || DEFAULT_GRADIENT.from,
+    to: gradient?.to || DEFAULT_GRADIENT.to,
+    deg: gradient?.deg ?? DEFAULT_GRADIENT.deg ?? 0
+  };
+  const fromColor = parseThemeColor({ color: merged.from, theme });
+  const toColor = parseThemeColor({ color: merged.to, theme });
+  const bgColor = parseThemeColor({ color: merged.bg, theme });
+  return `linear-gradient(${bgColor.value}, ${bgColor.value}),
+	 linear-gradient(${merged.deg}deg, ${fromColor.value} 20%, ${toColor.value} 120%)`;
+}

package/dist/runtime/utils/converters/rem.d.ts

@@ -0,0 +1,2 @@
+export declare const rem: (value: unknown) => string;
+export declare const em: (value: unknown) => string;

package/dist/runtime/utils/converters/rem.js

@@ -0,0 +1,43 @@
+function scaleRem(remValue) {
+  if (remValue === "0rem") {
+    return "0rem";
+  }
+  return `calc(${remValue} * var(--mantine-scale))`;
+}
+function createConverter(units, { shouldScale = false } = {}) {
+  function converter(value) {
+    if (value === 0 || value === "0") {
+      return `0${units}`;
+    }
+    if (typeof value === "number") {
+      const val = `${value / 16}${units}`;
+      return shouldScale ? scaleRem(val) : val;
+    }
+    if (typeof value === "string") {
+      if (value === "") {
+        return value;
+      }
+      if (value.startsWith("calc(") || value.startsWith("clamp(") || value.includes("rgba(")) {
+        return value;
+      }
+      if (value.includes(",")) {
+        return value.split(",").map((val) => converter(val)).join(",");
+      }
+      if (value.includes(" ")) {
+        return value.split(" ").map((val) => converter(val)).join(" ");
+      }
+      if (value.includes(units)) {
+        return shouldScale ? scaleRem(value) : value;
+      }
+      const replaced = value.replace("px", "");
+      if (!Number.isNaN(Number(replaced))) {
+        const val = `${Number(replaced) / 16}${units}`;
+        return shouldScale ? scaleRem(val) : val;
+      }
+    }
+    return value;
+  }
+  return converter;
+}
+export const rem = createConverter("rem", { shouldScale: true });
+export const em = createConverter("em");

package/dist/runtime/utils/get-color-var.d.ts

@@ -0,0 +1,2 @@
+import type { UiKitColor, UiKitColorShade } from '@nui/types';
+export declare function getColorVar(color: UiKitColor, shade?: UiKitColorShade): string;

package/dist/runtime/utils/get-color-var.js

@@ -0,0 +1,6 @@
+export function getColorVar(color, shade = 4) {
+  if (color === "white" || color === "black") {
+    return `var(--color-${color})`;
+  }
+  return `var(--color-${color}-${shade})`;
+}

package/dist/runtime/utils/get-safe-id.d.ts

@@ -0,0 +1 @@
+export declare function getSafeId(uid: string, errorMessage: string): (value: string) => string;

package/dist/runtime/utils/get-safe-id.js

@@ -0,0 +1,8 @@
+export function getSafeId(uid, errorMessage) {
+  return (value) => {
+    if (typeof value !== "string" || value.trim().length === 0) {
+      throw new Error(errorMessage);
+    }
+    return `${uid}-${value}`;
+  };
+}

package/dist/runtime/utils/get-size/get-size.d.ts

@@ -0,0 +1,6 @@
+export declare function getSize(size: unknown, prefix?: string, convertToRem?: boolean): string | undefined;
+export declare const getSpacing: (size: unknown) => string | undefined;
+export declare function getRadius(size: unknown): string | undefined;
+export declare const getFontSize: (size: unknown) => string | undefined;
+export declare const getLineHeight: (size: unknown) => string | undefined;
+export declare function getShadow(size: unknown): string | undefined;

package/dist/runtime/utils/get-size/get-size.js

@@ -0,0 +1,24 @@
+import { isNumberLike } from "../boolean/is-number-like.js";
+import { rem } from "../converters/rem.js";
+export function getSize(size, prefix = "size", convertToRem = true) {
+  if (size === void 0) {
+    return void 0;
+  }
+  return isNumberLike(size) ? convertToRem ? rem(size) : size : `var(--${prefix}-${size})`;
+}
+export const getSpacing = (size) => getSize(size, "spacing");
+export function getRadius(size) {
+  if (size === void 0)
+    return "var(--radius-default)";
+  if (size === "full")
+    return "100%";
+  return getSize(size, "radius");
+}
+export const getFontSize = (size) => getSize(size, "font-size");
+export const getLineHeight = (size) => getSize(size, "line-height", false);
+export function getShadow(size) {
+  if (!size) {
+    return void 0;
+  }
+  return getSize(size, "shadow", false);
+}

package/dist/runtime/utils/index.d.ts

@@ -0,0 +1,7 @@
+export { isFalsy } from './boolean/is-falsy.js';
+export { getGradient } from './color-functions/get-gradient.js';
+export { em, rem } from './converters/rem.js';
+export { getSafeId } from './get-safe-id.js';
+export * from './get-size/get-size.js';
+export { getThemeColor, parseThemeColor } from './parse-theme-color/parse-theme-color.js';
+export { createVariantColorResolver } from './vars-resolver/create-variant-color-resolver.js';

package/dist/runtime/utils/index.js

@@ -0,0 +1,7 @@
+export { isFalsy } from "./boolean/is-falsy.js";
+export { getGradient } from "./color-functions/get-gradient.js";
+export { em, rem } from "./converters/rem.js";
+export { getSafeId } from "./get-safe-id.js";
+export * from "./get-size/get-size.js";
+export { getThemeColor, parseThemeColor } from "./parse-theme-color/parse-theme-color.js";
+export { createVariantColorResolver } from "./vars-resolver/create-variant-color-resolver.js";

package/dist/runtime/utils/parse-theme-color/parse-theme-color.d.ts

@@ -0,0 +1,14 @@
+import type { UiKitColorShade, UiKitTheme } from '@nui/types';
+interface ParseThemeColorResult {
+    color: string;
+    value: string;
+    shade: UiKitColorShade | undefined;
+    variable: `--${string}` | undefined;
+    isThemeColor: boolean;
+}
+export declare function parseThemeColor({ color, theme, }: {
+    color: unknown;
+    theme: UiKitTheme;
+}): ParseThemeColorResult;
+export declare function getThemeColor(color: string | undefined, theme: UiKitTheme): string;
+export {};

package/dist/runtime/utils/parse-theme-color/parse-theme-color.js

@@ -0,0 +1,73 @@
+import { getColorVar } from "../../utils/get-color-var.js";
+const themeColors = [
+  "dark",
+  "slate",
+  "gray",
+  "red",
+  "pink",
+  "grape",
+  "violet",
+  "indigo",
+  "blue",
+  "cyan",
+  "green",
+  "lime",
+  "yellow",
+  "orange",
+  "teal",
+  "black",
+  "white",
+  "primary"
+];
+export function parseThemeColor({
+  color = "primary",
+  theme
+}) {
+  if (typeof color !== "string") {
+    throw new TypeError(
+      `[@ui-kit] Failed to parse color. Expected color to be a string, instead got ${typeof color}`
+    );
+  }
+  if (color === "dimmed") {
+    return {
+      color,
+      value: theme === "dark" ? getColorVar("dark", 2) : getColorVar("gray", 7),
+      shade: void 0,
+      variable: "--color-dimmed",
+      isThemeColor: false
+    };
+  }
+  if (color === "white" || color === "black") {
+    return {
+      color,
+      value: color === "white" ? "var(--color-white)" : "var(--color-black)",
+      shade: void 0,
+      variable: `--color-${color}`,
+      isThemeColor: false
+    };
+  }
+  const [_color, shade] = color.split(".");
+  const colorShade = shade ? Number(shade) : void 0;
+  const isThemeColor = themeColors.includes(_color);
+  if (isThemeColor) {
+    const colorValue = getColorVar(_color, colorShade);
+    return {
+      color: _color,
+      value: colorValue,
+      shade: colorShade,
+      isThemeColor,
+      variable: shade ? `--color-${_color}-${colorShade}` : `--color-${_color}-filled`
+    };
+  }
+  return {
+    color: _color,
+    value: color,
+    isThemeColor,
+    shade,
+    variable: void 0
+  };
+}
+export function getThemeColor(color, theme) {
+  const parsed = parseThemeColor({ color, theme });
+  return parsed.variable ? `var(${parsed.variable})` : color;
+}

package/dist/runtime/utils/vars-resolver/create-variant-color-resolver.d.ts

@@ -0,0 +1,14 @@
+import type { UiKitColor, UiKitGradient, UiKitTheme } from '@nui/types';
+interface VariantColorResolverResult {
+    background: string;
+    hover: string;
+    text: string;
+    border: string;
+}
+export declare function createVariantColorResolver({ color, variant, gradient, theme, }: {
+    color: UiKitColor | string | undefined;
+    variant: 'filled' | 'light' | 'outline' | 'subtle' | 'default' | 'gradient' | 'gradient-outline';
+    gradient?: UiKitGradient;
+    theme: UiKitTheme;
+}): VariantColorResolverResult;
+export {};