@gobolt/genesis 0.3.26 → 0.3.28

package/dist/providers/BreakpointProvider.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface BreakpointProviderProperties {
+    children: React.ReactNode;
+}
+export declare const BreakpointProvider: ({ children, }: BreakpointProviderProperties) => import("react/jsx-runtime").JSX.Element;
+export declare const useBreakpoint: () => string | number | symbol;
+export {};

package/dist/providers/GenesisProvider.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface GenesisProviderProperties {
+    children: React.ReactNode;
+    isDarkMode?: boolean;
+}
+export declare const GenesisProvider: React.FC<GenesisProviderProperties>;
+export default GenesisProvider;

package/dist/providers/ToastProvider.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface ToastContextType {
+    show: (message: string, state: string, action?: {
+        label: string;
+        onClick: unknown;
+    }) => void;
+}
+export declare const ToastContext: React.Context<ToastContextType | undefined>;
+export declare const ToastProvider: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useToast: () => ToastContextType;

package/dist/providers/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GenesisProvider } from './GenesisProvider';
+export { useGenesis } from './useGenesis';

package/dist/providers/useGenesis.d.ts

@@ -0,0 +1,7 @@
+import { ToastContextType } from './ToastProvider';
+import { BREAKPOINTS } from '../constants';
+export declare const useGenesis: () => {
+    theme: any;
+    breakpoint: keyof typeof BREAKPOINTS;
+    toast: ToastContextType;
+};

package/dist/styles/global-styles.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyles: any;

package/dist/styles/theme/genesis-theme.d.ts

@@ -1,79 +1 @@
-import type { GenesisTheme, BaseTokens } from "./genesis-theme.types";
-export declare const breakpoints: {
-    wide: number;
-    medium: number;
-    narrow: number;
-};
-export declare const sizing: {
-    Size1: number;
-    Size1_5: number;
-    Size2: number;
-    Size2_5: number;
-    Size3: number;
-    Size4: number;
-    Size5: number;
-    Size6: number;
-    Size7: number;
-    Size8: number;
-    Size10: number;
-    Size12: number;
-    Size13: number;
-    Size14: number;
-    Size16: number;
-    Size18: number;
-    Size20: number;
-    Size24: number;
-    Size27: number;
-    Size28: number;
-    Size30: number;
-    Size32: number;
-    Size34: number;
-    Size35: number;
-    Size39: number;
-    Size43: number;
-    Size50: number;
-    Size64: number;
-    Size05: number;
-    Size15: number;
-    Size025: number;
-    Size25: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    typography1: number;
-    typography2: number;
-    typography3: number;
-};
-export declare const TypographySizeKey: {
-    display1: string;
-    display2: string;
-    display3: string;
-    heading1: string;
-    heading2: string;
-    heading3: string;
-    subHeading1: string;
-    subHeading2: string;
-    subHeading3: string;
-    body1: string;
-    body2: string;
-    body3: string;
-    body4: string;
-    body5: string;
-    message: string;
-    overline1: string;
-    overline2: string;
-    overline3: string;
-    label1: string;
-    label2: string;
-    label3: string;
-    link1: string;
-    link2: string;
-    link3: string;
-    digits1: string;
-    digits2: string;
-    digits3: string;
-};
-export declare const baseTokens: BaseTokens;
-export declare const lightTheme: GenesisTheme;
-export declare const darkTheme: GenesisTheme;
+export { lightTheme, darkTheme } from '@gobolt/genesis-tokens';

package/dist/styles/theme/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./genesis-theme";
-export type { GenesisTheme } from "./genesis-theme.types";
+export * from './genesis-theme';
+export type { GenesisTheme } from './genesis-theme.types';

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export type { ActionEvent, BaseEventPayload } from './events';

package/dist/utils/user-util.d.ts

@@ -0,0 +1,2 @@
+import { GoBoltUser } from '../components/Avatar/Avatar';
+export declare const createInitials: (user: GoBoltUser) => string;

package/package.json

@@ -1,54 +1,54 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.3.26",
+  "version": "0.3.28",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
   "repository": "SecondCloset/genesis",
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
+      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
     "./components/*": {
       "types": "./dist/components/*.d.ts",
       "import": "./dist/components/*.js",
-      "require": "./dist/components/*.js",
+      "require": "./dist/components/*.cjs",
       "default": "./dist/components/*.js"
     },
     "./providers/*": {
       "types": "./dist/providers/*.d.ts",
       "import": "./dist/providers/*.js",
-      "require": "./dist/providers/*.js",
+      "require": "./dist/providers/*.cjs",
       "default": "./dist/providers/*.js"
     },
     "./styles/*": {
       "types": "./dist/styles/*.d.ts",
       "import": "./dist/styles/*.js",
-      "require": "./dist/styles/*.js",
+      "require": "./dist/styles/*.cjs",
       "default": "./dist/styles/*.js"
     },
     "./constants/*": {
       "types": "./dist/constants/*.d.ts",
       "import": "./dist/constants/*.js",
-      "require": "./dist/constants/*.js",
+      "require": "./dist/constants/*.cjs",
       "default": "./dist/constants/*.js"
     },
     "./utils/*": {
       "types": "./dist/utils/*.d.ts",
       "import": "./dist/utils/*.js",
-      "require": "./dist/utils/*.js",
+      "require": "./dist/utils/*.cjs",
       "default": "./dist/utils/*.js"
     },
     "./interface/*": {
       "types": "./dist/interface/*.d.ts",
       "import": "./dist/interface/*.js",
-      "require": "./dist/interface/*.js",
+      "require": "./dist/interface/*.cjs",
       "default": "./dist/interface/*.js"
     }
   },
@@ -58,11 +58,10 @@
   "scripts": {
     "clean-install": "npm install --no-audit --no-fund",
     "dev": "vite",
-    "build": "tsc --extendedDiagnostics --p ./tsconfig-build.json",
-    "build:minimal": "node build-minimal.js",
+    "build": "vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "prepublishOnly": "npm run build:minimal",
+    "prepublishOnly": "npm run build",
     "start": "storybook dev -p 6006",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -94,20 +93,13 @@
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
-    "@storybook/addon-a11y": "^8.6.5",
-    "@storybook/addon-docs": "^8.6.5",
-    "@storybook/addon-essentials": "^8.6.5",
-    "@storybook/addon-interactions": "^8.6.5",
-    "@storybook/addon-links": "^8.6.5",
-    "@storybook/addon-mdx-gfm": "^8.6.5",
-    "@storybook/addon-themes": "^8.6.5",
-    "@storybook/blocks": "^8.6.5",
-    "@storybook/manager-api": "^8.6.5",
-    "@storybook/react": "^8.6.5",
-    "@storybook/react-vite": "^8.6.5",
-    "@storybook/test": "^8.6.5",
-    "@storybook/test-runner": "^0.19.1",
-    "@storybook/theming": "^8.6.5",
+    "@storybook/addon-a11y": "^9.1.3",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-links": "^9.1.3",
+    "@storybook/addon-themes": "^9.1.3",
+    "@mdx-js/react": "^3.0.1",
+    "@storybook/react-vite": "^9.1.3",
+    "@storybook/test-runner": "^0.23.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^14.1.2",
@@ -120,6 +112,8 @@
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/browser": "^3.0.8",
     "@vitest/ui": "^3.0.8",
+    "ajv": "^8.17.1",
+    "ajv-draft-04": "^1.0.0",
     "chalk": "^5.4.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^10.1.5",
@@ -128,7 +122,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^9.1.3",
     "eslint-plugin-unicorn": "^48.0.1",
     "glob": "^10.3.10",
     "jest": "^29.7.0",
@@ -141,9 +135,9 @@
     "rimraf": "^5.0.5",
     "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-dts": "^6.1.1",
-    "storybook": "^8.6.5",
+    "storybook": "^9.1.3",
     "tsx": "^4.19.2",
-    "typescript": "^5.2.2",
+    "typescript": "^5.3.3",
     "vite": "^7.0.3",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-dts": "^4.5.3",
@@ -153,6 +147,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.5.2",
+    "@gobolt/genesis-tokens": "^0.0.9",
     "@mdx-js/react": "^3.0.1",
     "@secondcloset/types": "^3.4.6",
     "@types/d3": "^7.4.3",
@@ -170,8 +165,7 @@
     "react-toastify": "^11.0.3",
     "recharts": "^2.15.1",
     "socket.io-client": "^4.8.1",
-    "styled-components": "^6.0.0",
-    "typescript": "^5.2.2"
+    "styled-components": "^6.0.0"
   },
   "sideEffects": [
     "**/*.css"

package/dist/components/Badge/Badge.js

@@ -1,51 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as S from "./styles";
-import { Typography } from "@gobolt/genesis/components";
-import { useGenesis } from "@gobolt/genesis/providers";
-import { getBadgeStateIcon } from "@gobolt/genesis/utils/icon-util";
-import { HiOutlineX } from "react-icons/hi";
-var isBadgeIconFilled = false;
-var Badge = function (_a) {
-    var label = _a.label, _b = _a.state, state = _b === void 0 ? "info" : _b, isDisabled = _a.isDisabled, _c = _a.hasClose, hasClose = _c === void 0 ? false : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.size, size = _e === void 0 ? "normal" : _e, _f = _a.hasIcon, hasIcon = _f === void 0 ? true : _f, _g = _a.customIcon, customIcon = _g === void 0 ? null : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? null : _h, _j = _a.textColor, textColor = _j === void 0 ? null : _j, _k = _a.hasHover, hasHover = _k === void 0 ? false : _k, rest = __rest(_a, ["label", "state", "isDisabled", "hasClose", "onClick", "size", "hasIcon", "customIcon", "backgroundColor", "textColor", "hasHover"]);
-    var theme = useGenesis().theme;
-    var role = hasClose ? "button" : "badge";
-    if (!label) {
-        return (_jsx(S.Badge, __assign({ label: label, role: "badge", state: state, disabled: isDisabled, style: {
-                padding: "4px 4px",
-            }, "$hasHover": hasHover }, rest, { children: _jsx("div", { style: {
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                }, children: getBadgeStateIcon(state, backgroundColor || theme.colors.status[state].onsurface, isBadgeIconFilled, hasIcon, customIcon) }) })));
-    }
-    return (_jsxs(S.Badge, __assign({ label: label, role: role, onClick: onClick, state: state, disabled: isDisabled, style: { cursor: role === "button" ? "pointer" : "default" }, "$backgroundColor": backgroundColor, "$hasHover": hasHover }, rest, { children: [getBadgeStateIcon(state, isDisabled
-                ? theme.colors.status.disabled.default
-                : textColor || theme.colors.status[state].onsurface, isBadgeIconFilled, hasIcon, customIcon), _jsx(Typography, { variant: size === "small" ? "label3" : "label2", color: isDisabled
-                    ? theme.colors.status.disabled.default
-                    : textColor || theme.colors.status[state].onsurface, 
-                // @ts-ignore
-                isDisabled: isDisabled, children: label }), hasClose ? (_jsx(HiOutlineX, { color: theme.colors.status[state].onsurface })) : null] })));
-};
-export default Badge;

package/dist/components/Badge/index.js

@@ -1 +0,0 @@
-export { default } from "./Badge";

package/dist/components/Badge/styles.js

@@ -1,21 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from "@gobolt/genesis/utils/styled";
-var getBorderColor = function (theme, state) {
-    if (state === "hollow") {
-        return theme.colors.inputs.surface.border;
-    }
-    return theme.colors.status[state].surface;
-};
-export var getGenesisClass = function (theme, state, label, disabled, $backgroundColor, $hasHover) { return "\n  display: inline-flex; \n  align-self: inherit;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  padding-top: ".concat(theme.components.badge["ver-padding"], "px;\n  padding-bottom: ").concat(theme.components.badge["ver-padding"], "px;\n  padding-left: ").concat(theme.components.badge["left-padding"], "px;\n  padding-right: ").concat(theme.components.badge["right-padding"], "px;\n  border-radius: ").concat(theme.components.badge.radius, "px;\n  border: 1px solid ").concat(getBorderColor(theme, state), ";\n  background-color: ").concat($backgroundColor || theme.colors.status[state].surface, ";\n\n  &:not(:disabled):hover {\n    ").concat($hasHover
-    ? "background-color: ".concat(theme.colors.status[state]["surface-hover"], ";")
-    : "", "\n  }\n\n  ").concat(disabled
-    ? "\n    background-color: ".concat(theme.colors.status.disabled.surface, " !important;\n    border-color: ").concat(theme.colors.status.disabled, " !important;\n    border: none;\n    cursor: not-allowed;\n\n    &:hover {\n      cursor: not-allowed;\n    }\n  ")
-    : "", "\n"); };
-export var Badge = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, state = _a.state, label = _a.label, disabled = _a.disabled, $backgroundColor = _a.$backgroundColor, $hasHover = _a.$hasHover;
-    return getGenesisClass(theme, state, label, disabled, $backgroundColor, $hasHover);
-});
-var templateObject_1;

package/dist/components/Button/Button.js

@@ -1,36 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as S from "./styles";
-var getState = function (state, isSelected) {
-    if (isSelected) {
-        return "selected";
-    }
-    return state === "active" || state === "disabled" ? state : "active";
-};
-var Button = function (_a) {
-    var children = _a.children, onClick = _a.onClick, _b = _a.themeType, themeType = _b === void 0 ? "primary" : _b, _c = _a.state, state = _c === void 0 ? "active" : _c, _d = _a.isIconButton, isIconButton = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "normal" : _e, isSelected = _a.isSelected, rest = __rest(_a, ["children", "onClick", "themeType", "state", "isIconButton", "size", "isSelected"]);
-    var buttonState = getState(state, isSelected);
-    return (_jsx(S.Button, __assign({ onClick: onClick, "$themeType": themeType, "$state": buttonState, disabled: state === "disabled" || rest.disabled, "$isIconButton": isIconButton, size: size }, rest, { children: children })));
-};
-export default Button;

package/dist/components/Button/IconButton.js

@@ -1,32 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as S from "./icon-button-styles";
-import { TYPE } from "../../constants";
-var IconButton = function (_a) {
-    var _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, _c = _a.state, state = _c === void 0 ? "active" : _c, onClick = _a.onClick, icon = _a.icon, _d = _a.size, size = _d === void 0 ? "small" : _d, rest = __rest(_a, ["isSelected", "state", "onClick", "icon", "size"]);
-    var buttonState = state === "active" || state === "disabled" ? state : "active";
-    var themeType = TYPE.icon;
-    return (_jsx(S.Button, __assign({ onClick: onClick, "$themeType": themeType, "$state": buttonState, disabled: state === "disabled" || rest.disabled, size: size, "$isSelected": isSelected }, rest, { children: icon })));
-};
-export default IconButton;

package/dist/components/Button/__stories__/Button.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import Button from "../Button";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Focussed: Story;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const Destructive: Story;
-export declare const LeftIcon: Story;
-export declare const RightIcon: Story;

package/dist/components/Button/__stories__/Button.stories.js

@@ -1,154 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Button from "../Button";
-import { TYPE, STATE } from "../../../constants";
-import description from "./ButtonDescription.md?raw";
-import { SearchOutlined } from "@ant-design/icons";
-// remove the focussed key since we have a separate story for that
-var focussed = STATE.focussed, stateWithoutFocussed = __rest(STATE, ["focussed"]);
-var meta = {
-    title: "Components/Buttons/Button",
-    component: Button,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-        docs: {
-            description: {
-                component: description,
-            },
-        },
-    },
-    argTypes: {
-        themeType: {
-            control: "radio",
-            options: ["primary", "secondary", "tertiary", "destructive"],
-        },
-        state: {
-            control: "radio",
-            options: Object.keys(stateWithoutFocussed),
-        },
-        size: {
-            control: "radio",
-            options: ["small", "normal", "large"],
-            defaultValue: "large",
-        },
-    },
-};
-export default meta;
-export var Focussed = {
-    args: {
-        children: "Button Label",
-        themeType: TYPE.primary,
-    },
-    play: function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-        var button;
-        var canvasElement = _b.canvasElement;
-        return __generator(this, function (_c) {
-            button = canvasElement.querySelector("button");
-            if (button) {
-                button.focus();
-            }
-            return [2 /*return*/];
-        });
-    }); },
-};
-var onClick = function (e) {
-    alert("Button Clicked");
-};
-export var Primary = {
-    args: {
-        children: "Button Label",
-        themeType: TYPE.primary,
-        size: "large",
-        onClick: onClick,
-    },
-};
-export var Secondary = {
-    args: {
-        children: "Button Label",
-        themeType: TYPE.secondary,
-        size: "large",
-        onClick: onClick,
-    },
-};
-export var Tertiary = {
-    args: {
-        children: "Button Label",
-        themeType: TYPE.tertiary,
-        size: "large",
-        onClick: onClick,
-    },
-};
-export var Destructive = {
-    args: {
-        children: "Button Label",
-        themeType: TYPE.destructive,
-        size: "large",
-        onClick: onClick,
-    },
-};
-export var LeftIcon = {
-    args: {
-        children: "Button Label",
-        themeType: TYPE.primary,
-        icon: _jsx(SearchOutlined, {}),
-        iconPosition: "start",
-        size: "large",
-        onClick: onClick,
-    },
-};
-export var RightIcon = {
-    args: {
-        children: "Button Label",
-        themeType: TYPE.primary,
-        icon: _jsx(SearchOutlined, {}),
-        iconPosition: "end",
-        onClick: onClick,
-    },
-};

package/dist/components/Button/__stories__/IconButton.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import IconButton from "../IconButton";
-declare const meta: Meta<typeof IconButton>;
-export default meta;
-type Story = StoryObj<typeof IconButton>;
-export declare const Default: Story;
-export declare const Focussed: Story;
-export declare const Selected: Story;