@classic-homes/theme-svelte 0.1.0 → 0.1.1

package/dist/lib/components/AlertDialog.svelte

@@ -81,7 +81,7 @@
 
 <AlertDialogPrimitive.Root bind:open onOpenChange={handleOpenChange}>
   {#if trigger}
-    <AlertDialogPrimitive.Trigger asChild>
+    <AlertDialogPrimitive.Trigger>
       {#snippet child({ props })}
         <span {...props}>
           {@render trigger()}

package/dist/lib/components/DataTable.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" generics="T extends Record<string, unknown>">
+<script lang="ts" generics="T extends object">
   /**
    * DataTable - A sortable, accessible data table component
    *

package/dist/lib/components/DataTable.svelte.d.ts

@@ -52,7 +52,7 @@
    */
 import type { DataTableColumn } from '../types/components.js';
 import type { Snippet } from 'svelte';
-declare function $$render<T extends Record<string, unknown>>(): {
+declare function $$render<T extends object>(): {
     props: {
         /** Array of data rows */
         data: T[];
@@ -84,7 +84,7 @@ declare function $$render<T extends Record<string, unknown>>(): {
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends Record<string, unknown>> {
+declare class __sveltets_Render<T extends object> {
     props(): ReturnType<typeof $$render<T>>['props'];
     events(): ReturnType<typeof $$render<T>>['events'];
     slots(): ReturnType<typeof $$render<T>>['slots'];
@@ -92,12 +92,12 @@ declare class __sveltets_Render<T extends Record<string, unknown>> {
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+    new <T extends object>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
     } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends object>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const DataTable: $$IsomorphicComponent;
-type DataTable<T extends Record<string, unknown>> = InstanceType<typeof DataTable<T>>;
+type DataTable<T extends object> = InstanceType<typeof DataTable<T>>;
 export default DataTable;

package/dist/lib/components/Dialog.svelte

@@ -41,7 +41,7 @@
 
 <DialogPrimitive.Root bind:open onOpenChange={handleOpenChange}>
   {#if trigger}
-    <DialogPrimitive.Trigger asChild>
+    <DialogPrimitive.Trigger>
       {#snippet child({ props })}
         <span {...props}>
           {@render trigger()}

package/dist/lib/components/DropdownMenu.svelte

@@ -56,7 +56,7 @@
 </script>
 
 <DropdownMenuPrimitive.Root bind:open onOpenChange={handleOpenChange}>
-  <DropdownMenuPrimitive.Trigger asChild>
+  <DropdownMenuPrimitive.Trigger>
     {#snippet child({ props })}
       <span {...props}>
         {@render trigger()}

package/dist/lib/components/FormField.svelte

@@ -9,8 +9,8 @@
     label: string;
     /** Input ID for association */
     id: string;
-    /** Input type (text, email, password, tel, url, number, textarea) */
-    type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'number' | 'textarea';
+    /** Input type (text, email, password, tel, url, number, date, textarea) */
+    type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'number' | 'date' | 'textarea';
     /** Field value (bindable) */
     value?: string;
     /** Error message */

package/dist/lib/components/FormField.svelte.d.ts

@@ -3,8 +3,8 @@ interface Props {
     label: string;
     /** Input ID for association */
     id: string;
-    /** Input type (text, email, password, tel, url, number, textarea) */
-    type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'number' | 'textarea';
+    /** Input type (text, email, password, tel, url, number, date, textarea) */
+    type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'number' | 'date' | 'textarea';
     /** Field value (bindable) */
     value?: string;
     /** Error message */

package/dist/lib/components/Select.svelte

@@ -33,6 +33,10 @@
     class?: string;
     /** Optional label */
     label?: string;
+    /** Element ID for accessibility */
+    id?: string;
+    /** Error message to display */
+    error?: string;
   }
 
   let {
@@ -45,6 +49,8 @@
     required = false,
     class: className,
     label,
+    id,
+    error,
   }: Props = $props();
 
   // Validate props in development
@@ -111,11 +117,14 @@
   onValueChange={handleValueChange}
 >
   <SelectPrimitive.Trigger
+    {id}
     class={cn(
       'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
+      error && 'border-destructive focus:ring-destructive',
       className
     )}
     aria-label={label || placeholder}
+    aria-invalid={error ? 'true' : undefined}
   >
     <span class={value ? '' : 'text-muted-foreground'}>
       {selectedLabel || placeholder}
@@ -172,3 +181,9 @@
     </div>
   </SelectPrimitive.Content>
 </SelectPrimitive.Root>
+
+{#if error}
+  <p class="text-sm text-destructive mt-1.5" role="alert">
+    {error}
+  </p>
+{/if}

package/dist/lib/components/Select.svelte.d.ts

@@ -26,6 +26,10 @@ interface Props {
     class?: string;
     /** Optional label */
     label?: string;
+    /** Element ID for accessibility */
+    id?: string;
+    /** Error message to display */
+    error?: string;
 }
 declare const Select: import("svelte").Component<Props, {}, "value">;
 type Select = ReturnType<typeof Select>;

package/dist/lib/components/Tooltip.svelte

@@ -30,7 +30,7 @@
 
 <TooltipPrimitive.Provider>
   <TooltipPrimitive.Root {delayDuration}>
-    <TooltipPrimitive.Trigger asChild>
+    <TooltipPrimitive.Trigger>
       {#snippet child({ props })}
         <span {...props} class="inline-flex">
           {@render children()}

package/dist/lib/performance.js

@@ -19,31 +19,8 @@
  * });
  * ```
  */
-// Detect development mode
-const getIsDev = () => {
-    try {
-        // @ts-expect-error - import.meta.env may not exist
-        if (typeof import.meta !== 'undefined' && import.meta.env?.DEV !== undefined) {
-            // @ts-expect-error - accessing env.DEV
-            return import.meta.env.DEV === true;
-        }
-    }
-    catch {
-        // Ignore
-    }
-    try {
-        // @ts-expect-error - process may not exist
-        if (typeof process !== 'undefined' && process.env?.NODE_ENV !== undefined) {
-            // @ts-expect-error - accessing process.env
-            return process.env.NODE_ENV !== 'production';
-        }
-    }
-    catch {
-        // Ignore
-    }
-    return false;
-};
-const isDev = getIsDev();
+import { DEV } from 'esm-env';
+const isDev = DEV;
 const marks = new Map();
 /** Threshold in ms for logging slow operations (1 frame at 60fps) */
 const SLOW_THRESHOLD = 16;

package/dist/lib/types/components.d.ts

@@ -7,16 +7,13 @@
 /**
  * Dropdown Menu Types
  */
-import type { Snippet } from 'svelte';
 export interface DropdownMenuItem {
-    type?: 'item' | 'checkbox' | 'radio' | 'separator' | 'label';
+    type?: 'item' | 'separator' | 'label';
     label?: string;
     value?: string;
     disabled?: boolean;
-    checked?: boolean;
     onSelect?: () => void;
     destructive?: boolean;
-    icon?: Snippet;
     shortcut?: string;
 }
 export interface DropdownMenuGroup {
@@ -67,7 +64,7 @@ export interface FileMetadata {
 /**
  * DataTable Types
  */
-export interface DataTableColumn<T = Record<string, unknown>> {
+export interface DataTableColumn<T = object> {
     /** Unique column identifier */
     id: string;
     /** Column header text */

package/dist/lib/validation.js

@@ -4,34 +4,8 @@
  * These utilities provide development-time warnings for common prop mistakes.
  * They are designed to be tree-shaken in production builds.
  */
-// Detect development mode in a way that works across different environments
-const getIsDev = () => {
-    try {
-        // Vite/SvelteKit environment
-        // @ts-expect-error - import.meta.env may not exist in all environments
-        if (typeof import.meta !== 'undefined' && import.meta.env?.DEV !== undefined) {
-            // @ts-expect-error - accessing env.DEV
-            return import.meta.env.DEV === true;
-        }
-    }
-    catch {
-        // Ignore errors from import.meta access
-    }
-    try {
-        // Node.js environment
-        // @ts-expect-error - process may not exist in browser
-        if (typeof process !== 'undefined' && process.env?.NODE_ENV !== undefined) {
-            // @ts-expect-error - accessing process.env
-            return process.env.NODE_ENV !== 'production';
-        }
-    }
-    catch {
-        // Ignore errors from process access
-    }
-    // Default to false (production mode) if we can't determine
-    return false;
-};
-const isDev = getIsDev();
+import { DEV } from 'esm-env';
+const isDev = DEV;
 /**
  * Validate that a required array prop is non-empty
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/theme-svelte",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Svelte components for the Classic theme system",
   "type": "module",
   "svelte": "./dist/lib/index.js",
@@ -43,6 +43,7 @@
     "@classic-homes/theme-tokens": "*",
     "bits-ui": "^1.0.0",
     "clsx": "^2.1.0",
+    "esm-env": "1.2.2",
     "tailwind-merge": "^2.2.0",
     "tailwind-variants": "^0.3.0",
     "zod": "^3.23.0"