@walkeros/explorer 1.0.1 → 2.0.1

package/dist/components/atoms/footer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/footer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,KAAC,WAAW,IACV,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE;aAC/C,EACD,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC,GACvB,CACH;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,uDAAsC;KACjD;CACF,CAAC"}

package/dist/components/atoms/form-field.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface FormFieldProps {
+    /** Form field content (input, textarea, etc.) */
+    children: React.ReactNode;
+    /** Field label */
+    label?: string;
+    /** HTML id for the input (links label to input) */
+    htmlFor?: string;
+    /** Error message to display */
+    error?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * FormField - Label + input + error wrapper
+ *
+ * Pure UI component for consistent form field layout.
+ * Wraps input elements with label and error message.
+ *
+ * @example
+ * <FormField label="Email" htmlFor="email" error={errors.email}>
+ *   <input id="email" type="email" />
+ * </FormField>
+ */
+export declare function FormField({ children, label, htmlFor, error, required, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/atoms/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAc,GACf,EAAE,cAAc,2CAuBhB"}

package/dist/components/atoms/form-field.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FormField - Label + input + error wrapper
+ *
+ * Pure UI component for consistent form field layout.
+ * Wraps input elements with label and error message.
+ *
+ * @example
+ * <FormField label="Email" htmlFor="email" error={errors.email}>
+ *   <input id="email" type="email" />
+ * </FormField>
+ */
+export function FormField({ children, label, htmlFor, error, required, className = '', }) {
+    return (_jsxs("div", { className: `elb-form-field ${error ? 'elb-form-field--error' : ''} ${className}`.trim(), children: [label && (_jsxs("label", { htmlFor: htmlFor, className: "elb-form-field__label", children: [label, required && (_jsx("span", { className: "elb-form-field__required", "aria-hidden": "true", children: "*" }))] })), _jsx("div", { className: "elb-form-field__input", children: children }), error && (_jsx("div", { className: "elb-form-field__error", role: "alert", children: error }))] }));
+}
+//# sourceMappingURL=form-field.js.map

package/dist/components/atoms/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/atoms/form-field.tsx"],"names":[],"mappings":";AAiBA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,GACC;IACf,OAAO,CACL,eACE,SAAS,EAAE,kBAAkB,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAEtF,KAAK,IAAI,CACR,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,uBAAuB,aACvD,KAAK,EACL,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,0BAA0B,iBAAa,MAAM,kBAEtD,CACR,IACK,CACT,EACD,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,EACtD,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,YAChD,KAAK,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/form-field.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { FormField } from './form-field';
+declare const meta: Meta<typeof FormField>;
+export default meta;
+type Story = StoryObj<typeof FormField>;
+export declare const Default: Story;
+//# sourceMappingURL=form-field.stories.d.ts.map

package/dist/components/atoms/form-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/form-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/dist/components/atoms/form-field.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormField } from './form-field';
+const meta = {
+    title: 'Atoms/FormField',
+    component: FormField,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Email address',
+        htmlFor: 'email',
+        children: _jsx("input", { id: "email", type: "email", placeholder: "you@example.com" }),
+    },
+};
+//# sourceMappingURL=form-field.stories.js.map

package/dist/components/atoms/form-field.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/form-field.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,gBAAO,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,iBAAiB,GAAG;KAC1E;CACF,CAAC"}

package/dist/components/atoms/form-input.d.ts

@@ -0,0 +1,43 @@
+export interface FormInputProps {
+    /** Current value (controlled) */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Field label */
+    label?: string;
+    /** Input type */
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Autofocus on mount */
+    autoFocus?: boolean;
+    /** Autocomplete attribute */
+    autoComplete?: string;
+    /** Required field */
+    required?: boolean;
+    /** Error state (boolean shows error style, string shows error message) */
+    error?: boolean | string;
+    /** HTML id (auto-generated if not provided) */
+    id?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * FormInput - Text input with label and error support
+ *
+ * Pure UI component for single-line text inputs.
+ * Fully controlled - all state managed by parent.
+ *
+ * @example
+ * <FormInput
+ *   label="Email"
+ *   type="email"
+ *   value={email}
+ *   onChange={setEmail}
+ *   error={emailError}
+ * />
+ */
+export declare function FormInput({ value, onChange, label, type, placeholder, disabled, autoFocus, autoComplete, required, error, id, className, }: FormInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-input.d.ts.map

package/dist/components/atoms/form-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/form-input.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAa,EACb,WAAW,EACX,QAAgB,EAChB,SAAiB,EACjB,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,EAAE,EACF,SAAc,GACf,EAAE,cAAc,2CA6BhB"}

package/dist/components/atoms/form-input.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from 'react';
+import { FormField } from './form-field';
+/**
+ * FormInput - Text input with label and error support
+ *
+ * Pure UI component for single-line text inputs.
+ * Fully controlled - all state managed by parent.
+ *
+ * @example
+ * <FormInput
+ *   label="Email"
+ *   type="email"
+ *   value={email}
+ *   onChange={setEmail}
+ *   error={emailError}
+ * />
+ */
+export function FormInput({ value, onChange, label, type = 'text', placeholder, disabled = false, autoFocus = false, autoComplete, required = false, error, id, className = '', }) {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const hasError = Boolean(error);
+    const errorMessage = typeof error === 'string' ? error : undefined;
+    return (_jsx(FormField, { label: label, htmlFor: inputId, error: errorMessage, required: required, className: className, children: _jsx("input", { id: inputId, type: type, value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, required: required, className: `elb-form-input ${hasError ? 'elb-form-input--error' : ''}`, "aria-invalid": hasError }) }));
+}
+//# sourceMappingURL=form-input.js.map

package/dist/components/atoms/form-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../src/components/atoms/form-input.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA6BzC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,MAAM,EACb,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,EAAE,EACF,SAAS,GAAG,EAAE,GACC;IACf,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAClC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnE,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEpB,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,kBAAkB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,kBACxD,QAAQ,GACtB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/dist/components/atoms/form-input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { FormInput } from './form-input';
+declare const meta: Meta<typeof FormInput>;
+export default meta;
+type Story = StoryObj<typeof FormInput>;
+export declare const Default: Story;
+//# sourceMappingURL=form-input.stories.d.ts.map

package/dist/components/atoms/form-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/form-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/components/atoms/form-input.stories.js

@@ -0,0 +1,17 @@
+import { FormInput } from './form-input';
+const meta = {
+    title: 'Atoms/FormInput',
+    component: FormInput,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Email address',
+        type: 'email',
+        value: '',
+        onChange: () => { },
+        placeholder: 'you@example.com',
+    },
+};
+//# sourceMappingURL=form-input.stories.js.map

package/dist/components/atoms/form-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/form-input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,WAAW,EAAE,iBAAiB;KAC/B;CACF,CAAC"}

package/dist/components/atoms/form-textarea.d.ts

@@ -0,0 +1,41 @@
+export interface FormTextareaProps {
+    /** Current value (controlled) */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Field label */
+    label?: string;
+    /** Number of visible rows */
+    rows?: number;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Spellcheck enabled */
+    spellCheck?: boolean;
+    /** Required field */
+    required?: boolean;
+    /** Error state (boolean shows error style, string shows error message) */
+    error?: boolean | string;
+    /** HTML id (auto-generated if not provided) */
+    id?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * FormTextarea - Multi-line text input with label and error support
+ *
+ * Pure UI component for multi-line text inputs.
+ * Fully controlled - all state managed by parent.
+ *
+ * @example
+ * <FormTextarea
+ *   label="Configuration"
+ *   value={config}
+ *   onChange={setConfig}
+ *   rows={15}
+ *   spellCheck={false}
+ * />
+ */
+export declare function FormTextarea({ value, onChange, label, rows, placeholder, disabled, spellCheck, required, error, id, className, }: FormTextareaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-textarea.d.ts.map

package/dist/components/atoms/form-textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/form-textarea.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAQ,EACR,WAAW,EACX,QAAgB,EAChB,UAAiB,EACjB,QAAgB,EAChB,KAAK,EACL,EAAE,EACF,SAAc,GACf,EAAE,iBAAiB,2CA4BnB"}

package/dist/components/atoms/form-textarea.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from 'react';
+import { FormField } from './form-field';
+/**
+ * FormTextarea - Multi-line text input with label and error support
+ *
+ * Pure UI component for multi-line text inputs.
+ * Fully controlled - all state managed by parent.
+ *
+ * @example
+ * <FormTextarea
+ *   label="Configuration"
+ *   value={config}
+ *   onChange={setConfig}
+ *   rows={15}
+ *   spellCheck={false}
+ * />
+ */
+export function FormTextarea({ value, onChange, label, rows = 5, placeholder, disabled = false, spellCheck = true, required = false, error, id, className = '', }) {
+    const generatedId = useId();
+    const textareaId = id ?? generatedId;
+    const hasError = Boolean(error);
+    const errorMessage = typeof error === 'string' ? error : undefined;
+    return (_jsx(FormField, { label: label, htmlFor: textareaId, error: errorMessage, required: required, className: className, children: _jsx("textarea", { id: textareaId, value: value, onChange: (e) => onChange(e.target.value), rows: rows, placeholder: placeholder, disabled: disabled, spellCheck: spellCheck, required: required, className: `elb-form-textarea ${hasError ? 'elb-form-textarea--error' : ''}`, "aria-invalid": hasError }) }));
+}
+//# sourceMappingURL=form-textarea.js.map

package/dist/components/atoms/form-textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.js","sourceRoot":"","sources":["../../../src/components/atoms/form-textarea.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA2BzC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,CAAC,EACR,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,EAAE,EACF,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,EAAE,IAAI,WAAW,CAAC;IACrC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnE,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEpB,mBACE,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,qBAAqB,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,EAAE,kBAC9D,QAAQ,GACtB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/dist/components/atoms/form-textarea.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { FormTextarea } from './form-textarea';
+declare const meta: Meta<typeof FormTextarea>;
+export default meta;
+type Story = StoryObj<typeof FormTextarea>;
+export declare const Default: Story;
+//# sourceMappingURL=form-textarea.stories.d.ts.map

package/dist/components/atoms/form-textarea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/form-textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/components/atoms/form-textarea.stories.js

@@ -0,0 +1,17 @@
+import { FormTextarea } from './form-textarea';
+const meta = {
+    title: 'Atoms/FormTextarea',
+    component: FormTextarea,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Configuration',
+        value: '',
+        onChange: () => { },
+        rows: 5,
+        placeholder: 'Enter your configuration...',
+    },
+};
+//# sourceMappingURL=form-textarea.stories.js.map

package/dist/components/atoms/form-textarea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/form-textarea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,IAAI,EAAE,CAAC;QACP,WAAW,EAAE,6BAA6B;KAC3C;CACF,CAAC"}

package/dist/components/atoms/grid.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Grid } from './grid';
+/**
+ * Grid - Horizontal scrolling layout component
+ *
+ * Arranges Box components in a horizontal grid with optional scroll buttons.
+ * Supports various row height modes: auto, equal, synced, or fixed pixel value.
+ */
+declare const meta: Meta<typeof Grid>;
+export default meta;
+type Story = StoryObj<typeof Grid>;
+export declare const Default: Story;
+export declare const AutoHeight: Story;
+export declare const EqualHeight: Story;
+export declare const FixedHeight: Story;
+export declare const CustomGap: Story;
+export declare const NoScrollButtons: Story;
+//# sourceMappingURL=grid.stories.d.ts.map

package/dist/components/atoms/grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAW3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}

package/dist/components/atoms/grid.stories.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid } from './grid';
+import { Box } from './box';
+/**
+ * Grid - Horizontal scrolling layout component
+ *
+ * Arranges Box components in a horizontal grid with optional scroll buttons.
+ * Supports various row height modes: auto, equal, synced, or fixed pixel value.
+ */
+const meta = {
+    title: 'Atoms/Grid',
+    component: Grid,
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: '100%', maxWidth: '1200px' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        columns: 3,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Box 1", children: "Content for box 1" }), _jsx(Box, { header: "Box 2", children: "Content for box 2" }), _jsx(Box, { header: "Box 3", children: "Content for box 3" })] })),
+    },
+};
+export const AutoHeight = {
+    args: {
+        columns: 2,
+        rowHeight: 'auto',
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Short", children: "Short content" }), _jsxs(Box, { header: "Tall", children: [_jsx("div", { children: "Line 1" }), _jsx("div", { children: "Line 2" }), _jsx("div", { children: "Line 3" }), _jsx("div", { children: "Line 4" })] })] })),
+    },
+};
+export const EqualHeight = {
+    args: {
+        columns: 3,
+        rowHeight: 'equal',
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Box A", children: "Short" }), _jsxs(Box, { header: "Box B", children: [_jsx("div", { children: "Tall content" }), _jsx("div", { children: "More lines" }), _jsx("div", { children: "Even more" })] }), _jsx(Box, { header: "Box C", children: "Medium" })] })),
+    },
+};
+export const FixedHeight = {
+    args: {
+        columns: 2,
+        rowHeight: 200,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Fixed 200px", children: "Content fits in 200px height" }), _jsx(Box, { header: "Also 200px", children: "Same height regardless of content" })] })),
+    },
+};
+export const CustomGap = {
+    args: {
+        columns: 3,
+        gap: 32,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "Wide Gap", children: "32px gap between boxes" }), _jsx(Box, { header: "Box 2", children: "Content" }), _jsx(Box, { header: "Box 3", children: "Content" })] })),
+    },
+};
+export const NoScrollButtons = {
+    args: {
+        columns: 2,
+        showScrollButtons: false,
+        children: (_jsxs(_Fragment, { children: [_jsx(Box, { header: "No Buttons", children: "Scroll buttons hidden" }), _jsx(Box, { header: "Box 2", children: "Content" })] })),
+    },
+};
+//# sourceMappingURL=grid.stories.js.map

package/dist/components/atoms/grid.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/grid.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAC/C,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,kCAAwB,EAC3C,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,kCAAwB,EAC3C,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,kCAAwB,IAC1C,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,8BAAoB,EACvC,MAAC,GAAG,IAAC,MAAM,EAAC,MAAM,aAChB,mCAAiB,EACjB,mCAAiB,EACjB,mCAAiB,EACjB,mCAAiB,IACb,IACL,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,sBAAY,EAC/B,MAAC,GAAG,IAAC,MAAM,EAAC,OAAO,aACjB,yCAAuB,EACvB,uCAAqB,EACrB,sCAAoB,IAChB,EACN,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,uBAAa,IAC/B,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,aAAa,6CAAmC,EAC5D,KAAC,GAAG,IAAC,MAAM,EAAC,YAAY,kDAAwC,IAC/D,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,UAAU,uCAA6B,EACnD,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,wBAAc,EACjC,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,wBAAc,IAChC,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,iBAAiB,EAAE,KAAK;QACxB,QAAQ,EAAE,CACR,8BACE,KAAC,GAAG,IAAC,MAAM,EAAC,YAAY,sCAA4B,EACpD,KAAC,GAAG,IAAC,MAAM,EAAC,OAAO,wBAAc,IAChC,CACJ;KACF;CACF,CAAC"}

package/dist/components/atoms/header.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Header } from './header';
+/**
+ * Header - Header component for boxes and panels
+ *
+ * Displays a label with optional action buttons.
+ * Pairs with Footer for consistent box structure.
+ */
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;
+export declare const WithButtons: Story;
+export declare const WithSingleButton: Story;
+//# sourceMappingURL=header.stories.d.ts.map

package/dist/components/atoms/header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}

package/dist/components/atoms/header.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Header } from './header';
+import { Button } from './button';
+import { ButtonGroup } from './button-group';
+/**
+ * Header - Header component for boxes and panels
+ *
+ * Displays a label with optional action buttons.
+ * Pairs with Footer for consistent box structure.
+ */
+const meta = {
+    title: 'Atoms/Header',
+    component: Header,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Code Preview',
+    },
+};
+export const WithButtons = {
+    args: {
+        label: 'Configuration',
+        children: (_jsx(ButtonGroup, { buttons: [
+                { label: 'Copy', value: 'copy' },
+                { label: 'Reset', value: 'reset' },
+            ], onButtonClick: () => { } })),
+    },
+};
+export const WithSingleButton = {
+    args: {
+        label: 'Events',
+        children: _jsx(Button, { children: "Clear" }),
+    },
+};
+//# sourceMappingURL=header.stories.js.map

package/dist/components/atoms/header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/header.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,CACR,KAAC,WAAW,IACV,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC,EACD,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC,GACvB,CACH;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,KAAC,MAAM,wBAAe;KACjC;CACF,CAAC"}

package/dist/components/atoms/icons/icon.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Icon } from '@iconify/react';
+/**
+ * Icon - Iconify icon component
+ *
+ * Re-exported from @iconify/react for consistent imports.
+ * Use any Iconify icon name (e.g., 'mdi:home', 'lucide:settings').
+ *
+ * @see https://icon-sets.iconify.design/
+ */
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const CommonIcons: Story;
+export declare const Sizes: Story;
+export declare const CustomIcon: Story;
+//# sourceMappingURL=icon.stories.d.ts.map

package/dist/components/atoms/icons/icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/components/atoms/icons/icon.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@iconify/react';
+/**
+ * Icon - Iconify icon component
+ *
+ * Re-exported from @iconify/react for consistent imports.
+ * Use any Iconify icon name (e.g., 'mdi:home', 'lucide:settings').
+ *
+ * @see https://icon-sets.iconify.design/
+ */
+const meta = {
+    title: 'Atoms/Icon',
+    component: Icon,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        icon: 'mdi:home',
+        width: 24,
+        height: 24,
+    },
+};
+export const CommonIcons = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [_jsx(Icon, { icon: "mdi:home", width: 24 }), _jsx(Icon, { icon: "mdi:cog", width: 24 }), _jsx(Icon, { icon: "mdi:account", width: 24 }), _jsx(Icon, { icon: "mdi:magnify", width: 24 }), _jsx(Icon, { icon: "mdi:plus", width: 24 }), _jsx(Icon, { icon: "mdi:delete", width: 24 }), _jsx(Icon, { icon: "mdi:pencil", width: 24 }), _jsx(Icon, { icon: "mdi:check", width: 24 }), _jsx(Icon, { icon: "mdi:close", width: 24 }), _jsx(Icon, { icon: "mdi:chevron-down", width: 24 })] })),
+};
+export const Sizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [_jsx(Icon, { icon: "mdi:star", width: 16 }), _jsx(Icon, { icon: "mdi:star", width: 24 }), _jsx(Icon, { icon: "mdi:star", width: 32 }), _jsx(Icon, { icon: "mdi:star", width: 48 })] })),
+};
+export const CustomIcon = {
+    args: {
+        icon: 'walkeros:piwik-pro',
+        width: 48,
+        height: 48,
+    },
+};
+//# sourceMappingURL=icon.stories.js.map

package/dist/components/atoms/icons/icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/icons/icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EAClC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,GAAI,EACpC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,GAAI,EACpC,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,GAAI,IACvC,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,GAAI,IAC/B,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC"}

package/dist/components/atoms/panel-hints.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PanelHints } from './panel-hints';
+/**
+ * PanelHints - Displays contextual hints with code examples
+ *
+ * Used in property panels to show common patterns and usage examples.
+ * Features a clean, minimal design with code-first presentation.
+ */
+declare const meta: Meta<typeof PanelHints>;
+export default meta;
+type Story = StoryObj<typeof PanelHints>;
+export declare const Default: Story;
+export declare const CustomTitle: Story;
+//# sourceMappingURL=panel-hints.stories.d.ts.map

package/dist/components/atoms/panel-hints.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-hints.stories.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/panel-hints.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}

package/dist/components/atoms/panel-hints.stories.js

@@ -0,0 +1,35 @@
+import { PanelHints } from './panel-hints';
+/**
+ * PanelHints - Displays contextual hints with code examples
+ *
+ * Used in property panels to show common patterns and usage examples.
+ * Features a clean, minimal design with code-first presentation.
+ */
+const meta = {
+    title: 'Atoms/PanelHints',
+    component: PanelHints,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        hints: [
+            { code: 'data.id', description: 'Product identifier' },
+            { code: 'data.name', description: 'Product name' },
+            { code: 'user.email', description: 'User email address' },
+        ],
+    },
+};
+export const CustomTitle = {
+    args: {
+        title: 'Event properties',
+        hints: [
+            {
+                code: 'event.action',
+                description: 'The action that triggered the event',
+            },
+            { code: 'event.label', description: 'Optional label for the event' },
+        ],
+    },
+};
+//# sourceMappingURL=panel-hints.stories.js.map

package/dist/components/atoms/panel-hints.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-hints.stories.js","sourceRoot":"","sources":["../../../src/components/atoms/panel-hints.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;GAKG;AACH,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE;YACtD,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE;YAClD,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE;SAC1D;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,cAAc;gBACpB,WAAW,EAAE,qCAAqC;aACnD;YACD,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,8BAA8B,EAAE;SACrE;KACF;CACF,CAAC"}

package/dist/components/atoms/spinner.d.ts

@@ -0,0 +1,17 @@
+export interface SpinnerProps {
+    /** Size of the spinner */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Spinner - Loading indicator
+ *
+ * Pure UI component for showing loading state.
+ * No internal state - controlled via parent.
+ *
+ * @example
+ * <Spinner size="md" />
+ */
+export declare function Spinner({ size, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map