@pglevy/sailwind 0.2.0 → 0.3.0

package/dist/components/TextField/TextField.d.ts

@@ -72,16 +72,6 @@ export interface TextFieldProps {
  * Displays and allows entry of a single line of text.
  * Maps to SAIL a!textField() function.
  *
- * @example
- * ```tsx
- * <TextField
- *   label="Email Address"
- *   placeholder="user@example.com"
- *   value={email}
- *   saveInto={(value) => setEmail(value)}
- *   required
- * />
- * ```
  */
 export declare const TextField: React.FC<TextFieldProps>;
 export {};

package/dist/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE;;GAEG;AACH,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE5C;;GAEG;AACH,KAAK,YAAY,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,SAAS,GACT,oBAAoB,GACpB,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,CAAA;AAET;;GAEG;AACH,KAAK,YAAY,GAAG,UAAU,GAAG,SAAS,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sEAAsE;IACtE,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,0HAA0H;IAC1H,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiK9C,CAAA"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE;;GAEG;AACH,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE5C;;GAEG;AACH,KAAK,YAAY,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,SAAS,GACT,oBAAoB,GACpB,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,CAAA;AAET;;GAEG;AACH,KAAK,YAAY,GAAG,UAAU,GAAG,SAAS,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sEAAsE;IACtE,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,0HAA0H;IAC1H,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiK9C,CAAA"}

package/dist/components/TextField/TextField.stories.d.ts

@@ -0,0 +1,46 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./TextField').TextFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        label?: string | undefined;
+        instructions?: string | undefined;
+        required?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        value?: string | undefined;
+        validations?: string[] | undefined;
+        saveInto?: ((value: string) => void) | undefined;
+        onChange?: ((value: string) => void) | undefined;
+        refreshAfter?: ("KEYPRESS" | "UNFOCUS") | undefined;
+        validationGroup?: string | undefined;
+        requiredMessage?: string | undefined;
+        align?: ("CENTER" | "LEFT" | "RIGHT") | undefined;
+        labelPosition?: import('../..').SAILLabelPosition | undefined;
+        placeholder?: string | undefined;
+        helpTooltip?: string | undefined;
+        masked?: boolean | undefined;
+        accessibilityText?: string | undefined;
+        showWhen?: boolean | undefined;
+        inputPurpose?: ("NAME" | "EMAIL" | "PHONE_NUMBER" | "STREET_ADDRESS" | "POSTAL_CODE" | "COUNTRY" | "CREDIT_CARD_NUMBER" | "FIRST_NAME" | "LAST_NAME" | "DOB" | "OFF") | undefined;
+        characterLimit?: number | undefined;
+        showCharacterCount?: boolean | undefined;
+        marginAbove?: import('../..').SAILMarginSize | undefined;
+        marginBelow?: import('../..').SAILMarginSize | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCharacterLimit: Story;
+export declare const Masked: Story;
+export declare const ReadOnly: Story;
+export declare const AdjacentLabel: Story;
+export declare const RightAligned: Story;
+export declare const WithHelpTooltip: Story;
+export declare const WithValidationError: Story;
+//# sourceMappingURL=TextField.stories.d.ts.map

package/dist/components/TextField/TextField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYwB,CAAA;AAElC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkBjC,CAAA"}

package/dist/components/Toggle/Toggle.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./ToggleField').ToggleFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const StyleSolid: Story;
+export declare const StyleOutline: Story;
+export declare const StyleGhost: Story;
+export declare const IconAtStart: Story;
+export declare const IconAtEnd: Story;
+export declare const ColorAccent: Story;
+export declare const ColorPositive: Story;
+export declare const ColorNegative: Story;
+export declare const ColorSecondary: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=Toggle.stories.d.ts.map

package/dist/components/Toggle/Toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAavB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA"}

package/dist/components/index.d.ts

@@ -18,5 +18,5 @@ export * from './Slider';
 export * from './Tabs';
 export * from './Image';
 export * from './Dialog';
-export { TableOfContents } from './TableOfContents';
+export * from './ApplicationHeader';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAA;AAGxB,cAAc,OAAO,CAAA;AAGrB,cAAc,UAAU,CAAA;AAGxB,cAAc,QAAQ,CAAA;AAGtB,cAAc,WAAW,CAAA;AAGzB,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAG3B,cAAc,eAAe,CAAA;AAG7B,cAAc,YAAY,CAAA;AAG1B,cAAc,SAAS,CAAA;AAGvB,cAAc,aAAa,CAAA;AAG3B,cAAc,YAAY,CAAA;AAG1B,cAAc,eAAe,CAAA;AAG7B,cAAc,YAAY,CAAA;AAG1B,cAAc,UAAU,CAAA;AAGxB,cAAc,UAAU,CAAA;AAGxB,cAAc,UAAU,CAAA;AAGxB,cAAc,QAAQ,CAAA;AAGtB,cAAc,SAAS,CAAA;AAGvB,cAAc,UAAU,CAAA;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAA;AAGxB,cAAc,OAAO,CAAA;AAGrB,cAAc,UAAU,CAAA;AAGxB,cAAc,QAAQ,CAAA;AAGtB,cAAc,WAAW,CAAA;AAGzB,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAG3B,cAAc,eAAe,CAAA;AAG7B,cAAc,YAAY,CAAA;AAG1B,cAAc,SAAS,CAAA;AAGvB,cAAc,aAAa,CAAA;AAG3B,cAAc,YAAY,CAAA;AAG1B,cAAc,eAAe,CAAA;AAG7B,cAAc,YAAY,CAAA;AAG1B,cAAc,UAAU,CAAA;AAGxB,cAAc,UAAU,CAAA;AAGxB,cAAc,UAAU,CAAA;AAGxB,cAAc,QAAQ,CAAA;AAGtB,cAAc,SAAS,CAAA;AAGvB,cAAc,UAAU,CAAA;AAGxB,cAAc,qBAAqB,CAAA"}

package/dist/images/icon-app.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 144 144"><defs><style>.a{fill:#2322f0;}.b{fill:#fff;}.c{fill:#c7c7e0;}</style></defs><rect class="a" width="144" height="144"/><path class="b" d="M63.6,120H29.34a4.09,4.09,0,0,1-4.09-4.09V81.6a4.09,4.09,0,0,1,4.09-4.09H63.6a4.09,4.09,0,0,1,4.08,4.09v34.26A4.09,4.09,0,0,1,63.6,120Zm-30.18-8.18H59.51V85.68H33.42Z"/><path class="b" d="M117,120H82.71a4.09,4.09,0,0,1-4.08-4.09V81.6a4.09,4.09,0,0,1,4.08-4.09H117a4.08,4.08,0,0,1,4.08,4.09v34.26A4.08,4.08,0,0,1,117,120ZM86.8,111.77h26.09V85.68H86.8Z"/><path class="b" d="M117,67.17H82.71a4.09,4.09,0,0,1-4.08-4.09V28.82a4.09,4.09,0,0,1,4.08-4.09H117a4.08,4.08,0,0,1,4.08,4.09V63.08A4.08,4.08,0,0,1,117,67.17ZM86.8,59h26.09V32.91H86.8Z"/><rect class="c" x="36.32" y="37.44" width="17" height="17" transform="translate(-19.36 45.15) rotate(-45)"/><path class="b" d="M65.54,43.08l-17.8-17.8a4,4,0,0,0-5.78,0l-17.8,17.8a4,4,0,0,0,0,5.78L42,66.66a3.83,3.83,0,0,0,2.86,1.17,4.05,4.05,0,0,0,2.92-1.17l17.8-17.8A4.12,4.12,0,0,0,65.54,43.08ZM44.82,58l-12-12,12-12,12,12Z"/></svg>

package/dist/images/icon-expression-rule.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 144 144"><defs><style>.a{fill:#9333ea;}.b{fill:#e9d5ff;}.c{fill:#fff;}</style></defs><rect class="a" width="144" height="144"/><rect class="b" x="20" y="20" width="104" height="104" rx="4"/><path class="c" d="M40,50 L60,50 M40,60 L70,60 M40,70 L65,70 M80,50 L100,50 M80,60 L104,60 M80,70 L95,70 M40,85 L55,85 M65,85 L80,85 M90,85 L104,85 M40,95 L60,95 M70,95 L90,95 M40,105 L75,105" stroke="white" stroke-width="3" stroke-linecap="round"/></svg>

package/dist/images/icon-interface.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 144 144"><defs><style>.a{fill:#66f;}.b{fill:#d0d0f7;}.c{fill:#fff;}</style></defs><rect class="a" width="144" height="144"/><rect class="b" x="30.33" y="29.23" width="31.95" height="85.54"/><path class="c" d="M117.51,21.54h-91a3.86,3.86,0,0,0-3.85,3.85v93.22a3.86,3.86,0,0,0,3.85,3.85h91a3.86,3.86,0,0,0,3.85-3.85V25.39A3.86,3.86,0,0,0,117.51,21.54ZM30.33,29.23h32v85.54H30.33Zm83.34,85.54H70V91.38h43.7Zm0-31.08H70V60.31h43.7Zm0-31.07H70V29.23h43.7Z"/></svg>

package/dist/images/icon-record-type.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 144 144"><defs><style>.a{fill:#ea580c;}.b{fill:#fed7aa;}.c{fill:#fff;}</style></defs><rect class="a" width="144" height="144"/><rect class="b" x="20" y="35" width="104" height="74" rx="4"/><path class="c" d="M30,50 L114,50 M30,65 L114,65 M30,80 L114,80 M30,95 L114,95" stroke="white" stroke-width="2"/><circle class="c" cx="40" cy="57.5" r="4"/><circle class="c" cx="40" cy="72.5" r="4"/><circle class="c" cx="40" cy="87.5" r="4"/><rect class="c" x="55" y="53" width="50" height="9" rx="2"/><rect class="c" x="55" y="68" width="40" height="9" rx="2"/><rect class="c" x="55" y="83" width="45" height="9" rx="2"/></svg>

package/dist/index.js

@@ -1,58 +1,58 @@
 import { FieldLabel as r } from "./components/shared/FieldLabel.js";
 import { FieldWrapper as p } from "./components/shared/FieldWrapper.js";
-import { CollapsibleSection as x } from "./components/shared/CollapsibleSection.js";
+import { CollapsibleSection as m } from "./components/shared/CollapsibleSection.js";
 import { TagField as l } from "./components/Tag/TagField.js";
 import { TagItem as d } from "./components/Tag/TagItem.js";
 import { ButtonWidget as F } from "./components/Button/ButtonWidget.js";
 import { ButtonArrayLayout as g } from "./components/Button/ButtonArrayLayout.js";
 import { CardLayout as T } from "./components/Card/CardLayout.js";
-import { HeadingField as b } from "./components/Heading/HeadingField.js";
-import { MessageBanner as B } from "./components/MessageBanner/MessageBanner.js";
-import { MilestoneField as C } from "./components/Milestone/MilestoneField.js";
-import { ProgressBar as I } from "./components/ProgressBar/ProgressBar.js";
-import { RichTextDisplayField as h } from "./components/RichText/RichTextDisplayField.js";
+import { HeadingField as u } from "./components/Heading/HeadingField.js";
+import { MessageBanner as b } from "./components/MessageBanner/MessageBanner.js";
+import { MilestoneField as D } from "./components/Milestone/MilestoneField.js";
+import { ProgressBar as S } from "./components/ProgressBar/ProgressBar.js";
+import { RichTextDisplayField as w } from "./components/RichText/RichTextDisplayField.js";
 import { TextItem as L } from "./components/RichText/TextItem.js";
-import { Icon as R } from "./components/RichText/Icon.js";
-import { StampField as k } from "./components/Stamp/StampField.js";
-import { TextField as H } from "./components/TextField/TextField.js";
-import { CheckboxField as P } from "./components/Checkbox/CheckboxField.js";
-import { RadioButtonField as q } from "./components/RadioButton/RadioButtonField.js";
-import { DropdownField as z } from "./components/Dropdown/DropdownField.js";
-import { MultipleDropdownField as G } from "./components/Dropdown/MultipleDropdownField.js";
-import { SwitchField as K } from "./components/Switch/SwitchField.js";
+import { Icon as A } from "./components/RichText/Icon.js";
+import { StampField as R } from "./components/Stamp/StampField.js";
+import { TextField as k } from "./components/TextField/TextField.js";
+import { CheckboxField as j } from "./components/Checkbox/CheckboxField.js";
+import { RadioButtonField as v } from "./components/RadioButton/RadioButtonField.js";
+import { DropdownField as E } from "./components/Dropdown/DropdownField.js";
+import { MultipleDropdownField as J } from "./components/Dropdown/MultipleDropdownField.js";
+import { SwitchField as N } from "./components/Switch/SwitchField.js";
 import { ToggleField as Q } from "./components/Toggle/ToggleField.js";
 import { SliderField as V } from "./components/Slider/SliderField.js";
 import { TabsField as Y } from "./components/Tabs/TabsField.js";
 import { ImageField as _ } from "./components/Image/ImageField.js";
 import { DialogField as oo } from "./components/Dialog/DialogField.js";
-import { TableOfContents as ro } from "./components/TableOfContents.js";
+import { ApplicationHeader as ro } from "./components/ApplicationHeader/ApplicationHeader.js";
 export {
+  ro as ApplicationHeader,
   g as ButtonArrayLayout,
   F as ButtonWidget,
   T as CardLayout,
-  P as CheckboxField,
-  x as CollapsibleSection,
+  j as CheckboxField,
+  m as CollapsibleSection,
   oo as DialogField,
-  z as DropdownField,
+  E as DropdownField,
   r as FieldLabel,
   p as FieldWrapper,
-  b as HeadingField,
-  R as Icon,
+  u as HeadingField,
+  A as Icon,
   _ as ImageField,
-  B as MessageBanner,
-  C as MilestoneField,
-  G as MultipleDropdownField,
-  I as ProgressBar,
-  q as RadioButtonField,
-  h as RichTextDisplayField,
+  b as MessageBanner,
+  D as MilestoneField,
+  J as MultipleDropdownField,
+  S as ProgressBar,
+  v as RadioButtonField,
+  w as RichTextDisplayField,
   V as SliderField,
-  k as StampField,
-  K as SwitchField,
-  ro as TableOfContents,
+  R as StampField,
+  N as SwitchField,
   Y as TabsField,
   l as TagField,
   d as TagItem,
-  H as TextField,
+  k as TextField,
   L as TextItem,
   Q as ToggleField
 };

package/dist/stories/Welcome.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+//# sourceMappingURL=Welcome.stories.d.ts.map

package/dist/stories/Welcome.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Welcome.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Welcome.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,QAAA,MAAM,IAAI;;;;;CAKM,CAAA;AAEhB,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,QAAQ,EAAE,KA8FtB,CAAA"}

package/dist/stories/pages/ApplicationHeaderDemo.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as ApplicationHeaderDemo } from '../../pages/ApplicationHeaderDemo';
+declare const meta: {
+    title: string;
+    component: typeof ApplicationHeaderDemo;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ApplicationHeaderDemo.stories.d.ts.map

package/dist/stories/pages/ApplicationHeaderDemo.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationHeaderDemo.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/pages/ApplicationHeaderDemo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,qBAAqB,MAAM,mCAAmC,CAAA;AAErE,QAAA,MAAM,IAAI;;;;;;CAIoC,CAAA;AAE9C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/pages/ButtonTextFieldTest.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as ButtonTextFieldTest } from '../../pages/ButtonTextFieldTest';
+declare const meta: {
+    title: string;
+    component: typeof ButtonTextFieldTest;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ButtonTextFieldTest.stories.d.ts.map

package/dist/stories/pages/ButtonTextFieldTest.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTextFieldTest.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/pages/ButtonTextFieldTest.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,mBAAmB,MAAM,iCAAiC,CAAA;AAEjE,QAAA,MAAM,IAAI;;;;;;CAIkC,CAAA;AAE5C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/pages/ESGConferenceRegistration.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as ESGConferenceRegistration } from '../../pages/ESGConferenceRegistration';
+declare const meta: {
+    title: string;
+    component: typeof ESGConferenceRegistration;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ESGConferenceRegistration.stories.d.ts.map

package/dist/stories/pages/ESGConferenceRegistration.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ESGConferenceRegistration.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/pages/ESGConferenceRegistration.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,yBAAyB,MAAM,uCAAuC,CAAA;AAE7E,QAAA,MAAM,IAAI;;;;;;CAIwC,CAAA;AAElD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/pages/InsuranceQuoteWizard.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as InsuranceQuoteWizard } from '../../pages/InsuranceQuoteWizard';
+declare const meta: {
+    title: string;
+    component: typeof InsuranceQuoteWizard;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=InsuranceQuoteWizard.stories.d.ts.map

package/dist/stories/pages/InsuranceQuoteWizard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsuranceQuoteWizard.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/pages/InsuranceQuoteWizard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,oBAAoB,MAAM,kCAAkC,CAAA;AAEnE,QAAA,MAAM,IAAI;;;;;;CAImC,CAAA;AAE7C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/patterns/ApplicationStatus.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ApplicationStatus.stories.d.ts.map

package/dist/stories/patterns/ApplicationStatus.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationStatus.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/patterns/ApplicationStatus.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;CAIgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/patterns/DocumentReview.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=DocumentReview.stories.d.ts.map

package/dist/stories/patterns/DocumentReview.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentReview.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/patterns/DocumentReview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;CAI6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/patterns/FormEntry.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=FormEntry.stories.d.ts.map

package/dist/stories/patterns/FormEntry.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormEntry.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/patterns/FormEntry.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;CAIwB,CAAA;AAElC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/patterns/Publications.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Publications.stories.d.ts.map

package/dist/stories/patterns/Publications.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Publications.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/patterns/Publications.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;CAI2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/patterns/TaskDashboard.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=TaskDashboard.stories.d.ts.map

package/dist/stories/patterns/TaskDashboard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDashboard.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/patterns/TaskDashboard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;CAI4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/dist/stories/patterns/UserProfile.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=UserProfile.stories.d.ts.map

package/dist/stories/patterns/UserProfile.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/patterns/UserProfile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;CAI0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pglevy/sailwind",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Appian SAIL components for React - Pre-release version under active development",
   "type": "module",
   "main": "./dist/index.js",
@@ -42,13 +42,15 @@
     "build:lib": "vite build --mode library",
     "lint": "eslint .",
     "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "check-page": "node scripts/quick-check.cjs",
     "check-page:full": "node scripts/full-check.cjs",
     "prepublishOnly": "npm run build:lib",
     "version:patch": "npm version patch",
     "version:minor": "npm version minor",
     "version:major": "npm version major",
-    "release": "npm run build:lib && npm publish"
+    "release": "npm run build:lib && npm publish --access public"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -62,11 +64,14 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle": "^1.1.10",
-    "lucide-react": "^0.545.0",
-    "wouter": "^3.7.1"
+    "lucide-react": "^0.545.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
+    "@storybook/addon-a11y": "^10.2.8",
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/addon-themes": "^10.2.8",
+    "@storybook/react-vite": "^10.2.8",
     "@tailwindcss/postcss": "^4.1.14",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
@@ -80,6 +85,7 @@
     "postcss": "^8.5.6",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
+    "storybook": "^10.2.8",
     "tailwindcss": "^4.1.14",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.44.0",

package/dist/components/TableOfContents.d.ts

@@ -1,2 +0,0 @@
-export declare const TableOfContents: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TableOfContents.d.ts.map

package/dist/components/TableOfContents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../src/components/TableOfContents.tsx"],"names":[],"mappings":"AAkIA,eAAO,MAAM,eAAe,+CA4B3B,CAAA"}