vunor 0.1.6 → 0.2.1

package/README.md

@@ -39,15 +39,15 @@ All values are emitted as CSS custom properties, ready for use in any CSS-based
 
 ### Semantic Colors
 
-| Name | Default | Purpose |
-|------|---------|---------|
-| `primary` | `#004eaf` | Main brand color |
-| `secondary` | `#edd812` | Accent / highlight |
-| `good` | `#7bc76a` | Success / positive |
-| `warn` | `#ef9421` | Warning |
-| `error` | `#bf5a5f` | Error / negative |
-| `grey` | `#858892` | Neutral greys |
-| `neutral` | `#5da0c5` | Alternative neutral |
+| Name        | Default   | Purpose             |
+| ----------- | --------- | ------------------- |
+| `primary`   | `#004eaf` | Main brand color    |
+| `secondary` | `#edd812` | Accent / highlight  |
+| `good`      | `#7bc76a` | Success / positive  |
+| `warn`      | `#ef9421` | Warning             |
+| `error`     | `#bf5a5f` | Error / negative    |
+| `grey`      | `#858892` | Neutral greys       |
+| `neutral`   | `#5da0c5` | Alternative neutral |
 
 ### Per-Color Fine-Tuning
 
@@ -98,18 +98,18 @@ All dimensions in Vunor derive from the golden ratio (`k = 1.618`).
 
 Font sizes, line heights, and letter spacing are computed from powers of `k`:
 
-| Name | Size | Weight | Bold | Line Height |
-|------|------|--------|------|-------------|
-| `h1` | k^3.5 | 400 | 700 | k^0.5 |
-| `h2` | k^2.5 | 400 | 700 | k^0.5 |
-| `h3` | k^2 | 400 | 700 | k^0.5 |
-| `h4` | k^1 | 400 | 600 | k^0.5 |
-| `h5` | k^0.5 | 400 | 600 | k^0.5 |
-| `h6` | k^0.25 | 600 | 700 | k^0.5 |
-| `body` | 1 | 400 | 600 | k^0.75 |
-| `body-s` | k^-0.5 | 400 | 600 | k^1 |
-| `label` | k^-0.25 | 500 | 700 | k^0.5 |
-| `caption` | k^-0.5 | 400 | 600 | k^0.5 |
+| Name      | Size    | Weight | Bold | Line Height |
+| --------- | ------- | ------ | ---- | ----------- |
+| `h1`      | k^3.5   | 400    | 700  | k^0.5       |
+| `h2`      | k^2.5   | 400    | 700  | k^0.5       |
+| `h3`      | k^2     | 400    | 700  | k^0.5       |
+| `h4`      | k^1     | 400    | 600  | k^0.5       |
+| `h5`      | k^0.5   | 400    | 600  | k^0.5       |
+| `h6`      | k^0.25  | 600    | 700  | k^0.5       |
+| `body`    | 1       | 400    | 600  | k^0.75      |
+| `body-s`  | k^-0.5  | 400    | 600  | k^1         |
+| `label`   | k^-0.25 | 500    | 700  | k^0.5       |
+| `caption` | k^-0.5  | 400    | 600  | k^0.5       |
 
 Applied as UnoCSS utilities: `text-h1`, `text-body`, `text-label`, etc. Each sets `--font-size`, `--font-bold`, `--font-corrected` (actual rendered glyph height), line-height, letter-spacing, and top/bottom trim correction CSS vars.
 
@@ -127,15 +127,15 @@ typography: {
 
 Spacing tokens follow the same golden-ratio progression:
 
-| Token | Scale | ~Value |
-|-------|-------|--------|
+| Token  | Scale | ~Value |
+| ------ | ----- | ------ |
 | `$xxs` | 1/k^3 | 0.24em |
-| `$xs` | 1/k^2 | 0.38em |
-| `$s` | 1/k | 0.62em |
-| `$m` | 1 | 1em |
-| `$l` | k | 1.62em |
-| `$xl` | k^2 | 2.62em |
-| `$xxl` | k^3 | 4.24em |
+| `$xs`  | 1/k^2 | 0.38em |
+| `$s`   | 1/k   | 0.62em |
+| `$m`   | 1     | 1em    |
+| `$l`   | k     | 1.62em |
+| `$xl`  | k^2   | 2.62em |
+| `$xxl` | k^3   | 4.24em |
 
 Used as `p-$m`, `m-$l`, `gap-$s`, etc. Text-aware margin utilities (`text-mt-$m`, `text-mb-$s`) compensate for line-height to maintain optically correct spacing.
 
@@ -160,11 +160,11 @@ import { defineShortcuts } from 'vunor/theme'
 
 const shortcuts = defineShortcuts({
   // 'btn' is the shortcut name (used as a CSS class)
-  'btn': {
-    '': 'h-fingertip flex items-center',     // base classes (no prefix)
-    'hover:': 'bg-current/05',               // → "hover:bg-current/05"
-    'dark:': 'text-white',                   // → "dark:text-white"
-    '[&.btn-round]:': 'rounded-full',        // → "[&.btn-round]:rounded-full"
+  btn: {
+    '': 'h-fingertip flex items-center', // base classes (no prefix)
+    'hover:': 'bg-current/05', // → "hover:bg-current/05"
+    'dark:': 'text-white', // → "dark:text-white"
+    '[&.btn-round]:': 'rounded-full', // → "[&.btn-round]:rounded-full"
   },
 })
 ```
@@ -206,10 +206,10 @@ import { vunorShortcuts, defineShortcuts } from 'vunor/theme'
 
 const myOverrides = defineShortcuts({
   'c8-filled': {
-    '': 'rounded-full',      // only overrides base classes
+    '': 'rounded-full', // only overrides base classes
   },
   'i8-flat': {
-    '': 'border-b-2',        // only overrides base classes
+    '': 'border-b-2', // only overrides base classes
   },
 })
 
@@ -262,9 +262,7 @@ Surfaces apply specific palette stops as background + text + icon:
 Fine-grained color control via CSS custom properties:
 
 ```html
-<div class="current-bg-primary-500 bg-current text-current">
-  Colored via CSS vars
-</div>
+<div class="current-bg-primary-500 bg-current text-current">Colored via CSS vars</div>
 ```
 
 - `scope-{color}` sets `--scope-color-*` vars for a palette
@@ -275,12 +273,12 @@ Fine-grained color control via CSS custom properties:
 
 Button and clickable element design variants:
 
-| Class | Description |
-|-------|-------------|
-| `c8-filled` | Solid background, white text |
-| `c8-flat` | Transparent background, colored text |
+| Class         | Description                             |
+| ------------- | --------------------------------------- |
+| `c8-filled`   | Solid background, white text            |
+| `c8-flat`     | Transparent background, colored text    |
 | `c8-outlined` | Border + colored text, transparent fill |
-| `c8-light` | Light tinted background, colored text |
+| `c8-light`    | Light tinted background, colored text   |
 
 Each includes hover, active, focus, and disabled states. Apply on any element alongside `scope-{color}`:
 
@@ -293,11 +291,11 @@ Each includes hover, active, focus, and disabled states. Apply on any element al
 
 Input field design variants:
 
-| Class | Description |
-|-------|-------------|
-| `i8-flat` | Bottom border only (minimal) |
-| `i8-filled` | Full border with background |
-| `i8-round` | Pill-shaped (fully rounded) |
+| Class       | Description                  |
+| ----------- | ---------------------------- |
+| `i8-flat`   | Bottom border only (minimal) |
+| `i8-filled` | Full border with background  |
+| `i8-round`  | Pill-shaped (fully rounded)  |
 
 Common sub-shortcuts: `i8-input`, `i8-label` (floating label), `i8-hint`, `i8-prepend` / `i8-append`, `i8-before` / `i8-after`.
 
@@ -333,7 +331,7 @@ export default defineConfig({
       spacingFactor: 1.618,
 
       // -- Global border radius --
-      baseRadius: '0.5em',       // default: 0.618em (1/golden-ratio)
+      baseRadius: '0.5em', // default: 0.618em (1/golden-ratio)
 
       // -- Typography overrides --
       typography: {
@@ -448,54 +446,54 @@ The components are consumers of the theme system described above -- they use `c8
 
 ### Layout
 
-| Component | Description |
-|-----------|-------------|
-| `VuAppLayout` | App shell with header, sidebar, footer slots |
-| `VuCard` | Card container with typography-driven spacing |
-| `VuCardHeader` | Card header with title and actions |
-| `VuCardInner` | Nested card section |
-| `VuTabs` | Tabbed content panels |
-| `VuDialog` | Modal dialog with overlay |
-| `VuPopover` | Floating popover anchored to a trigger |
+| Component      | Description                                   |
+| -------------- | --------------------------------------------- |
+| `VuAppLayout`  | App shell with header, sidebar, footer slots  |
+| `VuCard`       | Card container with typography-driven spacing |
+| `VuCardHeader` | Card header with title and actions            |
+| `VuCardInner`  | Nested card section                           |
+| `VuTabs`       | Tabbed content panels                         |
+| `VuDialog`     | Modal dialog with overlay                     |
+| `VuPopover`    | Floating popover anchored to a trigger        |
 
 ### Form Inputs
 
-| Component | Description |
-|-----------|-------------|
-| `VuInput` | Text / textarea input with floating label |
-| `VuSelect` | Dropdown select |
-| `VuCombobox` | Searchable dropdown with filtering |
-| `VuCheckbox` | Checkbox with indeterminate state |
-| `VuRadioGroup` | Radio button group |
-| `VuSlider` | Range slider |
-| `VuDatePicker` | Date picker with calendar popup |
-| `VuLabel` | Form label |
+| Component      | Description                               |
+| -------------- | ----------------------------------------- |
+| `VuInput`      | Text / textarea input with floating label |
+| `VuSelect`     | Dropdown select                           |
+| `VuCombobox`   | Searchable dropdown with filtering        |
+| `VuCheckbox`   | Checkbox with indeterminate state         |
+| `VuRadioGroup` | Radio button group                        |
+| `VuSlider`     | Range slider                              |
+| `VuDatePicker` | Date picker with calendar popup           |
+| `VuLabel`      | Form label                                |
 
 ### Actions
 
-| Component | Description |
-|-----------|-------------|
-| `VuButton` | Button with icon, loading, and link support |
-| `VuMenu` | Navigation / command menu |
-| `VuMenuItem` | Menu item |
-| `VuPagination` | Page navigation |
+| Component      | Description                                 |
+| -------------- | ------------------------------------------- |
+| `VuButton`     | Button with icon, loading, and link support |
+| `VuMenu`       | Navigation / command menu                   |
+| `VuMenuItem`   | Menu item                                   |
+| `VuPagination` | Page navigation                             |
 
 ### Feedback
 
-| Component | Description |
-|-----------|-------------|
-| `VuAppToasts` | Toast notification container |
-| `VuProgressBar` | Progress bar |
-| `VuLoadingIndicator` | Circular loading spinner |
-| `VuInnerLoading` | Overlay loading within a container |
+| Component            | Description                        |
+| -------------------- | ---------------------------------- |
+| `VuAppToasts`        | Toast notification container       |
+| `VuProgressBar`      | Progress bar                       |
+| `VuLoadingIndicator` | Circular loading spinner           |
+| `VuInnerLoading`     | Overlay loading within a container |
 
 ### Utility
 
-| Component | Description |
-|-----------|-------------|
-| `VuIcon` | Icon display (integrates with UnoCSS icons) |
-| `VuOverflowContainer` | Handles content overflow |
-| `VuCalendar` | Standalone calendar grid |
+| Component             | Description                                 |
+| --------------------- | ------------------------------------------- |
+| `VuIcon`              | Icon display (integrates with UnoCSS icons) |
+| `VuOverflowContainer` | Handles content overflow                    |
+| `VuCalendar`          | Standalone calendar grid                    |
 
 ## Package Exports
 

package/dist/AppToasts.d.mts

@@ -4,7 +4,7 @@ type __VLS_Props = ToastProviderProps & {
     class?: TVueCssClass;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    swipeDirection: "left" | "right" | "down" | "up";
+    swipeDirection: "left" | "right" | "up" | "down";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/ButtonBase.d.mts

@@ -16,8 +16,8 @@ type __VLS_Slots = {} & {
     'icon-right'?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    iconSide: "left" | "right";
     as: string;
+    iconSide: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/ButtonBase.mjs

@@ -1,7 +1,7 @@
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { Primitive } from "reka-ui";
-import VuLoadingIndicator from "vunor/LoadingIndicator";
 import VuIcon from "vunor/Icon";
+import VuLoadingIndicator from "vunor/LoadingIndicator";
 //#region src/components/Button/ButtonBase.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
 	key: 0,

package/dist/CardHeader.mjs

@@ -21,14 +21,14 @@ var CardHeader_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const _as = computed(() => props.as || [
+		const _as = computed(() => props.as || ([
 			"h1",
 			"h2",
 			"h3",
 			"h4",
 			"h5",
 			"h6"
-		].includes(props.level || "") ? props.level : "h6");
+		].includes(props.level || "") ? props.level : "h6"));
 		useCardPI().inject();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {

package/dist/Combobox.d.mts

@@ -1,32 +1,3 @@
-interface TComboboxItem {
-    icon?: string;
-    search?: string;
-    value: string | null | undefined;
-    label?: string;
-    disabled?: boolean;
-}
-type TComboboxItems<T extends TComboboxItem = TComboboxItem> = Array<T | string> | Record<string, Array<T | string>>;
-interface TComboboxProps<T extends TComboboxItem> {
-    disabledValues?: Array<string | null | undefined>;
-    defaultValue?: string | null | undefined;
-    popupClass?: string | Record<string, boolean>;
-    popupRound?: boolean;
-    valueClass?: string | Record<string, boolean>;
-    iconClass?: string | Record<string, boolean>;
-    class?: string | Record<string, boolean>;
-    items: TComboboxItems<T>;
-    disabled?: boolean;
-    placeholder?: string;
-    popupPosition?: 'inline' | 'popper';
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    sideOffset?: number;
-    sticky?: 'partial' | 'always';
-    updatePositionStrategy?: 'always' | 'optimized';
-    bodyLock?: boolean;
-    multiple?: boolean;
-    checkboxItems?: boolean;
-    dropdownIcon?: string;
-}
 import type { ComputedRef } from 'vue';
 declare function useHtmlInputAttrs(): ComputedRef<TInputAttrs> | undefined;
 declare function useInputProps(): ComputedRef<TInputProps> | undefined;
@@ -85,6 +56,35 @@ interface TInputBaseEmits {
 interface TInputEmits extends TInputBaseEmits {
     (e: 'beforeClick' | 'afterClick' | 'click', event: MouseEvent): void;
 }
+interface TComboboxItem {
+    icon?: string;
+    search?: string;
+    value: string | null | undefined;
+    label?: string;
+    disabled?: boolean;
+}
+type TComboboxItems<T extends TComboboxItem = TComboboxItem> = Array<T | string> | Record<string, Array<T | string>>;
+interface TComboboxProps<T extends TComboboxItem> {
+    disabledValues?: Array<string | null | undefined>;
+    defaultValue?: string | null | undefined;
+    popupClass?: string | Record<string, boolean>;
+    popupRound?: boolean;
+    valueClass?: string | Record<string, boolean>;
+    iconClass?: string | Record<string, boolean>;
+    class?: string | Record<string, boolean>;
+    items: TComboboxItems<T>;
+    disabled?: boolean;
+    placeholder?: string;
+    popupPosition?: 'inline' | 'popper';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+    sticky?: 'partial' | 'always';
+    updatePositionStrategy?: 'always' | 'optimized';
+    bodyLock?: boolean;
+    multiple?: boolean;
+    checkboxItems?: boolean;
+    dropdownIcon?: string;
+}
 
 
 declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -96,7 +96,6 @@ declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_prop
         modelValue?: string | string[];
         searchTerm?: string;
     }) & {
-        onEnter?: ((event: KeyboardEvent) => any) | undefined;
         onPrependClick?: ((event: MouseEvent) => any) | undefined;
         onAppendClick?: ((event: MouseEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
@@ -104,8 +103,9 @@ declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_prop
         onBeforeClick?: ((event: MouseEvent) => any) | undefined;
         onAfterClick?: ((event: MouseEvent) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+        onEnter?: ((event: KeyboardEvent) => any) | undefined;
         "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
         "onUpdate:searchTerm"?: ((value: string | undefined) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -155,7 +155,7 @@ declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_prop
     } & {
         after?: (props: {}) => any;
     };
-    emit: (TInputEmits & ((e: "enter", event: KeyboardEvent) => void)) & (((event: "update:modelValue", value: string | string[] | undefined) => void) & ((event: "update:open", value: boolean | undefined) => void) & ((event: "update:searchTerm", value: string | undefined) => void));
+    emit: (TInputEmits & ((e: "enter", event: KeyboardEvent) => void)) & (((event: "update:open", value: boolean | undefined) => void) & ((event: "update:modelValue", value: string | string[] | undefined) => void) & ((event: "update:searchTerm", value: string | undefined) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/Combobox.mjs

@@ -4,8 +4,8 @@ import { useInputBaseProps, useInputProps } from "vunor";
 import VuIcon from "vunor/Icon";
 import { createReusableTemplate } from "@vueuse/core";
 import VuCheckbox from "vunor/Checkbox";
-import VuInputBase from "vunor/InputBase";
 import VuInput from "vunor/Input";
+import VuInputBase from "vunor/InputBase";
 //#region src/components/Combobox/Combobox.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["onFocus", "onBlur"];
 const _hoisted_2 = {

package/dist/DatePicker.d.mts

@@ -56,9 +56,9 @@ interface TInputBaseEmits {
 interface TInputEmits extends TInputBaseEmits {
     (e: 'beforeClick' | 'afterClick' | 'click', event: MouseEvent): void;
 }
-import type { DatePickerRootProps } from 'reka-ui';
 
 import type { DateValue } from '@internationalized/date';
+import type { DatePickerRootProps } from 'reka-ui';
 import type { TVueCssClass } from 'vunor/utils';
 type __VLS_Props = DatePickerRootProps & {
     popupRounded?: boolean;
@@ -71,11 +71,11 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: DateValue | undefined) => any;
     "update:open": (value: boolean | undefined) => any;
+    "update:modelValue": (value: DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: DateValue | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateValue | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/DatePickerBase.d.mts

@@ -78,13 +78,13 @@ type __VLS_Slots = {} & {
     append?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: DateValue | undefined) => any;
     "update:open": (value: boolean | undefined) => any;
+    "update:modelValue": (value: DateValue | undefined) => any;
 } & {
     "keydown-enter": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: DateValue | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateValue | undefined) => any) | undefined;
     "onKeydown-enter"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/DatePickerBase.mjs

@@ -2,8 +2,8 @@ import { t as useInputProps } from "./utils-6bTTIoaw.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeProps, openBlock, ref, renderSlot, resolveComponent, unref, useModel, watch, withCtx, withKeys } from "vue";
 import { DatePickerRoot, DatePickerTrigger } from "reka-ui";
 import VuIcon from "vunor/Icon";
-import VuDatePickerPopup from "vunor/DatePickerPopup";
 import VuDatePickerInner from "vunor/DatePickerInner";
+import VuDatePickerPopup from "vunor/DatePickerPopup";
 //#region src/components/DatePicker/DatePickerBase.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["onClick"];
 //#endregion

package/dist/DevTools.mjs

@@ -2,12 +2,12 @@ import { Fragment, createCommentVNode, createElementBlock, createElementVNode, c
 import VuButton$1 from "vunor/Button";
 import VuCard$1 from "vunor/Card";
 import VuCheckbox from "vunor/Checkbox";
+import { color, palitra } from "@prostojs/palitra";
+import defu from "defu";
 import VuCardHeader$1 from "vunor/CardHeader";
 import VuCardInner from "vunor/CardInner";
 import VuSlider from "vunor/Slider";
 import VuTabs from "vunor/Tabs";
-import { color, palitra } from "@prostojs/palitra";
-import defu from "defu";
 //#region src/theme/palitra.ts
 const defaultOpts = {
 	colors: {
@@ -296,6 +296,34 @@ function multiplySaturation(colors, m = .5) {
 	return newObj;
 }
 //#endregion
+//#region src/theme/rules/palette.ts
+function colorToRgbWithOpacity(c) {
+	const [r, g, b, _a] = color(c).rgba();
+	return `${r} ${g} ${b}`;
+}
+const CURRENT_SLOTS = [
+	"text-muted",
+	"icon-muted",
+	"text-hover",
+	"bg-hover",
+	"border-hover",
+	"text",
+	"bg",
+	"icon",
+	"border",
+	"outline",
+	"caret",
+	"hl"
+];
+const slotAlt = CURRENT_SLOTS.join("|");
+const sourceAlt = [
+	...CURRENT_SLOTS,
+	"muted",
+	"hover"
+].map((s) => `-${s}`).join("|");
+new RegExp(`^current-(${slotAlt})-(.+)$`);
+new RegExp(`^(text|bg|icon|border|outline|caret|fill|shadow|ring)-current(${sourceAlt})?(\\/\\d{1,3})?$`);
+//#endregion
 //#region src/components/DevTools/DevTools.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "flex items-center gap-$xs mb-$xs" };
@@ -331,10 +359,6 @@ var DevTools_default = /* @__PURE__ */ defineComponent({
 	}),
 	emits: ["update:open"],
 	setup(__props) {
-		function colorToRgbWithOpacity(c) {
-			const [r, g, b] = color(c).rgba();
-			return `${r} ${g} ${b}`;
-		}
 		function debounce(func, wait) {
 			let timeoutId;
 			return (...args) => {

package/dist/Input.d.mts

@@ -77,11 +77,11 @@ declare var __VLS_1: {}, __VLS_14: {
     onBlur?: (event: FocusEvent) => void;
     onFocus?: (event: FocusEvent) => void;
     type?: string | undefined;
-    disabled?: boolean | undefined;
     placeholder?: string | undefined;
     rows?: number | undefined;
     required?: boolean | undefined;
     maxlength?: number | undefined;
+    disabled?: boolean | undefined;
     readonly?: boolean | undefined;
     autocomplete?: string | undefined;
 }, __VLS_23: {}, __VLS_26: {

package/dist/InputBase.mjs

@@ -1,8 +1,8 @@
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useModel, vModelDynamic, vModelText, withCtx, withDirectives } from "vue";
 import { Primitive } from "reka-ui";
 import { useHtmlInputAttrs, useInputDataAttrs, useInputPi } from "vunor";
-import VuLoadingIndicator from "vunor/LoadingIndicator";
 import VuIcon from "vunor/Icon";
+import VuLoadingIndicator from "vunor/LoadingIndicator";
 //#region src/components/Input/InputBase.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
 	key: 0,

package/dist/Pagination.mjs

@@ -52,7 +52,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(({ items }) => [
 						!__props.showEdges && __props.showArrows ? (openBlock(), createBlock(unref(PaginationFirst), {
 							key: 0,
-							class: "size-fingertip flex items-center justify-center btn btn-square c8-flat disabled:opacity-30"
+							class: "btn btn-square c8-flat disabled-soft"
 						}, {
 							default: withCtx(() => [createVNode(VuIcon, {
 								name: "i--chevron-left-2",
@@ -62,7 +62,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 						})) : createCommentVNode("v-if", true),
 						__props.showArrows ? (openBlock(), createBlock(unref(PaginationPrev), {
 							key: 1,
-							class: "size-fingertip flex items-center justify-center mr-4 btn btn-square c8-flat disabled:opacity-30"
+							class: "btn btn-square c8-flat disabled-soft mr-4"
 						}, {
 							default: withCtx(() => [createVNode(VuIcon, {
 								name: "i--chevron-left",
@@ -73,7 +73,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 						(openBlock(true), createElementBlock(Fragment, null, renderList(items, (page, index) => {
 							return openBlock(), createElementBlock(Fragment, null, [page.type === "page" ? (openBlock(), createBlock(unref(PaginationListItem), {
 								key: index,
-								class: "size-fingertip btn btn-square c8-flat",
+								class: "btn btn-square c8-flat",
 								value: page.value
 							}, {
 								default: withCtx(() => [createTextVNode(toDisplayString(page.value), 1)]),
@@ -89,7 +89,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 						}), 256)),
 						__props.showArrows ? (openBlock(), createBlock(unref(PaginationNext), {
 							key: 2,
-							class: "size-fingertip flex items-center justify-center ml-4 btn btn-square c8-flat disabled:opacity-30"
+							class: "btn btn-square c8-flat disabled-soft ml-4"
 						}, {
 							default: withCtx(() => [createVNode(VuIcon, {
 								name: "i--chevron-right",
@@ -99,7 +99,7 @@ var Pagination_default = /* @__PURE__ */ defineComponent({
 						})) : createCommentVNode("v-if", true),
 						!__props.showEdges && __props.showArrows ? (openBlock(), createBlock(unref(PaginationLast), {
 							key: 3,
-							class: "size-fingertip flex items-center justify-center btn btn-square c8-flat disabled:opacity-30"
+							class: "btn btn-square c8-flat disabled-soft"
 						}, {
 							default: withCtx(() => [createVNode(VuIcon, {
 								name: "i--chevron-right-2",

package/dist/Select.mjs

@@ -1,8 +1,8 @@
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, unref, useModel, withCtx } from "vue";
 import { SelectTrigger, SelectValue } from "reka-ui";
 import { useInputBaseProps, useInputProps } from "vunor";
-import VuInputBase from "vunor/InputBase";
 import VuInput from "vunor/Input";
+import VuInputBase from "vunor/InputBase";
 import VuSelectBase from "vunor/SelectBase";
 //#endregion
 //#region src/components/Select/Select.vue

package/dist/SelectBase.d.mts

@@ -30,8 +30,8 @@ declare const __VLS_export: <T extends TSelectItem>(__VLS_props: NonNullable<Awa
         open?: boolean;
         modelValue?: string;
     }) & {
-        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
         "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -53,7 +53,7 @@ declare const __VLS_export: <T extends TSelectItem>(__VLS_props: NonNullable<Awa
     } & {
         item?: (props: T) => any;
     };
-    emit: ((event: "update:modelValue", value: string | undefined) => void) & ((event: "update:open", value: boolean | undefined) => void);
+    emit: ((event: "update:open", value: boolean | undefined) => void) & ((event: "update:modelValue", value: string | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/theme.d.mts

@@ -333,6 +333,9 @@ declare const presetVunor: PresetFactory<TVunorTheme, TVunorUnoPresetOpts & {
   palette?: TVunorPaletteOptions;
 }>;
 //#endregion
+//#region src/theme/shortcuts/raw.d.ts
+declare const rawVunorShortcuts: TVunorShortcut[];
+//#endregion
 //#region src/theme/utils/shortcut-obj.d.ts
 /**
  * Build uno shortcut from vunor shortcut object
@@ -354,10 +357,6 @@ declare const componentClasses: Record<string, string[]>;
 declare function getComponentClasses(...components: string[]): string[];
 //#endregion
 //#region src/theme.d.ts
-/**
- * Array of raw vunor shortcuts (not merged)
- */
-declare const rawVunorShortcuts: TVunorShortcut[];
 /**
  * Vunor shortcuts (merged version of rawVunorShortcuts)
  */