@pglevy/sailwind 0.1.0 → 0.3.0

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.1.0",
+  "version": "0.3.0",
   "description": "Appian SAIL components for React - Pre-release version under active development",
   "type": "module",
   "main": "./dist/index.js",
@@ -42,9 +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"
+    "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 --access public"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -58,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",
@@ -76,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":"AA6HA,eAAO,MAAM,eAAe,+CA4B3B,CAAA"}

package/dist/components/TableOfContents.js

@@ -1,142 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useLocation as c } from "wouter";
-import { CardLayout as d } from "./Card/CardLayout.js";
-import { HeadingField as s } from "./Heading/HeadingField.js";
-import { RichTextDisplayField as l } from "./RichText/RichTextDisplayField.js";
-import { TextItem as r } from "./RichText/TextItem.js";
-import "react";
-import "lucide-react";
-const n = [
-  {
-    title: "Component Library",
-    items: [
-      {
-        title: "Components",
-        path: "/components",
-        description: "Interactive component demos and documentation"
-      }
-    ]
-  },
-  {
-    title: "Interface Patterns",
-    items: [
-      {
-        title: "Task Dashboard",
-        path: "/patterns/taskdashboard",
-        description: "Task management interface with status tracking"
-      },
-      {
-        title: "Application Status",
-        path: "/patterns/applicationstatus",
-        description: "Application review and approval workflow"
-      },
-      {
-        title: "Document Review",
-        path: "/patterns/documentreview",
-        description: "Document approval and feedback interface"
-      },
-      {
-        title: "User Profile",
-        path: "/patterns/userprofile",
-        description: "User information and settings management"
-      },
-      {
-        title: "Form Entry",
-        path: "/patterns/formentry",
-        description: "Data entry form with validation"
-      },
-      {
-        title: "Publications",
-        path: "/patterns/publications",
-        description: "List of items in a card with tags and filtering"
-      }
-    ]
-  },
-  {
-    title: "Pages",
-    items: [
-      {
-        title: "ESG Conference Registration",
-        path: "/esgconferenceregistration",
-        description: "Event registration with multiple steps"
-      },
-      {
-        title: "Insurance Quote Wizard",
-        path: "/insurancequotewizard",
-        description: "Multi-step insurance quote process"
-      }
-    ]
-  }
-], m = ({ item: e }) => {
-  const [, a] = c();
-  return /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(
-    l,
-    {
-      value: [
-        /* @__PURE__ */ t(
-          r,
-          {
-            text: e.title,
-            color: "ACCENT",
-            size: "MEDIUM",
-            link: () => a(e.path),
-            linkStyle: "STANDALONE"
-          },
-          "title"
-        ),
-        /* @__PURE__ */ t("br", {}),
-        /* @__PURE__ */ t(
-          r,
-          {
-            text: e.description,
-            color: "SECONDARY",
-            size: "STANDARD"
-          },
-          "desc"
-        )
-      ],
-      marginBelow: "EVEN_LESS"
-    }
-  ) });
-}, o = ({ group: e }) => /* @__PURE__ */ i("div", { children: [
-  /* @__PURE__ */ t(
-    s,
-    {
-      text: e.title,
-      size: "MEDIUM",
-      fontWeight: "SEMI_BOLD",
-      headingTag: "H2",
-      marginBelow: "STANDARD"
-    }
-  ),
-  /* @__PURE__ */ t("div", { className: "space-y-2", children: e.items.map((a, p) => /* @__PURE__ */ t(m, { item: a }, p)) })
-] }), T = () => /* @__PURE__ */ i("div", { className: "max-w-4xl mx-auto", children: [
-  /* @__PURE__ */ t(
-    s,
-    {
-      text: "Table of Contents",
-      size: "LARGE",
-      headingTag: "H2",
-      align: "CENTER",
-      marginBelow: "EVEN_LESS"
-    }
-  ),
-  /* @__PURE__ */ t(
-    l,
-    {
-      value: ["Explore the available components and example interfaces"],
-      align: "CENTER",
-      marginBelow: "MORE"
-    }
-  ),
-  /* @__PURE__ */ t(d, { padding: "MORE", marginBelow: "NONE", showBorder: !1, showShadow: !0, children: /* @__PURE__ */ i("div", { className: "grid gap-8 md:grid-cols-2", children: [
-    /* @__PURE__ */ i("div", { className: "space-y-8", children: [
-      /* @__PURE__ */ t(o, { group: n[0] }),
-      /* @__PURE__ */ t(o, { group: n[1] })
-    ] }),
-    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(o, { group: n[2] }) })
-  ] }) })
-] });
-export {
-  T as TableOfContents
-};