@webamoki/web-svelte 1.2.2 → 2.0.0

package/README.md

@@ -73,7 +73,7 @@ pnpm dev
 
 ---
 
-## Versioning & Releases
+## 🔖 Versioning & Releases
 
 We use **Semantic Versioning** managed automatically by `semantic-release`.
 
@@ -121,6 +121,8 @@ ci: blah                   // No versioning - not standard
 
 ### Breaking Changes
 
+Commits with a breaking change automatically trigger a `major` version bump.
+
 For breaking changes, you must append `!` before the colon in the commit header as such:
 
 ```

package/dist/components/showcase/CodeBlock.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { highlight } from '../../highlight.js';
+  import { highlight } from '../../utils/highlight.js';
   import { onMount } from 'svelte';
 
   export let language: string = 'svelte';

package/dist/{components → shared/components}/form/Button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { ButtonProps } from '../../shadcn/components/ui/button/index.js';
+  import type { ButtonProps } from '../../../shadcn/components/ui/button/index.js';
 
-  import { Button } from '../../shadcn/components/ui/button/index.js';
+  import { Button } from '../../../shadcn/components/ui/button/index.js';
   import Loader2Icon from '@lucide/svelte/icons/loader-2';
 
   type Props = ButtonProps & {

package/dist/{components → shared/components}/form/Button.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps } from '../../shadcn/components/ui/button/index.js';
-import { Button } from '../../shadcn/components/ui/button/index.js';
+import type { ButtonProps } from '../../../shadcn/components/ui/button/index.js';
+import { Button } from '../../../shadcn/components/ui/button/index.js';
 type Props = ButtonProps & {
     class?: string;
     loading?: boolean;

package/dist/{components → shared/components}/form/Errors.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { cn } from '../../shadcn/utils.js';
+  import { cn } from '../../../shadcn/utils.js';
   import { FieldErrors } from 'formsnap';
 
   interface Props {

package/dist/{components → shared/components}/form/FieldWrapper.svelte

@@ -18,7 +18,7 @@
   import type { HTMLInputAttributes } from 'svelte/elements';
   import type { FormPath } from 'sveltekit-superforms';
 
-  import { cn } from '../../shadcn/utils.js';
+  import { cn } from '../../../shadcn/utils.js';
   import {
     Control,
     type ControlAttrs,

package/dist/{components → shared/components}/form/fields/ChoiceMultiField.svelte

@@ -4,7 +4,9 @@
 >
   import type { FormPath } from 'sveltekit-superforms';
 
-  import ChoiceMulti, { type ChoiceMultiProps } from '../../ui/choice/ChoiceMulti.svelte';
+  import ChoiceMulti, {
+    type ChoiceMultiProps
+  } from '../../ui/choice/ChoiceMulti.svelte';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 

package/dist/{components → shared/components}/form/fields/DateField.svelte

@@ -2,9 +2,9 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
+  import { Input } from '../../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
   import IconInputWrapper from '../IconInputWrapper.svelte';
-  import { Input } from '../../../shadcn/components/ui/input/index.js';
-  import { cn } from '../../../shadcn/utils.js';
   import { CalendarDate } from '@internationalized/date';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';

package/dist/{components → shared/components}/form/fields/MessageField.svelte

@@ -2,9 +2,9 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
+  import { Textarea } from '../../../../shadcn/components/ui/textarea/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
   import IconInputWrapper from '../IconInputWrapper.svelte';
-  import { Textarea } from '../../../shadcn/components/ui/textarea/index.js';
-  import { cn } from '../../../shadcn/utils.js';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 

package/dist/{components → shared/components}/form/fields/NumberField.svelte

@@ -2,9 +2,9 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
+  import { Input } from '../../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
   import IconInputWrapper from '../IconInputWrapper.svelte';
-  import { Input } from '../../../shadcn/components/ui/input/index.js';
-  import { cn } from '../../../shadcn/utils.js';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 

package/dist/{components → shared/components}/form/fields/PasswordField.svelte

@@ -2,9 +2,9 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
+  import { Input } from '../../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
   import IconInputWrapper from '../IconInputWrapper.svelte';
-  import { Input } from '../../../shadcn/components/ui/input/index.js';
-  import { cn } from '../../../shadcn/utils.js';
   import { Eye, EyeOff } from '@lucide/svelte';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';

package/dist/{components → shared/components}/form/fields/SelectField.svelte

@@ -5,7 +5,6 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
-  import IconInputWrapper from '../IconInputWrapper.svelte';
   import {
     Select,
     SelectContent,
@@ -13,8 +12,9 @@
     SelectItem,
     SelectLabel,
     SelectTrigger
-  } from '../../../shadcn/components/ui/select/index.js';
-  import { cn } from '../../../shadcn/utils.js';
+  } from '../../../../shadcn/components/ui/select/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
+  import IconInputWrapper from '../IconInputWrapper.svelte';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 

package/dist/{components → shared/components}/form/fields/SelectMultiField.svelte

@@ -5,7 +5,6 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
-  import IconInputWrapper from '../IconInputWrapper.svelte';
   import {
     Select,
     SelectContent,
@@ -13,8 +12,9 @@
     SelectItem,
     SelectLabel,
     SelectTrigger
-  } from '../../../shadcn/components/ui/select/index.js';
-  import { cn } from '../../../shadcn/utils.js';
+  } from '../../../../shadcn/components/ui/select/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
+  import IconInputWrapper from '../IconInputWrapper.svelte';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 

package/dist/{components → shared/components}/form/fields/TextField.svelte

@@ -2,9 +2,9 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
+  import { Input } from '../../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
   import IconInputWrapper from '../IconInputWrapper.svelte';
-  import { Input } from '../../../shadcn/components/ui/input/index.js';
-  import { cn } from '../../../shadcn/utils.js';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 

package/dist/{components → shared/components}/form/fields/TextFieldNullable.svelte

@@ -2,8 +2,8 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
-  import { Input } from '../../../shadcn/components/ui/input/index.js';
-  import { cn } from '../../../shadcn/utils.js';
+  import { Input } from '../../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 

package/dist/{components → shared/components}/form/fields/TimeField.svelte

@@ -2,9 +2,9 @@
   import type { Component } from 'svelte';
   import type { FormPath } from 'sveltekit-superforms';
 
+  import { Input } from '../../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../../shadcn/utils.js';
   import IconInputWrapper from '../IconInputWrapper.svelte';
-  import { Input } from '../../../shadcn/components/ui/input/index.js';
-  import { cn } from '../../../shadcn/utils.js';
   import { Time } from '@internationalized/date';
 
   import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';

package/dist/{components → shared/components}/ui/choice/ChoiceInternal.svelte

@@ -18,7 +18,7 @@
   import type { FormAttrs } from '../../form/FieldWrapper.svelte';
   import type { Snippet } from 'svelte';
 
-  import { cn } from '../../../shadcn/utils.js';
+  import { cn } from '../../../../shadcn/utils.js';
 
   interface Props extends ChoiceInternalProps<V, I, K> {
     handleItemClick: (item: I) => void;

package/dist/{components → shared/components}/ui/choice/WeekdayChoice.svelte

@@ -12,9 +12,12 @@
 </script>
 
 <script lang="ts">
-  import type { Day } from '../../../utils/types/arktype.js';
-
-  import { Days, formatDayLetter, formatDayShort } from '../../../utils/datetime/index.js';
+  import {
+    type Day,
+    Days,
+    formatDayLetter,
+    formatDayShort
+  } from '../../../utils/datetime/index.js';
   import { identity } from 'ramda';
 
   import Choice from './Choice.svelte';

package/dist/{components → shared/components}/ui/choice/WeekdayChoice.svelte.d.ts

@@ -8,7 +8,7 @@ export interface WeekdayChoiceProps {
     value?: Day;
     vertical?: boolean;
 }
-import type { Day } from '../../../utils/types/arktype.js';
+import { type Day } from '../../../utils/datetime/index.js';
 declare const WeekdayChoice: import("svelte").Component<WeekdayChoiceProps, {}, "value">;
 type WeekdayChoice = ReturnType<typeof WeekdayChoice>;
 export default WeekdayChoice;

package/dist/{components → shared/components}/ui/choice/WeekdayChoiceMulti.svelte

@@ -15,9 +15,12 @@
 </script>
 
 <script lang="ts">
-  import type { Day } from '../../../utils/types/arktype.js';
-
-  import { Days, formatDayLetter, formatDayShort } from '../../../utils/datetime/index.js';
+  import {
+    type Day,
+    Days,
+    formatDayLetter,
+    formatDayShort
+  } from '../../../utils/datetime/index.js';
 
   import ChoiceMulti from './ChoiceMulti.svelte';
 

package/dist/{components → shared/components}/ui/choice/WeekdayChoiceMulti.svelte.d.ts

@@ -9,7 +9,7 @@ export interface WeekdayChoiceMultiProps {
     value: Day[];
     vertical?: boolean;
 }
-import type { Day } from '../../../utils/types/arktype.js';
+import { type Day } from '../../../utils/datetime/index.js';
 declare const WeekdayChoiceMulti: import("svelte").Component<WeekdayChoiceMultiProps, {}, "value">;
 type WeekdayChoiceMulti = ReturnType<typeof WeekdayChoiceMulti>;
 export default WeekdayChoiceMulti;

package/dist/{components → shared/components}/ui/context-menu/ContextMenuContent.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { cn } from '../../../shadcn/utils.js';
+  import { cn } from '../../../../shadcn/utils.js';
   import { getContext, onMount, type Snippet } from 'svelte';
   import { scale } from 'svelte/transition';
 

package/dist/{components → shared/components}/ui/context-menu/ContextMenuItem.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { HTMLAttributes } from 'svelte/elements';
 
-  import { cn } from '../../../shadcn/utils.js';
+  import { cn } from '../../../../shadcn/utils.js';
 
   interface Props extends HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;

package/dist/{components → shared/components}/ui/search/SearchBar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import Input from '../../../shadcn/components/ui/input/input.svelte';
-  import { cn } from '../../../shadcn/utils.js';
+  import Input from '../../../../shadcn/components/ui/input/input.svelte';
+  import { cn } from '../../../../shadcn/utils.js';
   import { Search } from '@lucide/svelte';
 
   interface Props {

package/dist/{utils/types → shared/utils}/arktype.d.ts

@@ -1,18 +1,10 @@
 import type { Type } from 'arktype';
 import { CalendarDate as calendarImport, Time as timeImport } from '@internationalized/date';
-import { Days } from '../datetime/index.js';
+export declare const IntegerId: import("arktype/internal/variants/number.ts").NumberType<number, {}>;
 export declare const Phone: import("arktype/internal/variants/string.ts").StringType<string, {}>;
-/** Type string which is trimmed before narrowing the type checking */
-export declare function trimTo(typeTo: Type<string>): import("arktype/internal/variants/object.ts").ObjectType<(In: string) => import("arktype/internal/attributes.ts").To<string>, {}>;
+export declare const HexColor: import("arktype/internal/variants/string.ts").StringType<string, {}>;
 export declare const Day: import("arktype/internal/variants/string.ts").StringType<"Monday" | "Tuesday" | "Wednesday" | "Thursday" | "Friday" | "Saturday" | "Sunday", {}>;
-export type Day = (typeof Days)[number];
 export declare const Time: import("arktype/internal/variants/object.ts").ObjectType<timeImport, {}>;
 export declare const CalendarDate: import("arktype/internal/variants/object.ts").ObjectType<calendarImport, {}>;
-export declare const HexColor: import("arktype/internal/variants/string.ts").StringType<string, {}>;
-export declare const Email: import("arktype/internal/variants/object.ts").ObjectType<(In: string) => import("arktype").Out<string>, {}>;
-export declare const Name: import("arktype/internal/variants/object.ts").ObjectType<(In: string) => import("arktype").Out<string>, {}>;
-export declare const FirstName: import("arktype/internal/variants/object.ts").ObjectType<(In: string) => import("arktype").Out<string>, {}>;
-export declare const LastName: import("arktype/internal/variants/object.ts").ObjectType<(In: string) => import("arktype").Out<string>, {}>;
-export declare const Id: import("arktype/internal/variants/number.ts").NumberType<number, {}>;
-export declare const Password: import("arktype/internal/variants/string.ts").StringType<string, {}>;
-export declare const Duration: import("arktype/internal/variants/number.ts").NumberType<number, {}>;
+/** Type string which is trimmed before narrowing the type checking */
+export declare function trimTo(typeTo: Type<string>): import("arktype/internal/variants/object.ts").ObjectType<(In: string) => import("arktype/internal/attributes.ts").To<string>, {}>;

package/dist/shared/utils/arktype.js

@@ -0,0 +1,40 @@
+import { CalendarDate as calendarImport, Time as timeImport } from '@internationalized/date';
+import { type } from 'arktype';
+import { Days } from './datetime/index.js';
+// Useful common types
+export const IntegerId = type('number.integer >= 0');
+// Phone arktype: allows "+", digits, and spaces only
+export const Phone = type('string').narrow((value, ctx) => {
+    if (!/^[+0-9 ]+$/.test(value)) {
+        return ctx.reject({
+            problem: 'invalid phone number. Only +, digits, and spaces are allowed.'
+        });
+    }
+    return true;
+});
+export const HexColor = type('string').narrow((value, ctx) => {
+    // Regex explanation:
+    // ^           : start of string
+    // [0-9A-Fa-f]{3} : three hex digits (short form)
+    // ([0-9A-Fa-f]{3})? : optional three more digits (long form #RRGGBB)
+    // $           : end of string
+    if (!/^[0-9A-Fa-f]{3}([0-9A-Fa-f]{3})?$/.test(value)) {
+        return ctx.reject({
+            problem: 'invalid hex color value'
+        });
+    }
+    return true;
+});
+// Datetime types
+export const Day = type.enumerated(...Days);
+export const Time = type.instanceOf(timeImport).configure({
+    problem: () => 'invalid time'
+});
+export const CalendarDate = type.instanceOf(calendarImport).configure({
+    problem: () => 'invalid date'
+});
+// Arktype utilities
+/** Type string which is trimmed before narrowing the type checking */
+export function trimTo(typeTo) {
+    return type('string.trim').to(typeTo);
+}

package/dist/shared/utils/datetime/datetime.spec.d.ts

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