@warkypublic/svelix 0.1.46 → 0.2.1

package/dist/components/Boxer/BoxerTarget.svelte

@@ -1,49 +1,8 @@
-<script lang="ts">
-  import type { Snippet } from "svelte";
-
-  export interface Props {
-    activeDescendant?: string;
-    controlsId?: string;
-    clearable?: boolean;
-    disabled?: boolean;
-    error?: string;
-    expanded?: boolean;
-    inputId?: string;
-    isFetching?: boolean;
-    label?: string;
-    leftSection?: Snippet;
-    onclear?: () => void;
-    onfocus?: () => void;
-    onkeydown?: (e: KeyboardEvent) => void;
-    onsearch?: (value: string) => void;
-    placeholder?: string;
-    search?: string;
-  }
-
-  let {
-    activeDescendant,
-    controlsId,
-    clearable = true,
-    disabled,
-    error,
-    expanded = false,
-    inputId = 'boxer-input',
-    isFetching,
-    label,
-    leftSection,
-    onclear,
-    onfocus,
-    onkeydown,
-    onsearch,
-    placeholder,
-    search = "",
-  }: Props = $props();
-
-  let inputEl = $state<HTMLInputElement | undefined>(undefined);
-
-  export function focus() {
-    inputEl?.focus();
-  }
+<script lang="ts">let { activeDescendant, controlsId, clearable = true, disabled, error, expanded = false, inputId = "boxer-input", isFetching, label, leftSection, name, onclear, onfocus, onkeydown, onsearch, placeholder, search = "" } = $props();
+let inputEl = $state(undefined);
+export function focus() {
+	inputEl?.focus();
+}
 </script>
 
 <div class="flex flex-col gap-1">
@@ -72,6 +31,7 @@
       class:input-error={!!error}
       class:pl-8={!!leftSection}
       {disabled}
+      {name}
       {placeholder}
       type="text"
       {onfocus}

package/dist/components/Boxer/BoxerTarget.svelte.d.ts

@@ -10,6 +10,7 @@ export interface Props {
     isFetching?: boolean;
     label?: string;
     leftSection?: Snippet;
+    name?: string;
     onclear?: () => void;
     onfocus?: () => void;
     onkeydown?: (e: KeyboardEvent) => void;

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

@@ -72,7 +72,6 @@ export interface BoxerProps {
     pageSize?: number;
     placeholder?: string;
     rightSection?: Snippet;
-    searchable?: boolean;
     /** Columns to search against in `local` mode. Falls back to `['label']`. */
     searchColumns?: string[];
     selectFirst?: boolean;

package/dist/components/Button.svelte

@@ -1,46 +1,22 @@
-<script lang="ts">
-  import type { Snippet } from "svelte";
-
-  export interface Props {
-    variant?: "filled" | "outlined" | "tonal";
-    color?: "primary" | "secondary" | "tertiary" | "surface";
-    size?: "sm" | "md" | "lg";
-    disabled?: boolean;
-    onclick?: () => void;
-    children?: Snippet;
-  }
-
-  const {
-    variant = "filled",
-    color = "primary",
-    size = "md",
-    disabled = false,
-    onclick,
-    children,
-  }: Props = $props();
-
-  const variantClasses = {
-    filled: "preset-filled",
-    outlined: "preset-outlined",
-    tonal: "preset-tonal",
-  };
-
-  const colorClasses = {
-    primary: "primary-500",
-    secondary: "secondary-500",
-    tertiary: "tertiary-500",
-    surface: "surface-500",
-  };
-
-  const sizeClasses = {
-    sm: "btn-sm",
-    md: "btn-md",
-    lg: "btn-lg",
-  };
-
-  const classes = $derived(
-    `btn ${variantClasses[variant]}-${colorClasses[color]} ${sizeClasses[size]}`,
-  );
+<script lang="ts">const { variant = "filled", color = "primary", size = "md", disabled = false, onclick, children } = $props();
+const variantClasses = {
+	filled: "preset-filled",
+	outlined: "preset-outlined",
+	tonal: "preset-tonal"
+};
+const colorClasses = {
+	primary: "primary-500",
+	secondary: "secondary-500",
+	tertiary: "tertiary-500",
+	surface: "surface-500"
+};
+const sizeClasses = {
+	sm: "btn-sm",
+	md: "btn-md",
+	lg: "btn-lg"
+};
+const classes = $derived(`btn ${variantClasses[variant]}-${colorClasses[color]} ${sizeClasses[size]}`);
+export {};
 </script>
 
 <button class={classes} {disabled} {onclick}>

package/dist/components/ButtonPreview.svelte

@@ -1,14 +1,5 @@
-<script lang="ts">
-  import Button from "./Button.svelte";
-  import type { Props as ButtonProps } from "./Button.svelte";
-  type Props = ButtonProps;
-
-  const {
-    variant = "filled",
-    color = "primary",
-    size = "md",
-    disabled = false,
-  }: Props = $props();
+<script lang="ts">import Button from "./Button.svelte";
+const { variant = "filled", color = "primary", size = "md", disabled = false } = $props();
 </script>
 
 <Button {variant} {color} {size} {disabled}>Preview</Button>