podo-ui 1.0.0 → 1.0.2

package/dist/svelte/molecule/DatePicker.svelte.d.ts

@@ -0,0 +1,71 @@
+export type DatePickerMode = 'instant' | 'period';
+export type DatePickerType = 'date' | 'time' | 'datetime';
+export interface TimeValue {
+    hour: number;
+    minute: number;
+}
+export interface DatePickerValue {
+    date?: Date;
+    time?: TimeValue;
+    endDate?: Date;
+    endTime?: TimeValue;
+}
+export interface DateRange {
+    from: Date;
+    to: Date;
+}
+export type DateCondition = Date | DateRange | ((date: Date) => boolean);
+export interface DateTimeLimit {
+    date: Date;
+    time?: TimeValue;
+}
+export type MinuteStep = 1 | 5 | 10 | 15 | 20 | 30;
+export interface YearRange {
+    min?: number;
+    max?: number;
+}
+export type CalendarInitial = 'now' | 'prevMonth' | 'nextMonth' | Date;
+export interface InitialCalendar {
+    start?: CalendarInitial;
+    end?: CalendarInitial;
+}
+interface Props {
+    /** Selection mode: instant | period */
+    mode?: DatePickerMode;
+    /** Value type: date | time | datetime */
+    type?: DatePickerType;
+    /** Selected value */
+    value?: DatePickerValue;
+    /** Value change handler */
+    onchange?: (value: DatePickerValue) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show action buttons (default true for period mode) */
+    showActions?: boolean;
+    /** Dropdown alignment */
+    align?: 'left' | 'right';
+    /** Additional class name */
+    class?: string;
+    /** Disabled date conditions */
+    disable?: DateCondition[];
+    /** Enabled date conditions (only these dates are selectable) */
+    enable?: DateCondition[];
+    /** Minimum selectable date */
+    minDate?: Date | DateTimeLimit;
+    /** Maximum selectable date */
+    maxDate?: Date | DateTimeLimit;
+    /** Minute selection step */
+    minuteStep?: MinuteStep;
+    /** Date/time format pattern */
+    format?: string;
+    /** Initial calendar display month for period mode */
+    initialCalendar?: InitialCalendar;
+    /** Year selection range */
+    yearRange?: YearRange;
+}
+type $$ComponentProps = Props & Record<string, unknown>;
+declare const DatePicker: import("svelte").Component<$$ComponentProps, {}, "value">;
+type DatePicker = ReturnType<typeof DatePicker>;
+export default DatePicker;

package/dist/svelte/molecule/Field.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
   import type { z } from 'zod';
+  import { ZodError } from 'zod';
   import styles from './field.module.scss';
 
   interface Props {
@@ -34,7 +35,8 @@
     validator,
     value = '',
     class: className = '',
-  }: Props = $props();
+    ...rest
+  }: Props & Record<string, unknown> = $props();
 
   let message = $state('');
   let statusClass = $state('');
@@ -48,7 +50,7 @@
         validator.parse(value);
         statusClass = 'success';
       } catch (e) {
-        if (e instanceof (await import('zod')).ZodError) {
+        if (e instanceof ZodError) {
           message = e.errors[0].message;
           statusClass = 'danger';
         }
@@ -57,7 +59,7 @@
   });
 </script>
 
-<div class="{styles.style} {className}">
+<div class="{styles.style} {className}" {...rest}>
   {#if label}
     <label class={labelClass}>
       {label}

package/dist/svelte/molecule/Field.svelte.d.ts

@@ -20,6 +20,7 @@ interface Props {
     /** Additional class name */
     class?: string;
 }
-declare const Field: import("svelte").Component<Props, {}, "">;
+type $$ComponentProps = Props & Record<string, unknown>;
+declare const Field: import("svelte").Component<$$ComponentProps, {}, "">;
 type Field = ReturnType<typeof Field>;
 export default Field;

package/dist/svelte/molecule/Pagination.svelte

@@ -17,7 +17,8 @@
     totalPages,
     onpagechange,
     maxVisiblePages = 5,
-  }: Props = $props();
+    ...rest
+  }: Props & Record<string, unknown> = $props();
 
   function getPageNumbers(): number[] {
     const pages: number[] = [];
@@ -55,7 +56,7 @@
 </script>
 
 {#if totalPages > 0}
-  <div class={styles.pagination}>
+  <div class={styles.pagination} {...rest}>
     {#if currentPage > 1}
       <button
         onclick={handlePrevious}

package/dist/svelte/molecule/Pagination.svelte.d.ts

@@ -8,6 +8,7 @@ interface Props {
     /** Maximum visible page numbers */
     maxVisiblePages?: number;
 }
-declare const Pagination: import("svelte").Component<Props, {}, "currentPage">;
+type $$ComponentProps = Props & Record<string, unknown>;
+declare const Pagination: import("svelte").Component<$$ComponentProps, {}, "currentPage">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

package/dist/svelte/molecule/Tab.svelte

@@ -32,7 +32,8 @@
     fill = false,
     onchange,
     class: className = '',
-  }: Props = $props();
+    ...rest
+  }: Props & Record<string, unknown> = $props();
 
   let internalActiveKey = $state(defaultActiveKey || items[0]?.key);
 
@@ -49,7 +50,7 @@
   );
 </script>
 
-<ul class={tabsClass}>
+<ul class={tabsClass} {...rest}>
   {#each items as item (item.key)}
     <li class={activeKey === item.key ? 'on' : undefined}>
       <a

package/dist/svelte/molecule/Tab.svelte.d.ts

@@ -20,6 +20,7 @@ interface Props {
     /** Additional class name */
     class?: string;
 }
-declare const Tab: import("svelte").Component<Props, {}, "">;
+type $$ComponentProps = Props & Record<string, unknown>;
+declare const Tab: import("svelte").Component<$$ComponentProps, {}, "">;
 type Tab = ReturnType<typeof Tab>;
 export default Tab;

package/dist/svelte/molecule/Table.svelte

@@ -44,7 +44,8 @@
     fill = false,
     onrowclick,
     class: className = '',
-  }: Props = $props();
+    ...rest
+  }: Props & Record<string, unknown> = $props();
 
   function getRowKey(record: T, index: number): string {
     if (typeof rowKey === 'function') {
@@ -71,7 +72,7 @@
   );
 </script>
 
-<table class={tableClass || undefined}>
+<table class={tableClass || undefined} {...rest}>
   <thead>
     <tr>
       {#each columns as col (col.key)}

package/dist/svelte/molecule/Table.svelte.d.ts

@@ -29,7 +29,7 @@ declare function $$render<T extends Record<string, unknown>>(): {
         onrowclick?: (record: T, index: number) => void;
         /** Additional class name */
         class?: string;
-    };
+    } & Record<string, unknown>;
     exports: {};
     bindings: "";
     slots: {};

package/dist/svelte/molecule/Toast.svelte

@@ -35,7 +35,8 @@
     duration = 3000,
     width,
     onclose,
-  }: Props = $props();
+    ...rest
+  }: Props & Record<string, unknown> = $props();
 
   let isVisible = $state(false);
   let isClosing = $state(false);
@@ -98,7 +99,7 @@
   }
 </script>
 
-<div class={toastClasses} style={toastStyle}>
+<div class={toastClasses} style={toastStyle} {...rest}>
   <i class={getIcon()}></i>
   <div class="toast-content">
     {#if header && !long}

package/dist/svelte/molecule/Toast.svelte.d.ts

@@ -19,6 +19,7 @@ interface Props {
     /** Close callback */
     onclose: (id: string) => void;
 }
-declare const Toast: import("svelte").Component<Props, {}, "">;
+type $$ComponentProps = Props & Record<string, unknown>;
+declare const Toast: import("svelte").Component<$$ComponentProps, {}, "">;
 type Toast = ReturnType<typeof Toast>;
 export default Toast;

package/global.scss

@@ -32,6 +32,7 @@
 */
 @forward './scss/icon/icon';
 @forward './scss/icon/function';
+@use './scss/icon/icon';
 
 /*
   Button

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "podo-ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "author": "hada0127 <work@tarucy.net>",
   "license": "MIT",

package/vite-fonts.scss

@@ -4,6 +4,6 @@
 // 아이콘 폰트
 @font-face {
   font-family: 'podo-ui-icon';
-  src: url(podo-ui/scss/icon/font/icon.woff) format('woff');
+  src: url('./scss/icon/font/icon.woff') format('woff');
   font-display: swap;
 }