@flowdrop/flowdrop 1.5.0 → 1.7.0

package/dist/components/form/FormRangeField.svelte

@@ -41,7 +41,7 @@
     required = false,
     disabled = false,
     ariaDescribedBy,
-    onChange,
+    onChange
   }: Props = $props();
 
   /**
@@ -49,7 +49,7 @@
    * Handles string values and defaults
    */
   const numericValue = $derived.by((): number => {
-    if (typeof value === "number") {
+    if (typeof value === 'number') {
       return value;
     }
     const parsed = Number(value);
@@ -147,11 +147,7 @@
     width: 18px;
     height: 18px;
     border-radius: 50%;
-    background: linear-gradient(
-      135deg,
-      var(--fd-background) 0%,
-      var(--fd-muted) 100%
-    );
+    background: linear-gradient(135deg, var(--fd-background) 0%, var(--fd-muted) 100%);
     border: 2px solid var(--fd-primary);
     box-shadow:
       0 2px 6px rgba(59, 130, 246, 0.25),
@@ -192,11 +188,7 @@
     width: 18px;
     height: 18px;
     border-radius: 50%;
-    background: linear-gradient(
-      135deg,
-      var(--fd-background) 0%,
-      var(--fd-muted) 100%
-    );
+    background: linear-gradient(135deg, var(--fd-background) 0%, var(--fd-muted) 100%);
     border: 2px solid var(--fd-primary);
     box-shadow:
       0 2px 6px rgba(59, 130, 246, 0.25),

package/dist/components/form/FormSelect.stories.svelte

@@ -1,30 +1,30 @@
 <script module>
-  import { defineMeta } from "@storybook/addon-svelte-csf";
-  import FormSelect from "./FormSelect.svelte";
-  import { fn } from "storybook/test";
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import FormSelect from './FormSelect.svelte';
+  import { fn } from 'storybook/test';
 
   const { Story } = defineMeta({
-    title: "Form/FormSelect",
+    title: 'Form/FormSelect',
     component: FormSelect,
-    tags: ["autodocs"],
+    tags: ['autodocs'],
     argTypes: {
-      value: { control: "text" },
-      required: { control: "boolean" },
-      disabled: { control: "boolean" },
+      value: { control: 'text' },
+      required: { control: 'boolean' },
+      disabled: { control: 'boolean' }
     },
     args: {
-      id: "demo-select",
-      value: "",
-      onChange: fn(),
-    },
+      id: 'demo-select',
+      value: '',
+      onChange: fn()
+    }
   });
 </script>
 
 <Story
   name="String Options"
   args={{
-    options: ["Option A", "Option B", "Option C"],
-    value: "Option A",
+    options: ['Option A', 'Option B', 'Option C'],
+    value: 'Option A'
   }}
 />
 
@@ -32,19 +32,19 @@
   name="FieldOption Objects"
   args={{
     options: [
-      { value: "gpt-4", label: "GPT-4" },
-      { value: "gpt-3.5", label: "GPT-3.5 Turbo" },
-      { value: "claude-3", label: "Claude 3 Opus" },
+      { value: 'gpt-4', label: 'GPT-4' },
+      { value: 'gpt-3.5', label: 'GPT-3.5 Turbo' },
+      { value: 'claude-3', label: 'Claude 3 Opus' }
     ],
-    value: "gpt-4",
+    value: 'gpt-4'
   }}
 />
 
 <Story
   name="Disabled"
   args={{
-    options: ["Read", "Write", "Admin"],
-    value: "Read",
-    disabled: true,
+    options: ['Read', 'Write', 'Admin'],
+    value: 'Read',
+    disabled: true
   }}
 />

package/dist/components/form/FormSelect.stories.svelte.d.ts

@@ -11,7 +11,7 @@ declare const FormSelect: $$__sveltets_2_IsomorphicComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-import FormSelect from "./FormSelect.svelte";
+import FormSelect from './FormSelect.svelte';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/components/form/FormSelect.svelte

@@ -9,8 +9,8 @@
 -->
 
 <script lang="ts">
-  import Icon from "@iconify/svelte";
-  import { normalizeOptions, type FieldOption } from "./types.js";
+  import Icon from '@iconify/svelte';
+  import { normalizeOptions, type FieldOption } from './types.js';
 
   interface Props {
     /** Field identifier */
@@ -31,12 +31,12 @@
 
   let {
     id,
-    value = "",
+    value = '',
     options = [],
     required = false,
     disabled = false,
     ariaDescribedBy,
-    onChange,
+    onChange
   }: Props = $props();
 
   /**
@@ -57,7 +57,7 @@
   <select
     {id}
     class="form-select"
-    value={value ?? ""}
+    value={value ?? ''}
     {disabled}
     aria-describedby={ariaDescribedBy}
     aria-required={required}

package/dist/components/form/FormSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type FieldOption } from "./types.js";
+import { type FieldOption } from './types.js';
 interface Props {
     /** Field identifier */
     id: string;