@powerhousedao/document-engineering 1.38.0 → 1.39.0

package/dist/src/scalars/components/enum-field/enum-field.test.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { renderWithForm } from '../../lib/testing.js';
+import { EnumField } from './enum-field.js';
+describe('EnumField Component', () => {
+    const defaultProps = {
+        name: 'enum',
+        variant: 'RadioGroup',
+        options: [
+            { value: 'option1', label: 'Option 1' },
+            { value: 'option2', label: 'Option 2' },
+            { value: 'option3', label: 'Option 3' },
+        ],
+    };
+    window.HTMLElement.prototype.scrollIntoView = vi.fn();
+    window.Element.prototype.scrollTo = vi.fn();
+    it('should match snapshot', () => {
+        const { asFragment } = renderWithForm(_jsx(EnumField, { ...defaultProps }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should match snapshot with Select variant', () => {
+        const { asFragment } = renderWithForm(_jsx(EnumField, { ...defaultProps, variant: "Select" }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render label when provided', () => {
+        renderWithForm(_jsx(EnumField, { ...defaultProps, label: "Test Label" }));
+        expect(screen.getByText('Test Label')).toBeInTheDocument();
+    });
+    it('should render description when provided', () => {
+        renderWithForm(_jsx(EnumField, { ...defaultProps, variant: "Select", description: "Test description" }));
+        expect(screen.getByText('Test description')).toBeInTheDocument();
+    });
+    it('should render warning messages when provided', () => {
+        renderWithForm(_jsx(EnumField, { ...defaultProps, warnings: ['Warning message'] }));
+        expect(screen.getByText('Warning message')).toBeInTheDocument();
+    });
+    it('should render error messages when provided', async () => {
+        renderWithForm(_jsx(EnumField, { ...defaultProps, errors: ['Error message'] }));
+        await waitFor(() => {
+            expect(screen.getByText('Error message')).toBeInTheDocument();
+        });
+    });
+    it('should handle value changes in RadioGroup variant', async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        renderWithForm(_jsx(EnumField, { ...defaultProps, value: "option1", onChange: onChange }));
+        const radio = screen.getByLabelText('Option 2');
+        await user.click(radio);
+        expect(onChange).toHaveBeenCalledWith('option2');
+    });
+    it('should handle value changes in Select variant', async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        renderWithForm(_jsx(EnumField, { ...defaultProps, variant: "Select", multiple: true, value: ['option1'], onChange: onChange }));
+        const select = screen.getByRole('combobox');
+        await user.click(select);
+        await user.click(screen.getByText('Option 2'));
+        expect(onChange).toHaveBeenCalledWith(['option1', 'option2']);
+    });
+    it('should show required indicator when required prop is true', () => {
+        renderWithForm(_jsx(EnumField, { ...defaultProps, label: "Test Label", required: true }));
+        expect(screen.getByText('*')).toBeInTheDocument();
+    });
+    it('should disable the field when disabled prop is true', () => {
+        renderWithForm(_jsx(EnumField, { ...defaultProps, variant: "Select", disabled: true }));
+        const select = screen.getByRole('combobox');
+        expect(select).toBeDisabled();
+    });
+    it('should default to Select variant when no variant provided and has 7 options', () => {
+        const propsWithSevenOptions = {
+            name: 'enum',
+            options: [
+                { value: 'option1', label: 'Option 1' },
+                { value: 'option2', label: 'Option 2' },
+                { value: 'option3', label: 'Option 3' },
+                { value: 'option4', label: 'Option 4' },
+                { value: 'option5', label: 'Option 5' },
+                { value: 'option6', label: 'Option 6' },
+                { value: 'option7', label: 'Option 7' },
+            ],
+        };
+        renderWithForm(_jsx(EnumField, { ...propsWithSevenOptions }));
+        // Verify it renders as a Select
+        expect(screen.getByRole('combobox')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=enum-field.test.js.map

package/dist/src/scalars/components/enum-field/enum-field.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field.test.js","sourceRoot":"","sources":["../../../../../src/scalars/components/enum-field/enum-field.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import EnumFieldExample from './enum-field-example.js';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                code: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof EnumFieldExample>;
+export declare const Default: Story;
+//# sourceMappingURL=enum-field-example.stories.d.ts.map

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field-example.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/enum-field-example/enum-field-example.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AAEtD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAqE+B,CAAA;AAEzC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA"}

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.stories.js

@@ -0,0 +1,76 @@
+import EnumFieldExample from './enum-field-example.js';
+const meta = {
+    title: 'Scalars/Examples/Enum Field Example',
+    component: EnumFieldExample,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+        docs: {
+            source: {
+                language: 'tsx',
+                format: true,
+                code: `
+function EnumFieldExample() {
+  const onSubmit = async (data: any) => {
+    // simulate a network request
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    alert(JSON.stringify(data, null, 2));
+  };
+
+  const genderOptions = [
+    { label: "Male", value: "male" },
+    { label: "Female", value: "female" },
+    { label: "Other", value: "other" },
+  ];
+
+  const colorOptions = [
+    { label: "Red", value: "red" },
+    { label: "Blue", value: "blue" },
+    { label: "Green", value: "green" },
+    { label: "Yellow", value: "yellow" },
+    { label: "Purple", value: "purple" },
+    { label: "Orange", value: "orange" },
+  ];
+
+  return (
+    <Form
+      onSubmit={onSubmit}
+    >
+      {({ formState: { isSubmitting } }) => (
+        <div className="flex w-[400px] flex-col gap-4">
+          <EnumField
+            name="gender"
+            label="Gender"
+            variant="RadioGroup"
+            options={genderOptions}
+            required
+          />
+
+          <EnumField
+            name="favoriteColor"
+            label="Favorite Color"
+            description="Choose your favorite color"
+            variant="Select"
+            options={colorOptions}
+            searchable
+            placeholder="Select a color"
+            required
+          />
+
+          <Button type="submit" disabled={isSubmitting}>
+            {isSubmitting ? "Submitting..." : "Submit"}
+          </Button>
+        </div>
+      )}
+    </Form>
+  );
+}`,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+//# sourceMappingURL=enum-field-example.stories.js.map

package/dist/src/scalars/components/examples/enum-field-example/enum-field-example.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field-example.stories.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/enum-field-example/enum-field-example.stories.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AAEtD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDZ;aACK;SACF;KACF;CACsC,CAAA;AAEzC,eAAe,IAAI,CAAA;AAInB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAA"}

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import MultipleFieldsWithComplexLayout from './multiple-fields-with-complex-layout.js';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                code: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof MultipleFieldsWithComplexLayout>;
+export declare const Default: Story;
+//# sourceMappingURL=multiple-fields-with-complex-layout.stories.d.ts.map

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-fields-with-complex-layout.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,+BAA+B,MAAM,0CAA0C,CAAA;AAEtF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAsI8C,CAAA;AAExD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,+BAA+B,CAAC,CAAA;AAE7D,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA"}

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.stories.js

@@ -0,0 +1,141 @@
+import MultipleFieldsWithComplexLayout from './multiple-fields-with-complex-layout.js';
+const meta = {
+    title: 'Scalars/Examples/Multiple Fields With Complex Layout',
+    component: MultipleFieldsWithComplexLayout,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+        docs: {
+            source: {
+                language: 'tsx',
+                format: true,
+                code: `
+function MultipleFieldsWithComplexLayout() {
+  const onSubmit = async (data: any) => {
+    // simulate a slow network request
+    await new Promise((resolve) => setTimeout(resolve, 2000));
+    alert(JSON.stringify(data, null, 2));
+  };
+
+  return (
+    <Form
+      onSubmit={onSubmit}
+      defaultValues={{
+        name: "",
+        email: "",
+        bio: "",
+        phone: "",
+        age: NaN,
+        notifications: true,
+        gender: "",
+        subscribe: true,
+        termsAndConditions: false,
+      }}
+    >
+      {({ formState: { isSubmitting } }) => (
+        <div className="flex w-[700px] flex-col gap-4">
+          <div className="grid grid-cols-2 gap-4">
+            <StringField
+              name="name"
+              label="First Name"
+              placeholder="John"
+              required
+              maxLength={50}
+            />
+            <NumberField
+              name="age"
+              label="Age"
+              placeholder="25"
+              required
+              precision={0}
+              showErrorOnBlur
+            />
+            <NumberField
+              showErrorOnBlur
+              name="height"
+              label="Height (cm)"
+              placeholder="180"
+              required
+              precision={2}
+              trailingZeros
+            />
+            <StringField
+              name="email"
+              label="Email"
+              placeholder="john@doe.com"
+              required
+              pattern={/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i}
+            />
+
+            <StringField
+              name="phone"
+              label="Phone"
+              placeholder="(123) 456-7890"
+              pattern={/^\\(\\d{3}\\)\\s\\d{3}-\\d{4}$/}
+              description="Enter your phone number. Format: (000) 000-0000"
+            />
+          </div>
+
+          <StringField
+            name="bio"
+            label="Bio (length: 20-100 characters, pattern: letters, numbers and spaces)"
+            placeholder="I am a software engineer..."
+            minLength={20}
+            maxLength={100}
+            multiline
+            pattern={/^[a-zA-Z0-9 ]+$/}
+            required
+            showErrorOnChange
+          />
+
+          <RadioGroupField
+            name="gender"
+            label="Gender"
+            options={[
+              { label: "Male", value: "male" },
+              { label: "Female", value: "female" },
+              { label: "Other", value: "other" },
+            ]}
+            required
+          />
+
+          <BooleanField
+            name="notifications"
+            label="Receive notifications"
+            description="Receive notifications about your account activity"
+            isToggle
+          />
+
+          <div className="flex flex-col gap-1">
+            <BooleanField name="subscribe" label="Subscribe to newsletter" />
+            <BooleanField
+              name="termsAndConditions"
+              label={
+                <div>
+                  Accept{" "}
+                  <a href="#" className="font-bold text-blue-500">
+                    terms and conditions
+                  </a>
+                </div>
+              }
+              required
+            />
+          </div>
+          <Button type="submit" disabled={isSubmitting}>
+            {isSubmitting ? "Submitting..." : "Submit"}
+          </Button>
+        </div>
+      )}
+    </Form>
+  );
+};
+`,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+//# sourceMappingURL=multiple-fields-with-complex-layout.stories.js.map

package/dist/src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-fields-with-complex-layout.stories.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/multiple-fields-with-complex-layout/multiple-fields-with-complex-layout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+BAA+B,MAAM,0CAA0C,CAAA;AAEtF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sDAAsD;IAC7D,SAAS,EAAE,+BAA+B;IAC1C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHb;aACM;SACF;KACF;CACqD,CAAA;AAExD,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAA"}

package/dist/src/scalars/components/examples/reset-button/reset-button.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import FormWithResetButton from './reset-button.js';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                code: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FormWithResetButton>;
+export declare const Default: Story;
+//# sourceMappingURL=reset-button.stories.d.ts.map

package/dist/src/scalars/components/examples/reset-button/reset-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-button.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-button/reset-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,mBAAmB,MAAM,mBAAmB,CAAA;AAEnD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAyCkC,CAAA;AAE5C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEjD,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA"}

package/dist/src/scalars/components/examples/reset-button/reset-button.stories.js

@@ -0,0 +1,48 @@
+import FormWithResetButton from './reset-button.js';
+const meta = {
+    title: 'Scalars/Examples/Reset Button',
+    component: FormWithResetButton,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+        docs: {
+            source: {
+                language: 'tsx',
+                format: true,
+                code: `
+const FormWithResetButton = () => {
+  return (
+    <Form onSubmit={(data: FormData) => {
+      alert(JSON.stringify(data, null, 2));
+    }}
+    >
+      {({ reset }) => (
+        <div className="flex flex-col gap-2">
+          <StringField
+            name="example"
+            minLength={3}
+            maxLength={6}
+            label="Field example"
+            required
+          />
+          <NumberField name="number" label="Number" required />
+
+          <div className="flex gap-2">
+            <Button type="submit">Submit</Button>
+            <Button type="reset" onClick={reset}>Reset</Button>
+          </div>
+        </div>
+      )}
+    </Form>
+  );
+};
+`,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+//# sourceMappingURL=reset-button.stories.js.map

package/dist/src/scalars/components/examples/reset-button/reset-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-button.stories.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-button/reset-button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,MAAM,mBAAmB,CAAA;AAEnD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,mBAAmB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bb;aACM;SACF;KACF;CACyC,CAAA;AAE5C,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAA"}

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import FormWithResetOnSuccessfulSubmit from './reset-on-successful-submit.js';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                code: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FormWithResetOnSuccessfulSubmit>;
+export declare const Default: Story;
+//# sourceMappingURL=reset-on-successful-submit.stories.d.ts.map

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-on-successful-submit.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,+BAA+B,MAAM,iCAAiC,CAAA;AAE7E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CA0C8C,CAAA;AAExD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,+BAA+B,CAAC,CAAA;AAE7D,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.stories.js

@@ -0,0 +1,47 @@
+import FormWithResetOnSuccessfulSubmit from './reset-on-successful-submit.js';
+const meta = {
+    title: 'Scalars/Examples/Reset On Successful Submit',
+    component: FormWithResetOnSuccessfulSubmit,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+        docs: {
+            source: {
+                language: 'tsx',
+                format: true,
+                code: `
+const FormWithResetOnSuccessfulSubmit = () => {
+  return (
+    <Form
+      onSubmit={(data: FormData) => {
+        alert(JSON.stringify(data, null, 2));
+      }}
+      resetOnSuccessfulSubmit
+      defaultValues={{
+        example: "",
+        number: 0,
+      }}
+    >
+      <div className="flex flex-col gap-2">
+        <IdField />
+        <StringField
+          name="example"
+          placeholder="Type something"
+          label="Field example"
+          required
+          autoFocus
+        />
+        <NumberField name="number" label="Number" required />
+        <Button type="submit">Submit</Button>
+      </div>
+    </Form>
+  );
+};
+`,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {};
+//# sourceMappingURL=reset-on-successful-submit.stories.js.map

package/dist/src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-on-successful-submit.stories.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/reset-on-successful-submit/reset-on-successful-submit.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+BAA+B,MAAM,iCAAiC,CAAA;AAE7E,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,+BAA+B;IAC1C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bb;aACM;SACF;KACF;CACqD,CAAA;AAExD,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAA"}

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import SubmitChangesOnly from './submit-changes-only.js';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                code: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SubmitChangesOnly>;
+export declare const Default: Story;
+//# sourceMappingURL=submit-changes-only.stories.d.ts.map

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-changes-only.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/submit-changes-only/submit-changes-only.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,iBAAgC,MAAM,0BAA0B,CAAA;AAEvE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAcgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.stories.js

@@ -0,0 +1,19 @@
+import SubmitChangesOnly, { DOCS_CODE } from './submit-changes-only.js';
+const meta = {
+    title: 'Scalars/Examples/Submit Changes Only',
+    component: SubmitChangesOnly,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+        docs: {
+            source: {
+                language: 'tsx',
+                format: true,
+                code: DOCS_CODE,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {};
+//# sourceMappingURL=submit-changes-only.stories.js.map

package/dist/src/scalars/components/examples/submit-changes-only/submit-changes-only.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-changes-only.stories.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/examples/submit-changes-only/submit-changes-only.stories.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEvE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACuC,CAAA;AAE1C,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAA"}

package/dist/src/scalars/components/file-field/file-field.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FileField } from './file-field.js';
+/**
+ *
+ * `FileField` is an enhanced file picker component that wraps `FileInput` with built-in validation support.
+ * It provides automatic validation for file types and file size limits.
+ *
+ */
+declare const meta: Meta<typeof FileField>;
+export default meta;
+type Story = StoryObj<typeof FileField>;
+export declare const Default: Story;
+export declare const WithUploadedFile: Story;
+export declare const WithPreview: Story;
+//# sourceMappingURL=file-field.stories.d.ts.map

package/dist/src/scalars/components/file-field/file-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/file-field/file-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA8JhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAA"}