@shellicar/ui-shadcn 1.0.3 → 1.0.5

package/dist/components/ui/separator/separator.svelte

@@ -1,15 +1,20 @@
 <script lang="ts">
-import type { Separator as SeparatorPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
+	import { Separator as SeparatorPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, 'data-slot': dataSlot = 'separator', ...restProps }: SeparatorPrimitive.RootProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		"data-slot": dataSlot = "separator",
+		...restProps
+	}: SeparatorPrimitive.RootProps = $props();
 </script>
 
 <SeparatorPrimitive.Root
 	bind:ref
 	data-slot={dataSlot}
 	class={cn(
-		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:min-h-full data-[orientation=vertical]:w-px",
 		className
 	)}
 	{...restProps}

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

@@ -1,4 +1,4 @@
-import type { Separator as SeparatorPrimitive } from 'bits-ui';
+import { Separator as SeparatorPrimitive } from "bits-ui";
 declare const Separator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
 type Separator = ReturnType<typeof Separator>;
 export default Separator;

package/dist/components/ui/sheet/index.d.ts

@@ -1,11 +1,11 @@
-import Root from './sheet.svelte';
-import Close from './sheet-close.svelte';
-import Content from './sheet-content.svelte';
-import Description from './sheet-description.svelte';
-import Footer from './sheet-footer.svelte';
-import Header from './sheet-header.svelte';
-import Overlay from './sheet-overlay.svelte';
-import Portal from './sheet-portal.svelte';
-import Title from './sheet-title.svelte';
-import Trigger from './sheet-trigger.svelte';
+import Root from "./sheet.svelte";
+import Portal from "./sheet-portal.svelte";
+import Trigger from "./sheet-trigger.svelte";
+import Close from "./sheet-close.svelte";
+import Overlay from "./sheet-overlay.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Footer from "./sheet-footer.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
 export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };

package/dist/components/ui/sheet/index.js

@@ -1,13 +1,13 @@
-import Root from './sheet.svelte';
-import Close from './sheet-close.svelte';
-import Content from './sheet-content.svelte';
-import Description from './sheet-description.svelte';
-import Footer from './sheet-footer.svelte';
-import Header from './sheet-header.svelte';
-import Overlay from './sheet-overlay.svelte';
-import Portal from './sheet-portal.svelte';
-import Title from './sheet-title.svelte';
-import Trigger from './sheet-trigger.svelte';
+import Root from "./sheet.svelte";
+import Portal from "./sheet-portal.svelte";
+import Trigger from "./sheet-trigger.svelte";
+import Close from "./sheet-close.svelte";
+import Overlay from "./sheet-overlay.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Footer from "./sheet-footer.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
 export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, 
 //
 Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };

package/dist/components/ui/sheet/sheet-close.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+	import { Dialog as SheetPrimitive } from "bits-ui";
 
-const { ref = $bindable(null), ...restProps }: SheetPrimitive.CloseProps = $props();
+	let { ref = $bindable(null), ...restProps }: SheetPrimitive.CloseProps = $props();
 </script>
 
 <SheetPrimitive.Close bind:ref data-slot="sheet-close" {...restProps} />

package/dist/components/ui/sheet/sheet-close.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+import { Dialog as SheetPrimitive } from "bits-ui";
 declare const SheetClose: import("svelte").Component<SheetPrimitive.TriggerProps, {}, "ref">;
 type SheetClose = ReturnType<typeof SheetClose>;
 export default SheetClose;

package/dist/components/ui/sheet/sheet-content.svelte

@@ -1,21 +1,21 @@
 <script lang="ts" module>
-import { tv, type VariantProps } from 'tailwind-variants';
-export const sheetVariants = tv({
-  base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
-  variants: {
-    side: {
-      top: 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
-      bottom: 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
-      left: 'data-[state=closed]:slide-out-to-start data-[state=open]:slide-in-from-start inset-y-0 start-0 h-full w-3/4 border-e sm:max-w-sm',
-      right: 'data-[state=closed]:slide-out-to-end data-[state=open]:slide-in-from-end inset-y-0 end-0 h-full w-3/4 border-s sm:max-w-sm',
-    },
-  },
-  defaultVariants: {
-    side: 'right',
-  },
-});
+	import { tv, type VariantProps } from "tailwind-variants";
+	export const sheetVariants = tv({
+		base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+		variants: {
+			side: {
+				top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+				bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+				left: "data-[state=closed]:slide-out-to-start data-[state=open]:slide-in-from-start inset-y-0 start-0 h-full w-3/4 border-e sm:max-w-sm",
+				right: "data-[state=closed]:slide-out-to-end data-[state=open]:slide-in-from-end inset-y-0 end-0 h-full w-3/4 border-s sm:max-w-sm",
+			},
+		},
+		defaultVariants: {
+			side: "right",
+		},
+	});
 
-export type Side = VariantProps<typeof sheetVariants>['side'];
+	export type Side = VariantProps<typeof sheetVariants>["side"];
 </script>
 
 <script lang="ts">

package/dist/components/ui/sheet/sheet-content.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'tailwind-variants';
+import { type VariantProps } from "tailwind-variants";
 export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
     side: {
         top: string;
@@ -21,7 +21,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         right: string;
     };
 }, undefined, "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", unknown, unknown, undefined>>;
-export type Side = VariantProps<typeof sheetVariants>['side'];
+export type Side = VariantProps<typeof sheetVariants>["side"];
 import { Dialog as SheetPrimitive } from "bits-ui";
 import type { Snippet } from "svelte";
 import SheetPortal from "./sheet-portal.svelte";

package/dist/components/ui/sheet/sheet-description.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-import type { Dialog as SheetPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
+	import { Dialog as SheetPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, ...restProps }: SheetPrimitive.DescriptionProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SheetPrimitive.DescriptionProps = $props();
 </script>
 
 <SheetPrimitive.Description

package/dist/components/ui/sheet/sheet-description.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+import { Dialog as SheetPrimitive } from "bits-ui";
 declare const SheetDescription: import("svelte").Component<SheetPrimitive.DescriptionProps, {}, "ref">;
 type SheetDescription = ReturnType<typeof SheetDescription>;
 export default SheetDescription;

package/dist/components/ui/sheet/sheet-footer.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div

package/dist/components/ui/sheet/sheet-footer.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from 'svelte/elements';
-import { type WithElementRef } from '../../../utils.js';
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
 declare const SheetFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type SheetFooter = ReturnType<typeof SheetFooter>;
 export default SheetFooter;

package/dist/components/ui/sheet/sheet-header.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div

package/dist/components/ui/sheet/sheet-header.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from 'svelte/elements';
-import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from "svelte/elements";
+import { type WithElementRef } from "../../../utils.js";
 declare const SheetHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type SheetHeader = ReturnType<typeof SheetHeader>;
 export default SheetHeader;

package/dist/components/ui/sheet/sheet-overlay.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-import type { Dialog as SheetPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
+	import { Dialog as SheetPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, ...restProps }: SheetPrimitive.OverlayProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SheetPrimitive.OverlayProps = $props();
 </script>
 
 <SheetPrimitive.Overlay

package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+import { Dialog as SheetPrimitive } from "bits-ui";
 declare const SheetOverlay: import("svelte").Component<SheetPrimitive.OverlayProps, {}, "ref">;
 type SheetOverlay = ReturnType<typeof SheetOverlay>;
 export default SheetOverlay;

package/dist/components/ui/sheet/sheet-portal.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+	import { Dialog as SheetPrimitive } from "bits-ui";
 
-const { ...restProps }: SheetPrimitive.PortalProps = $props();
+	let { ...restProps }: SheetPrimitive.PortalProps = $props();
 </script>
 
 <SheetPrimitive.Portal {...restProps} />

package/dist/components/ui/sheet/sheet-title.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-import type { Dialog as SheetPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
+	import { Dialog as SheetPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
 
-const { ref = $bindable(null), class: className, ...restProps }: SheetPrimitive.TitleProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SheetPrimitive.TitleProps = $props();
 </script>
 
 <SheetPrimitive.Title

package/dist/components/ui/sheet/sheet-title.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+import { Dialog as SheetPrimitive } from "bits-ui";
 declare const SheetTitle: import("svelte").Component<SheetPrimitive.TitleProps, {}, "ref">;
 type SheetTitle = ReturnType<typeof SheetTitle>;
 export default SheetTitle;

package/dist/components/ui/sheet/sheet-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+	import { Dialog as SheetPrimitive } from "bits-ui";
 
-const { ref = $bindable(null), ...restProps }: SheetPrimitive.TriggerProps = $props();
+	let { ref = $bindable(null), ...restProps }: SheetPrimitive.TriggerProps = $props();
 </script>
 
 <SheetPrimitive.Trigger bind:ref data-slot="sheet-trigger" {...restProps} />

package/dist/components/ui/sheet/sheet-trigger.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+import { Dialog as SheetPrimitive } from "bits-ui";
 declare const SheetTrigger: import("svelte").Component<SheetPrimitive.TriggerProps, {}, "ref">;
 type SheetTrigger = ReturnType<typeof SheetTrigger>;
 export default SheetTrigger;

package/dist/components/ui/sheet/sheet.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { Dialog as SheetPrimitive } from 'bits-ui';
+	import { Dialog as SheetPrimitive } from "bits-ui";
 
-const { open = $bindable(false), ...restProps }: SheetPrimitive.RootProps = $props();
+	let { open = $bindable(false), ...restProps }: SheetPrimitive.RootProps = $props();
 </script>
 
 <SheetPrimitive.Root bind:open {...restProps} />

package/dist/components/ui/textarea/index.d.ts

@@ -1,2 +1,2 @@
-import Root from './textarea.svelte';
+import Root from "./textarea.svelte";
 export { Root, Root as Textarea, };

package/dist/components/ui/textarea/index.js

@@ -1,4 +1,4 @@
-import Root from './textarea.svelte';
+import Root from "./textarea.svelte";
 export { Root, 
 //
 Root as Textarea, };

package/dist/components/ui/textarea/textarea.svelte

@@ -1,8 +1,14 @@
 <script lang="ts">
-import type { HTMLTextareaAttributes } from 'svelte/elements';
-import { cn, type WithElementRef, type WithoutChildren } from '../../../utils.js';
+	import { cn, type WithElementRef, type WithoutChildren } from "../../../utils.js";
+	import type { HTMLTextareaAttributes } from "svelte/elements";
 
-const { ref = $bindable(null), value = $bindable(), class: className, 'data-slot': dataSlot = 'textarea', ...restProps }: WithoutChildren<WithElementRef<HTMLTextareaAttributes>> = $props();
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		"data-slot": dataSlot = "textarea",
+		...restProps
+	}: WithoutChildren<WithElementRef<HTMLTextareaAttributes>> = $props();
 </script>
 
 <textarea

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

@@ -1,5 +1,5 @@
-import type { HTMLTextareaAttributes } from 'svelte/elements';
-import { type WithElementRef } from '../../../utils.js';
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLTextareaAttributes } from "svelte/elements";
 declare const Textarea: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "ref" | "value">;
 type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shellicar/ui-shadcn",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.5",
   "type": "module",
   "license": "MIT",
   "author": "Stephen Hellicar",
@@ -44,15 +44,22 @@
     "*.md"
   ],
   "peerDependencies": {
+    "@lucide/svelte": "^0.500.0",
     "@tailwindcss/forms": "^0.5.0",
     "@tailwindcss/typography": "^0.5.0",
+    "bits-ui": "^2.0.0",
+    "clsx": "^2.0.0",
+    "formsnap": "^2.0.0",
     "svelte": "^5.0.0",
+    "sveltekit-superforms": "^2.0.0",
+    "tailwind-merge": "^3.0.0",
+    "tailwind-variants": "^3.0.0",
     "tailwindcss": "^4.0.0",
     "tw-animate-css": "^1.0.0"
   },
   "devDependencies": {
     "@internationalized/date": "^3.11.0",
-    "@lucide/svelte": "^0.575.0",
+    "@lucide/svelte": "^0.561.0",
     "@sveltejs/adapter-auto": "^7.0.1",
     "@sveltejs/kit": "^2.53.4",
     "@sveltejs/package": "^2.5.7",