@gobolt/genesis 0.3.26 → 0.3.27

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,4 +1,4 @@
-import type { GenesisTheme, BaseTokens } from "./genesis-theme.types";
+import { GenesisTheme, BaseTokens } from './genesis-theme.types';
 export declare const breakpoints: {
     wide: number;
     medium: number;

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/package.json

@@ -1,55 +1,55 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.3.26",
+  "version": "0.3.27",
   "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",
-      "default": "./dist/components/*.js"
+      "default": "./dist/components/*.js",
+      "require": "./dist/components/*.cjs"
     },
     "./providers/*": {
       "types": "./dist/providers/*.d.ts",
       "import": "./dist/providers/*.js",
-      "require": "./dist/providers/*.js",
-      "default": "./dist/providers/*.js"
+      "default": "./dist/providers/*.js",
+      "require": "./dist/providers/*.cjs"
     },
     "./styles/*": {
       "types": "./dist/styles/*.d.ts",
       "import": "./dist/styles/*.js",
-      "require": "./dist/styles/*.js",
-      "default": "./dist/styles/*.js"
+      "default": "./dist/styles/*.js",
+      "require": "./dist/styles/*.cjs"
     },
     "./constants/*": {
       "types": "./dist/constants/*.d.ts",
       "import": "./dist/constants/*.js",
-      "require": "./dist/constants/*.js",
-      "default": "./dist/constants/*.js"
+      "default": "./dist/constants/*.js",
+      "require": "./dist/constants/*.cjs"
     },
     "./utils/*": {
       "types": "./dist/utils/*.d.ts",
       "import": "./dist/utils/*.js",
-      "require": "./dist/utils/*.js",
-      "default": "./dist/utils/*.js"
+      "default": "./dist/utils/*.js",
+      "require": "./dist/utils/*.cjs"
     },
     "./interface/*": {
       "types": "./dist/interface/*.d.ts",
       "import": "./dist/interface/*.js",
-      "require": "./dist/interface/*.js",
-      "default": "./dist/interface/*.js"
+      "default": "./dist/interface/*.js",
+      "require": "./dist/interface/*.cjs"
     }
   },
   "files": [
@@ -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",

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;

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

@@ -1,133 +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;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import IconButton from "../IconButton";
-import { STATE } from "../../../constants";
-import description from "./IconButtonDescription.md?raw";
-import { HiOutlineDuplicate, HiSearch, HiOutlineLocationMarker, } from "react-icons/hi";
-var focussed = STATE.focussed, stateWithoutFocussed = __rest(STATE, ["focussed"]);
-var meta = {
-    title: "Components/Buttons/IconButton",
-    component: IconButton,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-        docs: {
-            description: {
-                component: description,
-            },
-        },
-    },
-    argTypes: {
-        state: {
-            control: "radio",
-            options: Object.keys(stateWithoutFocussed),
-        },
-    },
-};
-export default meta;
-var onClick = function (e) {
-    alert("Button Clicked");
-};
-export var Default = {
-    args: {
-        children: null,
-        icon: _jsx(HiOutlineDuplicate, {}),
-        isIconButton: true,
-        onClick: onClick,
-    },
-};
-export var Focussed = {
-    args: {
-        icon: _jsx(HiOutlineDuplicate, {}),
-        onClick: onClick,
-    },
-    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*/];
-        });
-    }); },
-};
-export var Selected = {
-    args: {
-        children: null,
-        icon: _jsx(HiOutlineDuplicate, {}),
-        isIconButton: true,
-        onClick: onClick,
-    },
-    render: function () {
-        var _a = __read(useState(1), 2), selectedId = _a[0], setSelectedId = _a[1];
-        var onClick = function (newId) {
-            setSelectedId(newId);
-        };
-        return (_jsxs("div", { style: { display: "flex", gap: "1rem" }, children: [_jsx(IconButton, { icon: _jsx(HiOutlineDuplicate, {}), onClick: function () { return onClick(1); }, isSelected: selectedId === 1 }), _jsx(IconButton, { icon: _jsx(HiSearch, {}), onClick: function () { return onClick(2); }, isSelected: selectedId === 2 }), _jsx(IconButton, { icon: _jsx(HiOutlineLocationMarker, {}), onClick: function () { return onClick(3); }, isSelected: selectedId === 3 })] }));
-    },
-};

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

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import UtilityButton from "../../UtilityButton";
-declare const meta: Meta<typeof UtilityButton>;
-export default meta;
-type Story = StoryObj<typeof UtilityButton>;
-export declare const Primary: Story;
-export declare const AddIcon: Story;
-export declare const FilterIcon: Story;