includio-cms 0.1.3 → 0.5.0

package/dist/components/ui/button/button.stories.svelte

@@ -0,0 +1,43 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Button } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Actions/Button',
+		component: Button,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Primary">
+	<Button>Opublikuj</Button>
+</Story>
+
+<Story name="Outline Small">
+	<Button variant="outline" size="sm">Otwórz stronę</Button>
+</Story>
+
+<Story name="Ghost">
+	<Button variant="ghost">Anuluj</Button>
+</Story>
+
+<Story name="Destructive">
+	<Button variant="destructive">Archiwizuj wpis</Button>
+</Story>
+
+<Story name="Icon">
+	<Button variant="ghost" size="icon">
+		<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.47 3.24l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-3.24-2.47l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 3.24-2.47l.06.06A1.65 1.65 0 0 0 9 4.68V3a2 2 0 0 1 4 0v.09c.04.63.36 1.2 1 1.51a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.47 3.24l-.06.06A1.65 1.65 0 0 0 19.4 9c.33.58.87.96 1.51 1H21a2 2 0 0 1 0 4h-.09c-.63.04-1.2.36-1.51 1z"/></svg>
+	</Button>
+</Story>
+
+<Story name="Toolbar">
+	<div style="display:flex;gap:2px;padding:8px;background:var(--muted);border-radius:8px;">
+		<Button variant="ghost" size="icon-sm">
+			<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/></svg>
+		</Button>
+		<Button variant="ghost" size="icon-sm">
+			<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>
+		</Button>
+	</div>
+</Story>

package/dist/components/ui/button/button.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Button;
+type Button = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Button: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Button } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/button/button.svelte

@@ -11,11 +11,10 @@
 				destructive:
 					"bg-destructive shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white",
 				outline:
-					"bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-slate-800/40 dark:border-white/10 dark:hover:bg-slate-700/50 dark:shadow-[inset_0_1px_0_rgb(255_255_255/0.05)] border",
+					"bg-background shadow-xs hover:bg-accent hover:text-accent-foreground border",
 				secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
 				ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
 				link: "text-primary underline-offset-4 hover:underline",
-				gradient: "rounded-full bg-gradient-to-r from-[#2D4A77] to-[#4975AE] text-white shadow-lg hover:-translate-y-0.5 hover:shadow-xl transition-all",
 			},
 			size: {
 				default: "h-9 px-4 py-2 has-[>svg]:px-3",

package/dist/components/ui/button/button.svelte.d.ts

@@ -9,7 +9,6 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         ghost: string;
         link: string;
-        gradient: string;
     };
     size: {
         default: string;
@@ -27,7 +26,6 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         ghost: string;
         link: string;
-        gradient: string;
     };
     size: {
         default: string;
@@ -45,7 +43,6 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         ghost: string;
         link: string;
-        gradient: string;
     };
     size: {
         default: string;

package/dist/components/ui/button-group/button-group-separator.svelte.d.ts

@@ -1,7 +1,7 @@
 declare const ButtonGroupSeparator: import("svelte").Component<Omit<{
     orientation?: import("bits-ui").Orientation;
     decorative?: boolean;
-}, "child" | "children"> & {
+}, "children" | "child"> & {
     child?: import("svelte").Snippet<[{
         props: Record<string, unknown>;
     }]> | undefined;

package/dist/components/ui/card/card.stories.svelte

@@ -0,0 +1,42 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Card, CardHeader, CardTitle, CardContent } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Layout/Card',
+		component: Card,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Zone Card">
+	<div style="max-width:600px;">
+		<Card>
+			<CardHeader>
+				<div style="display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-light);">
+					<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>
+					Formularz
+				</div>
+			</CardHeader>
+			<CardContent>
+				<p style="font-size:14px;color:var(--muted-foreground);">Zawartość karty strefy formularza...</p>
+			</CardContent>
+		</Card>
+	</div>
+</Story>
+
+<Story name="Sidebar Card">
+	<div style="max-width:320px;">
+		<Card>
+			<CardHeader>
+				<CardTitle style="font-size:13px;display:flex;align-items:center;gap:6px;">
+					<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+					Metadane
+				</CardTitle>
+			</CardHeader>
+			<CardContent>
+				<p style="font-size:13px;color:var(--muted-foreground);">Autor, kategoria, data...</p>
+			</CardContent>
+		</Card>
+	</div>
+</Story>

package/dist/components/ui/card/card.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Card;
+type Card = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Card: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Card } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/command/command.stories.svelte

@@ -0,0 +1,51 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Command, CommandInput, CommandList, CommandGroup, CommandItem, CommandEmpty } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Navigation/Command',
+		component: Command,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Slash Popup">
+	<div style="max-width:300px;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xl);overflow:hidden;">
+		<Command>
+			<CommandInput placeholder="Szukaj bloków..." />
+			<CommandList>
+				<CommandEmpty>Nie znaleziono</CommandEmpty>
+				<CommandGroup heading="Tekst">
+					<CommandItem>
+						<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="18" y2="18"/></svg>
+						<span>Paragraf</span>
+					</CommandItem>
+					<CommandItem>
+						<span style="font-weight:800;font-size:12px;">H2</span>
+						<span>Nagłówek 2</span>
+					</CommandItem>
+					<CommandItem>
+						<span style="font-weight:800;font-size:12px;">H3</span>
+						<span>Nagłówek 3</span>
+					</CommandItem>
+				</CommandGroup>
+				<CommandGroup heading="Media">
+					<CommandItem>
+						<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
+						<span>Obraz</span>
+					</CommandItem>
+					<CommandItem>
+						<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>
+						<span>Wideo</span>
+					</CommandItem>
+				</CommandGroup>
+				<CommandGroup heading="Bloki">
+					<CommandItem>
+						<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
+						<span>CTA</span>
+					</CommandItem>
+				</CommandGroup>
+			</CommandList>
+		</Command>
+	</div>
+</Story>

package/dist/components/ui/command/command.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Command;
+type Command = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Command: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Command } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/dialog/dialog.stories.svelte

@@ -0,0 +1,29 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogTrigger, DialogFooter } from './index.js';
+	import { Button } from '../button/index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Overlays/Dialog',
+		component: Dialog,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Default">
+	<Dialog>
+		<DialogTrigger>
+			<Button variant="outline">Otwórz dialog</Button>
+		</DialogTrigger>
+		<DialogContent>
+			<DialogHeader>
+				<DialogTitle>Archiwizuj wpis</DialogTitle>
+				<DialogDescription>Czy na pewno chcesz zarchiwizować ten wpis? Będziesz mógł go przywrócić później.</DialogDescription>
+			</DialogHeader>
+			<DialogFooter>
+				<Button variant="ghost">Anuluj</Button>
+				<Button variant="destructive">Archiwizuj</Button>
+			</DialogFooter>
+		</DialogContent>
+	</Dialog>
+</Story>

package/dist/components/ui/dialog/dialog.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Dialog;
+type Dialog = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Dialog: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Dialog } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/field/field-label.svelte.d.ts

@@ -1,4 +1,4 @@
-declare const FieldLabel: import("svelte").Component<Omit<{}, "child" | "children"> & {
+declare const FieldLabel: import("svelte").Component<Omit<{}, "children" | "child"> & {
     child?: import("svelte").Snippet<[{
         props: Record<string, unknown>;
     }]> | undefined;

package/dist/components/ui/field/field.stories.svelte

@@ -0,0 +1,21 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Field, FieldLabel, FieldContent, FieldDescription } from './index.js';
+	import { Input } from '../input/index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Forms/Field',
+		component: Field,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Label + Input + Hint">
+	<div style="max-width:280px;">
+		<Field>
+			<FieldLabel>Ocena <span style="color:var(--destructive);">*</span></FieldLabel>
+			<FieldContent><Input type="number" value="82" min={0} max={100} step={2} /></FieldContent>
+			<FieldDescription>Zakres: 0–100 · Krok: 2</FieldDescription>
+		</Field>
+	</div>
+</Story>

package/dist/components/ui/field/field.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Field;
+type Field = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Field: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Field } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/input/input.stories.svelte

@@ -0,0 +1,40 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Input } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Forms/Input',
+		component: Input,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Default">
+	<div style="max-width:320px;">
+		<Input placeholder="Wpisz tytuł..." />
+	</div>
+</Story>
+
+<Story name="With Value">
+	<div style="max-width:320px;">
+		<Input value="Jak pisać dostępne treści" />
+	</div>
+</Story>
+
+<Story name="Date">
+	<div style="max-width:200px;">
+		<Input type="date" value="2026-02-21" />
+	</div>
+</Story>
+
+<Story name="Time">
+	<div style="max-width:200px;">
+		<Input type="time" />
+	</div>
+</Story>
+
+<Story name="Number">
+	<div style="max-width:160px;">
+		<Input type="number" value="82" min={0} max={100} step={2} />
+	</div>
+</Story>

package/dist/components/ui/input/input.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Input;
+type Input = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Input: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Input } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/input/input.svelte

@@ -25,9 +25,8 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"selection:bg-primary dark:bg-slate-950/40 selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50",
+			"selection:bg-primary selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50",
 			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-			"dark:border-slate-700/60 dark:shadow-[inset_0_2px_4px_rgb(0_0_0/0.15)] dark:focus-visible:border-[#4975AE] dark:focus-visible:ring-[#2D4A77]/30",
 			"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
 			className
 		)}
@@ -41,9 +40,8 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"border-input bg-background selection:bg-primary dark:bg-slate-950/40 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+			"border-input bg-background selection:bg-primary selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-			"dark:border-slate-700/60 dark:shadow-[inset_0_2px_4px_rgb(0_0_0/0.15)] dark:focus-visible:border-[#4975AE] dark:focus-visible:ring-[#2D4A77]/30",
 			"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
 			className
 		)}

package/dist/components/ui/item/item-separator.svelte.d.ts

@@ -1,7 +1,7 @@
 declare const ItemSeparator: import("svelte").Component<Omit<{
     orientation?: import("bits-ui").Orientation;
     decorative?: boolean;
-}, "child" | "children"> & {
+}, "children" | "child"> & {
     child?: import("svelte").Snippet<[{
         props: Record<string, unknown>;
     }]> | undefined;

package/dist/components/ui/label/label.stories.svelte

@@ -0,0 +1,20 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Label } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Forms/Label',
+		component: Label,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Default">
+	<Label>Ocena</Label>
+</Story>
+
+<Story name="Required">
+	<Label>
+		Autor <span style="color:var(--destructive);">*</span>
+	</Label>
+</Story>

package/dist/components/ui/label/label.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Label;
+type Label = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Label: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Label } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/popover/popover.stories.svelte

@@ -0,0 +1,29 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Popover, PopoverContent, PopoverTrigger } from './index.js';
+	import { Badge } from '../badge/index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Overlays/Popover',
+		component: Popover,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Status Popover">
+	<Popover>
+		<PopoverTrigger>
+			<Badge variant="secondary" style="cursor:pointer;">
+				<span style="display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--text-light);"></span>
+				Wersja robocza
+			</Badge>
+		</PopoverTrigger>
+		<PopoverContent>
+			<div style="display:flex;flex-direction:column;gap:8px;">
+				<div style="font-size:13px;font-weight:700;color:var(--foreground);">Zmień status</div>
+				<button style="text-align:left;padding:6px 8px;border:none;background:var(--muted);border-radius:6px;font-size:13px;cursor:pointer;">Wersja robocza</button>
+				<button style="text-align:left;padding:6px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;cursor:pointer;">Opublikowany</button>
+			</div>
+		</PopoverContent>
+	</Popover>
+</Story>

package/dist/components/ui/popover/popover.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Popover;
+type Popover = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Popover: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import { Popover } from './index.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/ui/select/select-group-heading.svelte.d.ts

@@ -1,4 +1,4 @@
-declare const SelectGroupHeading: import("svelte").Component<Omit<{}, "child" | "children"> & {
+declare const SelectGroupHeading: import("svelte").Component<Omit<{}, "children" | "child"> & {
     child?: import("svelte").Snippet<[{
         props: Record<string, unknown>;
     }]> | undefined;

package/dist/components/ui/select/select.stories.svelte

@@ -0,0 +1,23 @@
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { Select, SelectContent, SelectItem, SelectTrigger } from './index.js';
+
+	const { Story } = defineMeta({
+		title: 'UI/Forms/Select',
+		component: Select,
+		tags: ['autodocs'],
+	});
+</script>
+
+<Story name="Default">
+	<div style="max-width:240px;">
+		<Select type="single" value="mid">
+			<SelectTrigger>Wybierz poziom</SelectTrigger>
+			<SelectContent>
+				<SelectItem value="beginner">Początkujący</SelectItem>
+				<SelectItem value="mid">Średniozaawansowany</SelectItem>
+				<SelectItem value="advanced">Zaawansowany</SelectItem>
+			</SelectContent>
+		</Select>
+	</div>
+</Story>