iryx-ui 0.19.0 → 0.20.0

package/README.md

@@ -7,7 +7,7 @@ A Vue 3 component library built on [Reka UI](https://reka-ui.com) and [Tailwind
 
 **[Documentation →](https://iryx-ui.com)**
 
-Every component arrives with keyboard navigation, focus management and ARIA already working, then hands you a `class`, a per-slot `ui`, or `unstyled` when the defaults are not what you want.
+Every component arrives with keyboard navigation, focus management and ARIA already working, then hands you a `class`, a per-element `ui`, or `unstyled` when the defaults are not what you want.
 
 ## Installation
 
@@ -104,8 +104,8 @@ export default defineNuxtConfig({
 </ISection>
 ```
 
-Seven so far: `IHero`, `ISection`, `IPricingTable`, `IPricingCard`, `IFeatureCard`,
-`ITestimonialCard` and `IBrowserFrame`. Importing the subpath also declares
+Nine so far: `IHero`, `ISection`, `IPricingTable`, `IPricingCard`, `IFeatureCard`,
+`ITestimonialCard`, `IBrowserFrame`, `ISiteHeader` and `ISiteFooter`. Importing the subpath also declares
 them on Vue's `GlobalComponents`; a project that never imports it is untouched.
 
 ## Three ways to take the styling back

package/dist/component-names.d.ts

@@ -3,7 +3,7 @@
  * Consumed by the Vue plugin (global registration) and the Nuxt module
  * (auto-imports). Keep in sync with `src/components/index.ts`.
  */
-export declare const componentNames: readonly ["Accordion", "Alert", "App", "AppShell", "AspectRatio", "AuthProviders", "Avatar", "AvatarGroup", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Calendar", "Card", "ChartLegend", "Checkbox", "ColorPicker", "Combobox", "Collapsible", "CommandPalette", "Container", "ConfirmDialog", "ContextMenu", "DateField", "DatePicker", "DateRangePicker", "Dialog", "DonutChart", "Drawer", "DropdownMenu", "Editable", "EmptyState", "FileUpload", "Form", "FormField", "HoverCard", "Icon", "Input", "Kbd", "Label", "LineChart", "NavigationMenu", "NumberInput", "Menubar", "PageHeader", "Pagination", "PasswordInput", "PinInput", "Popover", "Progress", "RadioGroup", "ScrollArea", "ScrollFade", "Select", "Separator", "Sidebar", "SignaturePad", "Skeleton", "Slider", "Sparkline", "Splitter", "Stat", "Stepper", "Switch", "Table", "Tabs", "TagsInput", "Textarea", "Toaster", "Toggle", "ToggleGroup", "TimeField", "Timeline", "Toolbar", "Tooltip", "Tree"];
+export declare const componentNames: readonly ["Accordion", "Alert", "App", "AppShell", "AspectRatio", "AuthProviders", "Avatar", "AvatarGroup", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Calendar", "Card", "ChartLegend", "Checkbox", "ColorPicker", "Combobox", "Collapsible", "CommandPalette", "Container", "ConfirmDialog", "ContextMenu", "DateField", "DatePicker", "DateRangePicker", "Dialog", "DonutChart", "Drawer", "DropdownMenu", "Editable", "EmptyState", "FileUpload", "Form", "FormField", "HoverCard", "Icon", "Input", "Kbd", "Label", "LineChart", "NavigationMenu", "NumberInput", "Menubar", "PageHeader", "Pagination", "PasswordInput", "PinInput", "Popover", "Progress", "RadioGroup", "Rating", "ScrollArea", "ScrollFade", "Select", "Separator", "Sidebar", "SignaturePad", "Skeleton", "Slider", "Sparkline", "Splitter", "Stat", "Stepper", "Switch", "Table", "Tabs", "TagsInput", "Textarea", "Toaster", "Toggle", "ToggleGroup", "TimeField", "Timeline", "Toolbar", "Tooltip", "Tree"];
 export type ComponentName = (typeof componentNames)[number];
 /**
  * Names of every block exported from `iryx-ui/marketing`.
@@ -11,5 +11,5 @@ export type ComponentName = (typeof componentNames)[number];
  * runs at build time and must not pull `.vue` files into Node.
  * Keep in sync with `src/marketing/index.ts`.
  */
-export declare const marketingComponentNames: readonly ["BrowserFrame", "FeatureCard", "Hero", "PricingCard", "PricingTable", "Section", "TestimonialCard"];
+export declare const marketingComponentNames: readonly ["BrowserFrame", "FeatureCard", "Hero", "PricingCard", "PricingTable", "Section", "SiteFooter", "SiteHeader", "TestimonialCard"];
 export type MarketingComponentName = (typeof marketingComponentNames)[number];

package/dist/component-names.js

@@ -1,11 +1,13 @@
 //#region src/component-names.ts
-var e = /* @__PURE__ */ "Accordion.Alert.App.AppShell.AspectRatio.AuthProviders.Avatar.AvatarGroup.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Calendar.Card.ChartLegend.Checkbox.ColorPicker.Combobox.Collapsible.CommandPalette.Container.ConfirmDialog.ContextMenu.DateField.DatePicker.DateRangePicker.Dialog.DonutChart.Drawer.DropdownMenu.Editable.EmptyState.FileUpload.Form.FormField.HoverCard.Icon.Input.Kbd.Label.LineChart.NavigationMenu.NumberInput.Menubar.PageHeader.Pagination.PasswordInput.PinInput.Popover.Progress.RadioGroup.ScrollArea.ScrollFade.Select.Separator.Sidebar.SignaturePad.Skeleton.Slider.Sparkline.Splitter.Stat.Stepper.Switch.Table.Tabs.TagsInput.Textarea.Toaster.Toggle.ToggleGroup.TimeField.Timeline.Toolbar.Tooltip.Tree".split("."), t = [
+var e = /* @__PURE__ */ "Accordion.Alert.App.AppShell.AspectRatio.AuthProviders.Avatar.AvatarGroup.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Calendar.Card.ChartLegend.Checkbox.ColorPicker.Combobox.Collapsible.CommandPalette.Container.ConfirmDialog.ContextMenu.DateField.DatePicker.DateRangePicker.Dialog.DonutChart.Drawer.DropdownMenu.Editable.EmptyState.FileUpload.Form.FormField.HoverCard.Icon.Input.Kbd.Label.LineChart.NavigationMenu.NumberInput.Menubar.PageHeader.Pagination.PasswordInput.PinInput.Popover.Progress.RadioGroup.Rating.ScrollArea.ScrollFade.Select.Separator.Sidebar.SignaturePad.Skeleton.Slider.Sparkline.Splitter.Stat.Stepper.Switch.Table.Tabs.TagsInput.Textarea.Toaster.Toggle.ToggleGroup.TimeField.Timeline.Toolbar.Tooltip.Tree".split("."), t = [
 	"BrowserFrame",
 	"FeatureCard",
 	"Hero",
 	"PricingCard",
 	"PricingTable",
 	"Section",
+	"SiteFooter",
+	"SiteHeader",
 	"TestimonialCard"
 ];
 //#endregion

package/dist/components/Alert.vue.d.ts

@@ -20,7 +20,7 @@ export interface AlertProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ title: 'text-base' }`. */
+    /** Override classes per element, e.g. `{ title: 'text-base' }`. */
     ui?: {
         root?: string;
         icon?: string;

package/dist/components/AppShell.vue.d.ts

@@ -19,7 +19,7 @@ export interface AppShellProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ main: 'p-8' }`. */
+    /** Override classes per element, e.g. `{ main: 'p-8' }`. */
     ui?: {
         root?: string;
         header?: string;

package/dist/components/AuthProviders.vue.d.ts

@@ -30,7 +30,7 @@ export interface AuthProvidersProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ provider: 'rounded-full' }`. */
+    /** Override classes per element, e.g. `{ provider: 'rounded-full' }`. */
     ui?: {
         root?: string;
         provider?: string;

package/dist/components/Avatar.vue.d.ts

@@ -28,7 +28,7 @@ export interface AvatarProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ fallback: 'bg-primary' }`. */
+    /** Override classes per element, e.g. `{ fallback: 'bg-primary' }`. */
     ui?: {
         root?: string;
         image?: string;

package/dist/components/AvatarGroup.vue.d.ts

@@ -14,7 +14,7 @@ export interface AvatarGroupProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ overflow: 'bg-primary' }`. */
+    /** Override classes per element, e.g. `{ overflow: 'bg-primary' }`. */
     ui?: {
         root?: string;
         item?: string;

package/dist/components/Badge.vue.d.ts

@@ -16,7 +16,7 @@ export interface BadgeProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ dot: 'size-3' }`. */
+    /** Override classes per element, e.g. `{ dot: 'size-3' }`. */
     ui?: {
         root?: string;
         dot?: string;

package/dist/components/Banner.vue.d.ts

@@ -30,7 +30,7 @@ export interface BannerProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ container: 'max-w-3xl' }`. */
+    /** Override classes per element, e.g. `{ container: 'max-w-3xl' }`. */
     ui?: {
         root?: string;
         container?: string;

package/dist/components/Breadcrumb.vue.d.ts

@@ -18,7 +18,7 @@ export interface BreadcrumbProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ current: 'text-primary' }`. */
+    /** Override classes per element, e.g. `{ current: 'text-primary' }`. */
     ui?: {
         root?: string;
         list?: string;

package/dist/components/Calendar.vue.d.ts

@@ -42,7 +42,7 @@ export interface CalendarProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ cellTrigger: 'rounded-full' }`. */
+    /** Override classes per element, e.g. `{ cellTrigger: 'rounded-full' }`. */
     ui?: Partial<Record<'root' | 'header' | 'heading' | 'nav' | 'months' | 'grid' | 'headCell' | 'cell' | 'cellTrigger', string>>;
 }
 /**

package/dist/components/Card.vue.d.ts

@@ -14,7 +14,7 @@ export interface CardProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ footer: 'justify-end' }`. */
+    /** Override classes per element, e.g. `{ footer: 'justify-end' }`. */
     ui?: {
         root?: string;
         header?: string;

package/dist/components/ChartLegend.vue.d.ts

@@ -8,6 +8,8 @@ export interface ChartLegendProps {
     class?: ClassValue;
     ui?: Partial<Record<'root' | 'item' | 'swatch' | 'name', string>>;
 }
-declare const __VLS_export: import("vue").DefineComponent<ChartLegendProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChartLegendProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ChartLegendProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChartLegendProps> & Readonly<{}>, {
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ChartLegend.vue_vue_type_script_setup_true_lang.js

@@ -8,7 +8,10 @@ var h = /*@__PURE__*/ c({
 	props: {
 		series: {},
 		active: {},
-		unstyled: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
 		class: { type: [
 			String,
 			Boolean,

package/dist/components/Checkbox.vue.d.ts

@@ -12,7 +12,7 @@ export interface CheckboxProps extends CheckboxRootProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ indicator: 'text-black' }`. */
+    /** Override classes per element, e.g. `{ indicator: 'text-black' }`. */
     ui?: {
         wrapper?: string;
         root?: string;

package/dist/components/Collapsible.vue.d.ts

@@ -18,7 +18,7 @@ export interface CollapsibleProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ content: 'pt-2' }`. */
+    /** Override classes per element, e.g. `{ content: 'pt-2' }`. */
     ui?: {
         root?: string;
         trigger?: string;

package/dist/components/ColorPicker.vue.d.ts

@@ -21,7 +21,7 @@ export interface ColorPickerProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ area: 'h-56' }`. */
+    /** Override classes per element, e.g. `{ area: 'h-56' }`. */
     ui?: {
         root?: string;
         area?: string;

package/dist/components/Container.vue.d.ts

@@ -11,7 +11,7 @@ export interface ContainerProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ root: 'py-10' }`. */
+    /** Override classes per element, e.g. `{ root: 'py-10' }`. */
     ui?: {
         root?: string;
     };

package/dist/components/ContextMenu.vue.d.ts

@@ -10,7 +10,7 @@ export interface ContextMenuProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ item: 'py-2' }`. */
+    /** Override classes per element, e.g. `{ item: 'py-2' }`. */
     ui?: {
         content?: string;
         item?: string;

package/dist/components/DateField.vue.d.ts

@@ -20,7 +20,7 @@ export interface DateFieldProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ segment: 'px-1' }`. */
+    /** Override classes per element, e.g. `{ segment: 'px-1' }`. */
     ui?: {
         root?: string;
         segment?: string;

package/dist/components/DatePicker.vue.d.ts

@@ -32,7 +32,7 @@ export interface DatePickerProps {
     unstyled?: boolean;
     /** Applied to the trigger, which is the element carrying the field chrome. */
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ content: 'p-4' }`. */
+    /** Override classes per element, e.g. `{ content: 'p-4' }`. */
     ui?: Partial<Record<'trigger' | 'placeholder' | 'content' | 'header' | 'heading' | 'nav' | 'months' | 'grid' | 'headCell' | 'cell' | 'cellTrigger' | 'footer' | 'action', string>>;
 }
 type __VLS_Props = DatePickerProps;

package/dist/components/DateRangePicker.vue.d.ts

@@ -35,7 +35,7 @@ export interface DateRangePickerProps {
     unstyled?: boolean;
     /** Applied to the trigger, which is the element carrying the field chrome. */
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ content: 'p-4' }`. */
+    /** Override classes per element, e.g. `{ content: 'p-4' }`. */
     ui?: Partial<Record<'trigger' | 'placeholder' | 'content' | 'header' | 'heading' | 'nav' | 'months' | 'grid' | 'headCell' | 'cell' | 'cellTrigger' | 'footer' | 'action', string>>;
 }
 type __VLS_Props = DateRangePickerProps;

package/dist/components/Dialog.vue.d.ts

@@ -12,7 +12,7 @@ export interface DialogProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ content: 'max-w-3xl' }`. */
+    /** Override classes per element, e.g. `{ content: 'max-w-3xl' }`. */
     ui?: {
         overlay?: string;
         content?: string;

package/dist/components/Drawer.vue.d.ts

@@ -34,7 +34,7 @@ export interface DrawerProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ content: 'sm:max-w-3xl' }`. */
+    /** Override classes per element, e.g. `{ content: 'sm:max-w-3xl' }`. */
     ui?: {
         overlay?: string;
         content?: string;

package/dist/components/DropdownMenu.vue.d.ts

@@ -11,7 +11,7 @@ export interface DropdownMenuProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ item: 'py-2' }`. */
+    /** Override classes per element, e.g. `{ item: 'py-2' }`. */
     ui?: {
         content?: string;
         header?: string;

package/dist/components/EmptyState.vue.d.ts

@@ -11,7 +11,7 @@ export interface EmptyStateProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ title: 'text-xl' }`. */
+    /** Override classes per element, e.g. `{ title: 'text-xl' }`. */
     ui?: {
         root?: string;
         icon?: string;

package/dist/components/FileUpload.vue.d.ts

@@ -32,7 +32,7 @@ export interface FileUploadProps {
     unstyled?: boolean;
     /** Applied to the outer wrapper, which stacks the zone above the list. */
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ dropzone: 'py-10' }`. */
+    /** Override classes per element, e.g. `{ dropzone: 'py-10' }`. */
     ui?: Partial<Record<'root' | 'dropzone' | 'input' | 'icon' | 'label' | 'browse' | 'hint' | 'list' | 'item' | 'thumbnail' | 'placeholder' | 'details' | 'name' | 'meta' | 'remove' | 'error', string>>;
 }
 type __VLS_Props = FileUploadProps;

package/dist/components/Input.vue.d.ts

@@ -24,7 +24,7 @@ export interface InputProps {
     unstyled?: boolean;
     /** Applied to the outer field, which is the element carrying the chrome. */
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ input: 'text-right' }`. */
+    /** Override classes per element, e.g. `{ input: 'text-right' }`. */
     ui?: {
         root?: string;
         input?: string;

package/dist/components/Kbd.vue.d.ts

@@ -20,7 +20,7 @@ export interface KbdProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ key: 'bg-background' }`. */
+    /** Override classes per element, e.g. `{ key: 'bg-background' }`. */
     ui?: {
         root?: string;
         key?: string;

package/dist/components/Menubar.vue.d.ts

@@ -19,7 +19,7 @@ export interface MenubarProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ trigger: 'px-4' }`. */
+    /** Override classes per element, e.g. `{ trigger: 'px-4' }`. */
     ui?: {
         root?: string;
         trigger?: string;

package/dist/components/NavigationMenu.vue.d.ts

@@ -18,7 +18,7 @@ export interface NavigationMenuProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ viewport: 'w-96' }`. */
+    /** Override classes per element, e.g. `{ viewport: 'w-96' }`. */
     ui?: {
         root?: string;
         list?: string;

package/dist/components/NumberInput.vue.d.ts

@@ -28,7 +28,7 @@ export interface NumberInputProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ step: 'px-2' }`. */
+    /** Override classes per element, e.g. `{ step: 'px-2' }`. */
     ui?: {
         root?: string;
         input?: string;

package/dist/components/PageHeader.vue.d.ts

@@ -14,7 +14,7 @@ export interface PageHeaderProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ title: 'text-3xl' }`. */
+    /** Override classes per element, e.g. `{ title: 'text-3xl' }`. */
     ui?: {
         root?: string;
         top?: string;

package/dist/components/Pagination.vue.d.ts

@@ -17,7 +17,7 @@ export interface PaginationProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ item: 'rounded-full' }`. */
+    /** Override classes per element, e.g. `{ item: 'rounded-full' }`. */
     ui?: {
         root?: string;
         list?: string;

package/dist/components/PasswordInput.vue.d.ts

@@ -23,7 +23,7 @@ export interface PasswordInputProps {
     unstyled?: boolean;
     /** Applied to the outer wrapper, which stacks the field above the meter. */
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ meter: 'mt-1' }`. */
+    /** Override classes per element, e.g. `{ meter: 'mt-1' }`. */
     ui?: {
         root?: string;
         input?: string;

package/dist/components/PinInput.vue.d.ts

@@ -34,7 +34,7 @@ export interface PinInputProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ input: 'size-14' }`. */
+    /** Override classes per element, e.g. `{ input: 'size-14' }`. */
     ui?: {
         root?: string;
         input?: string;

package/dist/components/Popover.vue.d.ts

@@ -27,7 +27,7 @@ export interface PopoverProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ content: 'w-96' }`. */
+    /** Override classes per element, e.g. `{ content: 'w-96' }`. */
     ui?: {
         content?: string;
         title?: string;

package/dist/components/Progress.vue.d.ts

@@ -33,7 +33,7 @@ export interface ProgressProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ track: 'h-4' }`. */
+    /** Override classes per element, e.g. `{ track: 'h-4' }`. */
     ui?: {
         root?: string;
         header?: string;

package/dist/components/Rating.js

@@ -0,0 +1,5 @@
+import e from "./Rating.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Rating.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/Rating.vue.d.ts

@@ -0,0 +1,57 @@
+import type { ClassValue } from '../class-value';
+import type { IconLike } from '../composables/icon';
+export interface RatingProps {
+    /** How many icons to show. */
+    max?: number;
+    /** Let the reader set the value. Without it this is a read-only score. */
+    interactive?: boolean;
+    /**
+     * Smallest step the reader can choose, e.g. `0.5` for half stars. Display is
+     * continuous either way — a score of 3.7 fills seven tenths of the fourth.
+     */
+    step?: number;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    /** The icon to repeat. Any Hugeicons export, or a component that renders an SVG. */
+    icon?: IconLike;
+    /**
+     * Accessible name for the control, since a row of stars has no text of its
+     * own — "Overall rating", "Rate this reply".
+     */
+    label?: string;
+    /** Print the score beside the icons, e.g. `4.5`. */
+    showValue?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: ClassValue;
+    /** Override classes per element, e.g. `{ fill: 'text-primary' }`. */
+    ui?: {
+        root?: string;
+        items?: string;
+        item?: string;
+        empty?: string;
+        fill?: string;
+        label?: string;
+    };
+}
+type __VLS_Props = RatingProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+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: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    icon: IconLike;
+    label: string;
+    disabled: boolean;
+    unstyled: boolean;
+    max: number;
+    step: number;
+    showValue: boolean;
+    interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Rating.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,110 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { ratingTheme as n } from "../theme/rating.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderList as h, toDisplayString as g, useModel as _ } from "vue";
+import { StarIcon as v } from "@hugeicons/core-free-icons";
+//#region src/components/Rating.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-hidden"], b = ["onClick"], x = /*@__PURE__*/ l({
+	__name: "Rating",
+	props: /*@__PURE__*/ u({
+		max: { default: 5 },
+		interactive: {
+			type: Boolean,
+			default: void 0
+		},
+		step: { default: 1 },
+		size: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		icon: { default: () => v },
+		label: { default: "Rating" },
+		showValue: {
+			type: Boolean,
+			default: void 0
+		},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
+		ui: {}
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(l) {
+		let u = l, v = _(l, "modelValue"), x = e(), S = i(() => u.unstyled ?? x.unstyled), C = i(() => n({
+			size: u.size,
+			interactive: u.interactive ?? !1,
+			disabled: u.disabled ?? !1
+		}));
+		function w(e, t) {
+			return S.value ? [u.ui?.[e], t] : C.value[e]({ class: [u.ui?.[e], t] });
+		}
+		let T = i(() => Math.min(Math.max(v.value, 0), u.max));
+		function E(e) {
+			let t = Math.min(Math.max(T.value - e, 0), 1);
+			return Math.round(t * 1e4) / 100;
+		}
+		let D = i(() => Number(T.value.toFixed(2)).toString());
+		function O(e) {
+			if (u.disabled || !u.interactive) return;
+			let t = Math.round(e / u.step) * u.step;
+			v.value = Math.min(Math.max(t, u.step), u.max);
+		}
+		let k = i(() => u.interactive ? {
+			role: "slider",
+			tabindex: u.disabled ? -1 : 0,
+			"aria-label": u.label,
+			"aria-valuemin": 0,
+			"aria-valuemax": u.max,
+			"aria-valuenow": T.value,
+			"aria-valuetext": `${D.value} out of ${u.max}`,
+			"aria-disabled": u.disabled || void 0
+		} : {
+			role: "img",
+			"aria-label": `${u.label}: ${D.value} out of ${u.max}`
+		});
+		function A(e) {
+			if (!u.interactive) return;
+			let t = {
+				ArrowRight: u.step,
+				ArrowUp: u.step,
+				ArrowLeft: -u.step,
+				ArrowDown: -u.step
+			};
+			e.key in t ? (e.preventDefault(), O(T.value + t[e.key])) : e.key === "Home" ? (e.preventDefault(), O(u.step)) : e.key === "End" && (e.preventDefault(), O(u.max));
+		}
+		return (e, n) => (m(), o("div", d(k.value, {
+			class: w("root", u.class),
+			onKeydown: A
+		}), [s("div", {
+			class: f(w("items")),
+			"aria-hidden": u.interactive ? void 0 : "true"
+		}, [(m(!0), o(r, null, h(u.max, (e) => (m(), o("span", {
+			key: e,
+			class: f(w("item")),
+			onClick: (t) => O(e)
+		}, [c(t, {
+			icon: u.icon,
+			class: f(w("empty"))
+		}, null, 8, ["icon", "class"]), s("span", {
+			class: f(w("fill")),
+			style: p({ width: `${E(e - 1)}%` })
+		}, [c(t, { icon: u.icon }, null, 8, ["icon"])], 6)], 10, b))), 128))], 10, y), u.showValue ? (m(), o("span", {
+			key: 0,
+			class: f(w("label")),
+			"aria-hidden": "true"
+		}, g(D.value), 3)) : a("", !0)], 16));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/ScrollArea.vue.d.ts

@@ -14,7 +14,7 @@ export interface ScrollAreaProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ thumb: 'bg-primary' }`. */
+    /** Override classes per element, e.g. `{ thumb: 'bg-primary' }`. */
     ui?: {
         root?: string;
         viewport?: string;

package/dist/components/Separator.vue.d.ts

@@ -11,7 +11,7 @@ export interface SeparatorProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;
-    /** Override classes per slot, e.g. `{ line: 'bg-primary' }`. */
+    /** Override classes per element, e.g. `{ line: 'bg-primary' }`. */
     ui?: {
         root?: string;
         line?: string;