cisse-vue-ui 0.2.8 → 0.3.1

package/dist/cisse-vue-ui.css

@@ -0,0 +1,83 @@
+
+.slider-input[data-v-89741e22] {
+  height: 0.5rem;
+}
+.slider-input[data-v-89741e22]::-webkit-slider-runnable-track {
+  height: 0.5rem;
+  border-radius: 9999px;
+  background-color: #e5e7eb;
+}
+.dark .slider-input[data-v-89741e22]::-webkit-slider-runnable-track {
+  background-color: #374151;
+}
+.slider-input[data-v-89741e22]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 9999px;
+  background-color: var(--color-primary, #3b82f6);
+  border: 2px solid white;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  margin-top: -0.375rem;
+  cursor: pointer;
+}
+.slider-input[data-v-89741e22]::-moz-range-track {
+  height: 0.5rem;
+  border-radius: 9999px;
+  background-color: #e5e7eb;
+}
+.dark .slider-input[data-v-89741e22]::-moz-range-track {
+  background-color: #374151;
+}
+.slider-input[data-v-89741e22]::-moz-range-thumb {
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 9999px;
+  background-color: var(--color-primary, #3b82f6);
+  border: 2px solid white;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+}
+.slider-input[data-v-89741e22]:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
+}
+.slider-input[data-v-89741e22]:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
+}
+
+.bg-stripes[data-v-f2118741] {
+  background-image: linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.15) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.15) 50%,
+    rgba(255, 255, 255, 0.15) 75%,
+    transparent 75%,
+    transparent
+  );
+  background-size: 1rem 1rem;
+}
+.animate-stripes[data-v-f2118741] {
+  animation: stripes-f2118741 1s linear infinite;
+}
+@keyframes stripes-f2118741 {
+from {
+    background-position: 1rem 0;
+}
+to {
+    background-position: 0 0;
+}
+}
+.animate-indeterminate[data-v-f2118741] {
+  animation: indeterminate-f2118741 1.5s ease-in-out infinite;
+}
+@keyframes indeterminate-f2118741 {
+0% {
+    transform: translateX(-100%);
+}
+100% {
+    transform: translateX(400%);
+}
+}

package/dist/components/core/Avatar.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Avatar } from './Avatar.vue';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithImage: Story;
+export declare const WithInitials: Story;
+export declare const AllSizes: Story;
+export declare const WithStatus: Story;
+export declare const RoundedVariants: Story;
+export declare const ImageWithStatus: Story;

package/dist/components/core/Button.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Button } from './Button.vue';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Danger: Story;
+export declare const Success: Story;
+export declare const AllVariants: Story;
+export declare const AllSizes: Story;
+export declare const WithIcon: Story;
+export declare const WithIconRight: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const FullWidth: Story;

package/dist/components/core/Button.test.d.ts

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

package/dist/components/core/CardComponent.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as CardComponent } from './CardComponent.vue';
+declare const meta: Meta<typeof CardComponent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const WithTitleAndDescription: Story;
+export declare const WithActions: Story;
+export declare const CustomSlots: Story;

package/dist/components/core/CollapsibleCard.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as CollapsibleCard } from './CollapsibleCard.vue';
+declare const meta: Meta<typeof CollapsibleCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InitiallyCollapsed: Story;
+export declare const WithActions: Story;
+export declare const MultipleCards: Story;
+export declare const LongContent: Story;

package/dist/components/core/Dropdown.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Dropdown } from './Dropdown.vue';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomTrigger: Story;
+export declare const AlignRight: Story;
+export declare const WithDisabledItems: Story;
+export declare const DifferentWidths: Story;
+export declare const CustomContent: Story;

package/dist/components/core/Popover.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Popover } from './Popover.vue';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const OnHover: Story;
+export declare const Widths: Story;
+export declare const WithForm: Story;
+export declare const UserCard: Story;

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

@@ -0,0 +1,42 @@
+export type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
+type __VLS_Props = {
+    /** Position of the popover */
+    position?: PopoverPosition;
+    /** Trigger on hover instead of click */
+    hover?: boolean;
+    /** Use teleport to body */
+    teleport?: boolean;
+    /** Width of the popover */
+    width?: 'auto' | 'sm' | 'md' | 'lg';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {
+            close: () => void;
+        }): any;
+    };
+    refs: {
+        triggerRef: HTMLDivElement;
+        popoverRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    width: "auto" | "sm" | "md" | "lg";
+    teleport: boolean;
+    position: PopoverPosition;
+    hover: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLDivElement;
+    popoverRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/StatusBadge.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as StatusBadge } from './StatusBadge.vue';
+declare const meta: Meta<typeof StatusBadge>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const SemanticVariants: Story;
+export declare const ColorVariants: Story;
+export declare const UseCases: Story;

package/dist/components/core/Stepper.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Stepper } from './Stepper.vue';
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const FirstStep: Story;
+export declare const LastStep: Story;
+export declare const WithIcons: Story;
+export declare const Interactive: Story;
+export declare const ManySteps: Story;

package/dist/components/core/Tabs.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Tabs } from './Tabs.vue';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Underline: Story;
+export declare const Pills: Story;
+export declare const Boxed: Story;
+export declare const WithDisabledTab: Story;
+export declare const AllVariants: Story;

package/dist/components/core/Tooltip.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Tooltip } from './Tooltip.vue';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Positions: Story;
+export declare const WithDelay: Story;
+export declare const Disabled: Story;
+export declare const OnIcons: Story;

package/dist/components/core/Tooltip.test.d.ts

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

package/dist/components/core/Tooltip.vue.d.ts

@@ -0,0 +1,32 @@
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+type __VLS_Props = {
+    /** Tooltip content text */
+    content: string;
+    /** Position of the tooltip */
+    position?: TooltipPosition;
+    /** Delay before showing (ms) */
+    delay?: number;
+    /** Disable the tooltip */
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    position: TooltipPosition;
+    delay: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/index.cjs

@@ -1,20 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CollapsibleCard_vue_vue_type_script_setup_true_lang = require("../../CollapsibleCard.vue_vue_type_script_setup_true_lang-ClNZxjzF.cjs");
+const Popover_vue_vue_type_script_setup_true_lang = require("../../Popover.vue_vue_type_script_setup_true_lang-dvlDTcf1.cjs");
 const Dropdown_vue_vue_type_script_setup_true_lang = require("../../Dropdown.vue_vue_type_script_setup_true_lang-nMP2OxXp.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
-exports.AutocompleteComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$4;
-exports.Avatar = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$7;
-exports.Button = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.CardComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.CollapsibleCard = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$11;
-exports.MobileList = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$2;
-exports.ResponsiveList = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.Stepper = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$10;
-exports.TabPanel = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$9;
-exports.TableAction = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$5;
-exports.TableComponent = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.Tabs = CollapsibleCard_vue_vue_type_script_setup_true_lang._sfc_main$8;
+exports.AutocompleteComponent = Popover_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.Avatar = Popover_vue_vue_type_script_setup_true_lang._sfc_main$7;
+exports.Button = Popover_vue_vue_type_script_setup_true_lang._sfc_main$6;
+exports.CardComponent = Popover_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.CollapsibleCard = Popover_vue_vue_type_script_setup_true_lang._sfc_main$11;
+exports.MobileList = Popover_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.Popover = Popover_vue_vue_type_script_setup_true_lang._sfc_main$13;
+exports.ResponsiveList = Popover_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.Stepper = Popover_vue_vue_type_script_setup_true_lang._sfc_main$10;
+exports.TabPanel = Popover_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.TableAction = Popover_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.TableComponent = Popover_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.Tabs = Popover_vue_vue_type_script_setup_true_lang._sfc_main$8;
+exports.Tooltip = Popover_vue_vue_type_script_setup_true_lang._sfc_main$12;
 exports.Dropdown = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.MenuItem = Dropdown_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.StatusBadge = BadgeType_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/components/core/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -13,7 +13,11 @@ export { default as TabPanel } from './TabPanel.vue';
 export { default as Dropdown } from './Dropdown.vue';
 export { default as Stepper } from './Stepper.vue';
 export { default as CollapsibleCard } from './CollapsibleCard.vue';
+export { default as Tooltip } from './Tooltip.vue';
+export { default as Popover } from './Popover.vue';
 export type { ButtonVariant, ButtonSize } from './Button.vue';
+export type { TooltipPosition } from './Tooltip.vue';
+export type { PopoverPosition } from './Popover.vue';
 export type { Step } from './Stepper.vue';
 export type { AvatarSize } from './Avatar.vue';
 export type { Tab } from './Tabs.vue';

package/dist/components/core/index.js

@@ -1,4 +1,4 @@
-import { d, g, f, _, k, b, c, j, i, e, a, h } from "../../CollapsibleCard.vue_vue_type_script_setup_true_lang-Y1wvT4aS.js";
+import { d, g, f, _, k, b, m, c, j, i, e, a, h, l } from "../../Popover.vue_vue_type_script_setup_true_lang-Q7gRZsT9.js";
 import { a as a2, _ as _2 } from "../../Dropdown.vue_vue_type_script_setup_true_lang-B9DsCY8M.js";
 import { _ as _3 } from "../../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 export {
@@ -10,12 +10,14 @@ export {
   a2 as Dropdown,
   _2 as MenuItem,
   b as MobileList,
+  m as Popover,
   c as ResponsiveList,
   _3 as StatusBadge,
   j as Stepper,
   i as TabPanel,
   e as TableAction,
   a as TableComponent,
-  h as Tabs
+  h as Tabs,
+  l as Tooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/components/feedback/Alert.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Alert } from './Alert.vue';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const AllVariants: Story;
+export declare const Dismissible: Story;
+export declare const WithoutTitle: Story;
+export declare const CustomIcon: Story;

package/dist/components/feedback/EmptyState.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as EmptyState } from './EmptyState.vue';
+declare const meta: Meta<typeof EmptyState>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const CustomIcon: Story;
+export declare const WithAction: Story;
+export declare const SearchResults: Story;
+export declare const ErrorState: Story;
+export declare const InCard: Story;
+export declare const CustomSlotContent: Story;

package/dist/components/feedback/LoadingSpinner.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as LoadingSpinner } from './LoadingSpinner.vue';
+declare const meta: Meta<typeof LoadingSpinner>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithText: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const AllSizes: Story;
+export declare const InCard: Story;

package/dist/components/feedback/Modal.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Modal } from './Modal.vue';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithFooter: Story;
+export declare const Sizes: Story;
+export declare const NoCloseOnBackdrop: Story;
+export declare const FormModal: Story;
+export declare const DeleteConfirmation: Story;

package/dist/components/feedback/PaginationControls.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as PaginationControls } from './PaginationControls.vue';
+declare const meta: Meta<typeof PaginationControls>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const MidPage: Story;
+export declare const LastPage: Story;
+export declare const WithoutPageSize: Story;
+export declare const Loading: Story;
+export declare const CustomPageSizes: Story;
+export declare const InTable: Story;

package/dist/components/feedback/Progress.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Progress } from './Progress.vue';
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const Striped: Story;
+export declare const Animated: Story;
+export declare const Indeterminate: Story;
+export declare const AnimatedProgress: Story;
+export declare const FileUpload: Story;

package/dist/components/feedback/Progress.test.d.ts

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

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

@@ -0,0 +1,30 @@
+export type ProgressSize = 'sm' | 'md' | 'lg';
+export type ProgressVariant = 'default' | 'success' | 'warning' | 'error';
+type __VLS_Props = {
+    /** Current value (0-100) */
+    value: number;
+    /** Maximum value */
+    max?: number;
+    /** Size variant */
+    size?: ProgressSize;
+    /** Color variant */
+    variant?: ProgressVariant;
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Striped animation */
+    striped?: boolean;
+    /** Animated stripes */
+    animated?: boolean;
+    /** Indeterminate state (loading) */
+    indeterminate?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: ProgressVariant;
+    size: ProgressSize;
+    indeterminate: boolean;
+    max: number;
+    showLabel: boolean;
+    striped: boolean;
+    animated: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/feedback/Skeleton.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Skeleton } from './Skeleton.vue';
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Text: Story;
+export declare const MultipleLines: Story;
+export declare const Circular: Story;
+export declare const Rectangular: Story;
+export declare const Rounded: Story;
+export declare const CardSkeleton: Story;
+export declare const ListSkeleton: Story;
+export declare const TableSkeleton: Story;
+export declare const ProfileSkeleton: Story;
+export declare const NoAnimation: Story;

package/dist/components/feedback/Skeleton.test.d.ts

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

package/dist/components/feedback/Skeleton.vue.d.ts

@@ -0,0 +1,19 @@
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
+type __VLS_Props = {
+    /** Variant style */
+    variant?: SkeletonVariant;
+    /** Width (CSS value) */
+    width?: string;
+    /** Height (CSS value) */
+    height?: string;
+    /** Number of lines (for text variant) */
+    lines?: number;
+    /** Animate the skeleton */
+    animate?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    animate: boolean;
+    variant: SkeletonVariant;
+    lines: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/feedback/Toast.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Toast } from './Toast.vue';
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const AllTypes: Story;
+export declare const WithContainer: Story;
+export declare const WithoutTitle: Story;

package/dist/components/feedback/Toast.vue.d.ts

@@ -0,0 +1,23 @@
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+type __VLS_Props = {
+    /** Toast message */
+    message: string;
+    /** Toast type */
+    type?: ToastType;
+    /** Title (optional) */
+    title?: string;
+    /** Show close button */
+    closable?: boolean;
+    /** Duration in ms (0 = no auto-close) */
+    duration?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    type: ToastType;
+    duration: number;
+    closable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/feedback/ToastContainer.vue.d.ts

@@ -0,0 +1,22 @@
+import { ToastType } from './Toast.vue';
+export interface ToastItem {
+    id: string;
+    message: string;
+    type?: ToastType;
+    title?: string;
+    duration?: number;
+}
+type __VLS_Props = {
+    /** Array of toast items */
+    toasts: ToastItem[];
+    /** Position of the container */
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((id: string) => any) | undefined;
+}>, {
+    position: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/feedback/index.cjs

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EmptyState_vue_vue_type_script_setup_true_lang = require("../../EmptyState.vue_vue_type_script_setup_true_lang-DzDK0MZi.cjs");
-exports.Alert = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$5;
-exports.EmptyState = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$6;
-exports.LoadingSpinner = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.Modal = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$1;
-exports.NotificationComponent = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$3;
-exports.NotificationList = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$4;
-exports.PaginationControls = EmptyState_vue_vue_type_script_setup_true_lang._sfc_main$2;
+const Skeleton_vue_vue_type_script_setup_true_lang = require("../../Skeleton.vue_vue_type_script_setup_true_lang-D2S5g9s5.cjs");
+exports.Alert = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$5;
+exports.EmptyState = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$6;
+exports.LoadingSpinner = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.Modal = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$1;
+exports.NotificationComponent = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$3;
+exports.NotificationList = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$4;
+exports.PaginationControls = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$2;
+exports.Progress = Skeleton_vue_vue_type_script_setup_true_lang.Progress;
+exports.Skeleton = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$9;
+exports.Toast = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$7;
+exports.ToastContainer = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$8;
 //# sourceMappingURL=index.cjs.map

package/dist/components/feedback/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

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

@@ -5,4 +5,12 @@ export { default as NotificationComponent } from './NotificationComponent.vue';
 export { default as NotificationList } from './NotificationList.vue';
 export { default as Alert } from './Alert.vue';
 export { default as EmptyState } from './EmptyState.vue';
+export { default as Toast } from './Toast.vue';
+export { default as ToastContainer } from './ToastContainer.vue';
+export { default as Progress } from './Progress.vue';
+export { default as Skeleton } from './Skeleton.vue';
 export type { AlertVariant } from './Alert.vue';
+export type { ToastType } from './Toast.vue';
+export type { ToastItem } from './ToastContainer.vue';
+export type { ProgressSize, ProgressVariant } from './Progress.vue';
+export type { SkeletonVariant } from './Skeleton.vue';