@impulse-ui-native/storybook 2.0.1 → 2.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/story-documentation-page.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface StoryDocumentationPageProps extends PropsWithChildren {
+    title: string;
+    description?: string;
+}
+declare const StoryDocumentationPage: react.MemoExoticComponent<({ title, description, children, }: StoryDocumentationPageProps) => react_jsx_runtime.JSX.Element>;
+
+export { StoryDocumentationPage };

package/dist/components/story-documentation-page.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { ScrollView } from "react-native";
+import { Typography, View } from "@impulse-ui-native/primitives";
+import { useSpace } from "@impulse-ui-native/theme";
+const StoryDocumentationPage = memo(function StoryDocumentationPage2({
+  title,
+  description,
+  children
+}) {
+  const space = useSpace();
+  return /* @__PURE__ */ jsx(ScrollView, { children: /* @__PURE__ */ jsxs(View, { gap: space.md, padding: space.sm, children: [
+    /* @__PURE__ */ jsxs(View, { gap: space.xs, children: [
+      /* @__PURE__ */ jsx(Typography.Title2, { children: title }),
+      description ? /* @__PURE__ */ jsx(Typography.Master, { children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsx(View, { gap: space.md, children })
+  ] }) });
+});
+export {
+  StoryDocumentationPage
+};
+//# sourceMappingURL=story-documentation-page.js.map

package/dist/components/story-documentation-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/story-documentation-page.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\nimport { ScrollView } from \"react-native\";\n\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useSpace } from \"@impulse-ui-native/theme\";\n\ninterface StoryDocumentationPageProps extends PropsWithChildren {\n  title: string;\n  description?: string;\n}\n\nexport const StoryDocumentationPage = memo(function StoryDocumentationPage({\n  title,\n  description,\n  children,\n}: StoryDocumentationPageProps) {\n  const space = useSpace();\n\n  return (\n    <ScrollView>\n      <View gap={space.md} padding={space.sm}>\n        <View gap={space.xs}>\n          <Typography.Title2>{title}</Typography.Title2>\n\n          {description ? (\n            <Typography.Master>{description}</Typography.Master>\n          ) : null}\n        </View>\n\n        <View gap={space.md}>{children}</View>\n      </View>\n    </ScrollView>\n  );\n});\n"],"mappings":"AAsBQ,SACE,KADF;AArBR,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAE3B,SAAS,YAAY,YAAY;AACjC,SAAS,gBAAgB;AAOlB,MAAM,yBAAyB,KAAK,SAASA,wBAAuB;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,QAAQ,SAAS;AAEvB,SACE,oBAAC,cACC,+BAAC,QAAK,KAAK,MAAM,IAAI,SAAS,MAAM,IAClC;AAAA,yBAAC,QAAK,KAAK,MAAM,IACf;AAAA,0BAAC,WAAW,QAAX,EAAmB,iBAAM;AAAA,MAEzB,cACC,oBAAC,WAAW,QAAX,EAAmB,uBAAY,IAC9B;AAAA,OACN;AAAA,IAEA,oBAAC,QAAK,KAAK,MAAM,IAAK,UAAS;AAAA,KACjC,GACF;AAEJ,CAAC;","names":["StoryDocumentationPage"]}

package/dist/components/story-example.d.mts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface StoryExamplePropDefinition {
+    name: string;
+    value: string;
+    description?: string;
+}
+interface StoryExampleProps extends PropsWithChildren {
+    title: string;
+    description: string;
+    props?: StoryExamplePropDefinition[];
+    elevated?: boolean;
+}
+declare const StoryExample: react.MemoExoticComponent<({ title, description, props, children, elevated, }: StoryExampleProps) => react_jsx_runtime.JSX.Element>;
+
+export { StoryExample, type StoryExamplePropDefinition };

package/dist/components/story-example.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Typography, View } from "@impulse-ui-native/primitives";
+import { useColors, useRadii, useSpace } from "@impulse-ui-native/theme";
+const StoryExample = memo(function StoryExample2({
+  title,
+  description,
+  props,
+  children,
+  elevated
+}) {
+  const colors = useColors();
+  const radii = useRadii();
+  const space = useSpace();
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      gap: space.md,
+      padding: space.sm,
+      borderRadius: elevated ? radii.sm : void 0,
+      backgroundColor: elevated ? colors.surface.elevated.value : void 0,
+      shadow: elevated ? "sm" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(View, { gap: space.xs, children: [
+          /* @__PURE__ */ jsx(Typography.Title4, { children: title }),
+          /* @__PURE__ */ jsx(Typography.Master, { children: description })
+        ] }),
+        props?.length ? /* @__PURE__ */ jsxs(View, { gap: space.sm, children: [
+          /* @__PURE__ */ jsx(Typography.Overline, { children: "Props" }),
+          /* @__PURE__ */ jsx(View, { gap: space.xs, children: props.map((prop) => /* @__PURE__ */ jsxs(
+            View,
+            {
+              gap: space.xs,
+              padding: space.xs,
+              borderRadius: radii.md,
+              backgroundColor: colors.surface.secondary.value,
+              children: [
+                /* @__PURE__ */ jsxs(
+                  View,
+                  {
+                    flexDirection: "row",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: space.sm,
+                    children: [
+                      /* @__PURE__ */ jsx(Typography.Label, { children: prop.name }),
+                      /* @__PURE__ */ jsx(
+                        View,
+                        {
+                          paddingHorizontal: space.xs,
+                          paddingVertical: space.xxs,
+                          borderRadius: radii.sm,
+                          backgroundColor: colors.surface.primary.value,
+                          children: /* @__PURE__ */ jsx(Typography.Code, { children: prop.value })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                prop.description ? /* @__PURE__ */ jsx(Typography.Helper, { children: prop.description }) : null
+              ]
+            },
+            prop.name
+          )) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs(View, { gap: space.xs, children: [
+          /* @__PURE__ */ jsx(Typography.Caption, { children: "Preview" }),
+          children
+        ] })
+      ]
+    }
+  );
+});
+export {
+  StoryExample
+};
+//# sourceMappingURL=story-example.js.map

package/dist/components/story-example.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/story-example.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\n\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useColors, useRadii, useSpace } from \"@impulse-ui-native/theme\";\n\nexport interface StoryExamplePropDefinition {\n  name: string;\n  value: string;\n  description?: string;\n}\n\ninterface StoryExampleProps extends PropsWithChildren {\n  title: string;\n  description: string;\n  props?: StoryExamplePropDefinition[];\n  elevated?: boolean;\n}\n\nexport const StoryExample = memo(function StoryExample({\n  title,\n  description,\n  props,\n  children,\n  elevated,\n}: StoryExampleProps) {\n  const colors = useColors();\n  const radii = useRadii();\n  const space = useSpace();\n\n  return (\n    <View\n      gap={space.md}\n      padding={space.sm}\n      borderRadius={elevated ? radii.sm : undefined}\n      backgroundColor={elevated ? colors.surface.elevated.value : undefined}\n      shadow={elevated ? \"sm\" : undefined}\n    >\n      <View gap={space.xs}>\n        <Typography.Title4>{title}</Typography.Title4>\n        <Typography.Master>{description}</Typography.Master>\n      </View>\n\n      {props?.length ? (\n        <View gap={space.sm}>\n          <Typography.Overline>Props</Typography.Overline>\n\n          <View gap={space.xs}>\n            {props.map((prop) => (\n              <View\n                key={prop.name}\n                gap={space.xs}\n                padding={space.xs}\n                borderRadius={radii.md}\n                backgroundColor={colors.surface.secondary.value}\n              >\n                <View\n                  flexDirection=\"row\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                  gap={space.sm}\n                >\n                  <Typography.Label>{prop.name}</Typography.Label>\n\n                  <View\n                    paddingHorizontal={space.xs}\n                    paddingVertical={space.xxs}\n                    borderRadius={radii.sm}\n                    backgroundColor={colors.surface.primary.value}\n                  >\n                    <Typography.Code>{prop.value}</Typography.Code>\n                  </View>\n                </View>\n\n                {prop.description ? (\n                  <Typography.Helper>{prop.description}</Typography.Helper>\n                ) : null}\n              </View>\n            ))}\n          </View>\n        </View>\n      ) : null}\n\n      <View gap={space.xs}>\n        <Typography.Caption>Preview</Typography.Caption>\n        {children}\n      </View>\n    </View>\n  );\n});\n"],"mappings":"AAsCM,SACE,KADF;AArCN,SAAS,YAAY;AAErB,SAAS,YAAY,YAAY;AACjC,SAAS,WAAW,UAAU,gBAAgB;AAevC,MAAM,eAAe,KAAK,SAASA,cAAa;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,SAAS,MAAM;AAAA,MACf,cAAc,WAAW,MAAM,KAAK;AAAA,MACpC,iBAAiB,WAAW,OAAO,QAAQ,SAAS,QAAQ;AAAA,MAC5D,QAAQ,WAAW,OAAO;AAAA,MAE1B;AAAA,6BAAC,QAAK,KAAK,MAAM,IACf;AAAA,8BAAC,WAAW,QAAX,EAAmB,iBAAM;AAAA,UAC1B,oBAAC,WAAW,QAAX,EAAmB,uBAAY;AAAA,WAClC;AAAA,QAEC,OAAO,SACN,qBAAC,QAAK,KAAK,MAAM,IACf;AAAA,8BAAC,WAAW,UAAX,EAAoB,mBAAK;AAAA,UAE1B,oBAAC,QAAK,KAAK,MAAM,IACd,gBAAM,IAAI,CAAC,SACV;AAAA,YAAC;AAAA;AAAA,cAEC,KAAK,MAAM;AAAA,cACX,SAAS,MAAM;AAAA,cACf,cAAc,MAAM;AAAA,cACpB,iBAAiB,OAAO,QAAQ,UAAU;AAAA,cAE1C;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,YAAW;AAAA,oBACX,gBAAe;AAAA,oBACf,KAAK,MAAM;AAAA,oBAEX;AAAA,0CAAC,WAAW,OAAX,EAAkB,eAAK,MAAK;AAAA,sBAE7B;AAAA,wBAAC;AAAA;AAAA,0BACC,mBAAmB,MAAM;AAAA,0BACzB,iBAAiB,MAAM;AAAA,0BACvB,cAAc,MAAM;AAAA,0BACpB,iBAAiB,OAAO,QAAQ,QAAQ;AAAA,0BAExC,8BAAC,WAAW,MAAX,EAAiB,eAAK,OAAM;AAAA;AAAA,sBAC/B;AAAA;AAAA;AAAA,gBACF;AAAA,gBAEC,KAAK,cACJ,oBAAC,WAAW,QAAX,EAAmB,eAAK,aAAY,IACnC;AAAA;AAAA;AAAA,YA1BC,KAAK;AAAA,UA2BZ,CACD,GACH;AAAA,WACF,IACE;AAAA,QAEJ,qBAAC,QAAK,KAAK,MAAM,IACf;AAAA,8BAAC,WAAW,SAAX,EAAmB,qBAAO;AAAA,UAC1B;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["StoryExample"]}

package/dist/constants/index.d.mts

@@ -0,0 +1 @@
+export { ComponentSizeOptions, ComponentVariantOptions } from './storybook.constants.mjs';

package/dist/constants/index.js

@@ -0,0 +1,2 @@
+export * from "./storybook.constants";
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/index.ts"],"sourcesContent":["export * from \"./storybook.constants\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/constants/storybook.constants.d.mts

@@ -0,0 +1,4 @@
+declare const ComponentSizeOptions: ("small" | "medium" | "large")[];
+declare const ComponentVariantOptions: ("filled" | "outlined" | "soft" | "ghost" | "plain")[];
+
+export { ComponentSizeOptions, ComponentVariantOptions };

package/dist/constants/storybook.constants.js

@@ -0,0 +1,17 @@
+const ComponentSizeOptions = [
+  "small",
+  "medium",
+  "large"
+];
+const ComponentVariantOptions = [
+  "filled",
+  "outlined",
+  "soft",
+  "ghost",
+  "plain"
+];
+export {
+  ComponentSizeOptions,
+  ComponentVariantOptions
+};
+//# sourceMappingURL=storybook.constants.js.map

package/dist/constants/storybook.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/storybook.constants.ts"],"sourcesContent":["import type { ComponentSize, ComponentVariant } from \"@impulse-ui-native/theme\";\n\nexport const ComponentSizeOptions = [\n  \"small\",\n  \"medium\",\n  \"large\",\n] satisfies ComponentSize[];\n\nexport const ComponentVariantOptions = [\n  \"filled\",\n  \"outlined\",\n  \"soft\",\n  \"ghost\",\n  \"plain\",\n] satisfies ComponentVariant[];\n"],"mappings":"AAEO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/index.d.mts

@@ -1,11 +1,2 @@
-declare function createStoryDescription(notes: string): {
-    notes: string;
-};
-declare function createComponentDescription(notes: string): {
-    notes: string;
-};
-
-declare const ComponentSizeOptions: ("small" | "medium" | "large")[];
-declare const ComponentVariantOptions: ("filled" | "outlined" | "soft" | "ghost" | "plain")[];
-
-export { ComponentSizeOptions, ComponentVariantOptions, createComponentDescription, createStoryDescription };
+export { createComponentDescription, createStoryDescription } from './utils/storybook.utils.mjs';
+export { ComponentSizeOptions, ComponentVariantOptions } from './constants/storybook.constants.mjs';

package/dist/index.js

@@ -1,32 +1,3 @@
-// src/utils/storybook.utils.ts
-function createStoryDescription(notes) {
-  return {
-    notes
-  };
-}
-function createComponentDescription(notes) {
-  return {
-    notes
-  };
-}
-
-// src/constants/storybook.constants.ts
-var ComponentSizeOptions = [
-  "small",
-  "medium",
-  "large"
-];
-var ComponentVariantOptions = [
-  "filled",
-  "outlined",
-  "soft",
-  "ghost",
-  "plain"
-];
-export {
-  ComponentSizeOptions,
-  ComponentVariantOptions,
-  createComponentDescription,
-  createStoryDescription
-};
+export * from "./utils";
+export * from "./constants";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/storybook.utils.ts","../src/constants/storybook.constants.ts"],"sourcesContent":["export function createStoryDescription(notes: string) {\r\n  return {\r\n    notes,\r\n  };\r\n}\r\n\r\nexport function createComponentDescription(notes: string) {\r\n  return {\r\n    notes,\r\n  };\r\n}\r\n","import { ComponentSize, ComponentVariant } from \"@impulse-ui-native/theme\";\r\n\r\nexport const ComponentSizeOptions = [\r\n  \"small\",\r\n  \"medium\",\r\n  \"large\",\r\n] satisfies ComponentSize[];\r\n\r\nexport const ComponentVariantOptions = [\r\n  \"filled\",\r\n  \"outlined\",\r\n  \"soft\",\r\n  \"ghost\",\r\n  \"plain\",\r\n] satisfies ComponentVariant[];\r\n"],"mappings":";AAAO,SAAS,uBAAuB,OAAe;AACpD,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,2BAA2B,OAAe;AACxD,SAAO;AAAA,IACL;AAAA,EACF;AACF;;;ACRO,IAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./utils\";\nexport * from \"./constants\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/utils/index.d.mts

@@ -0,0 +1 @@
+export { createComponentDescription, createStoryDescription } from './storybook.utils.mjs';

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./storybook.utils";
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./storybook.utils\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/utils/storybook.utils.d.mts

@@ -0,0 +1,8 @@
+declare function createStoryDescription(notes: string): {
+    notes: string;
+};
+declare function createComponentDescription(notes: string): {
+    notes: string;
+};
+
+export { createComponentDescription, createStoryDescription };

package/dist/utils/storybook.utils.js

@@ -0,0 +1,15 @@
+function createStoryDescription(notes) {
+  return {
+    notes
+  };
+}
+function createComponentDescription(notes) {
+  return {
+    notes
+  };
+}
+export {
+  createComponentDescription,
+  createStoryDescription
+};
+//# sourceMappingURL=storybook.utils.js.map

package/dist/utils/storybook.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/storybook.utils.ts"],"sourcesContent":["export function createStoryDescription(notes: string) {\n  return {\n    notes,\n  };\n}\n\nexport function createComponentDescription(notes: string) {\n  return {\n    notes,\n  };\n}\n"],"mappings":"AAAO,SAAS,uBAAuB,OAAe;AACpD,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,2BAA2B,OAAe;AACxD,SAAO;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/storybook",
-  "version": "2.0.1",
+  "version": "2.1.1",
   "source": "src/index.ts",
   "module": "dist/index.js",
   "types": "dist/index.d.mts",
@@ -17,16 +17,19 @@
     "README.md",
     "LICENSE"
   ],
+  "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/toolkit": "2.0.1"
+    "@impulse-ui-native/theme": "2.1.1",
+    "@impulse-ui-native/primitives": "2.1.1",
+    "@impulse-ui-native/icon": "2.1.1"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
     "eslint": "^9.38.0",
     "prettier": "^3.6.2",
-    "react": "19.2.0",
-    "react-native": "0.83.6",
-    "typescript": "~5.9.2",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "typescript": "~6.0.3",
     "@impulse-ui-native/prettier-config": "1.0.0",
     "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0"