@3t-transform/threeteeui 0.0.10 → 0.0.12

package/dist/types/components/molecules/tttx-list/tttx-list.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+interface LoadEventOptions {
+  name: string;
+  items: object[];
+  lastPage: boolean;
+}
+interface ActionSelectedEventOptions {
+  name: string;
+  eventName: string;
+  removeRows: boolean;
+}
+interface GenericTemplateData {
+  text: string;
+  icon?: string;
+  iconColor?: string;
+}
+export declare class TttxList {
+  host: HTMLElement;
+  name: string;
+  selectable: boolean;
+  items: object[];
+  selectedIds: number[];
+  loading: boolean;
+  lastPage: boolean;
+  private template;
+  private scrollableParent;
+  private rowCount;
+  listLoadHandler(event: CustomEvent<LoadEventOptions>): void;
+  listPaginate: EventEmitter;
+  listPaginateHandler(): void;
+  listClearDataCacheHandler(event: CustomEvent): void;
+  listActionSelectedEventHandler(event: CustomEvent<ActionSelectedEventOptions>): void;
+  listSelectedEvent: EventEmitter;
+  removeSelectedRows(): void;
+  listItemClick: EventEmitter;
+  listItemClickHandler(itemData: object): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  listItemContainer(): Element;
+  scrollHandler(): Promise<void>;
+  isScrollable(node: HTMLElement): boolean;
+  getScrollableParent(node: HTMLElement): any;
+  appendRowCheckbox(rowContainer: HTMLElement): void;
+  appendSeededTemplate(rowData: object, rowContainer: HTMLElement): void;
+  appendGenericTemplate(rowData: GenericTemplateData, rowContainer: HTMLElement): void;
+  row(rowData: object): HTMLDivElement;
+  renderRows(batchData: object[]): void;
+  loadIndicator(): any;
+  render(): any;
+}
+export {};

package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    selectable: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const ListWithGenericTemplate: (args: any) => string;

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
+export declare type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
+export declare type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
+export declare type TimeSyntax = `${number}${number}:${number}${number}`;
+export declare type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
+export declare type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
+export declare class TttxInput {
+  isfocused: boolean;
+  label: string;
+  valid: boolean;
+  showerrormsg: boolean;
+  errormsg: string;
+  iconleft: string;
+  iconright: string;
+  autocapitalize: string;
+  autocomplete: 'off' | 'on';
+  autofocus: boolean;
+  checked: boolean;
+  disabled: boolean;
+  max: MinMaxDates | number;
+  maxlength: string | number;
+  min: MinMaxDates | number;
+  minlength: string | number;
+  name: string;
+  pattern: string;
+  placeholder: string;
+  readonly: string | boolean;
+  required: boolean;
+  step: string | number;
+  type: string;
+  value: string | number;
+  valueChanged: EventEmitter<string>;
+  handleChange(event: Event | InputEvent): void;
+  handleFocus(): void;
+  handleBlur(): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts

@@ -0,0 +1,106 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    iconleft: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    iconright: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    label: {
+      control: {
+        type: string;
+      };
+    };
+    errormsg: {
+      control: {
+        type: string;
+      };
+    };
+    showerrormsg: {
+      control: {
+        type: string;
+      };
+    };
+    checked: {
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      control: {
+        type: string;
+      };
+    };
+    max: {
+      control: {
+        type: string;
+      };
+    };
+    maxlength: {
+      control: {
+        type: string;
+      };
+    };
+    min: {
+      control: {
+        type: string;
+      };
+    };
+    minlength: {
+      control: {
+        type: string;
+      };
+    };
+    name: {
+      control: {
+        type: string;
+      };
+    };
+    pattern: {
+      control: {
+        type: string;
+      };
+    };
+    placeholder: {
+      control: {
+        type: string;
+      };
+    };
+    readonly: {
+      control: {
+        type: string;
+      };
+    };
+    required: {
+      control: {
+        type: string;
+      };
+    };
+    step: {
+      control: {
+        type: string;
+      };
+    };
+    type: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    value: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const InputField: any;

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { MinMaxDates } from "./components/molecules/tttx-standalone-input/tttx-standalone-input";
 export namespace Components {
     interface TttxButton {
         "buttonStyle": string;
@@ -16,25 +17,16 @@ export namespace Components {
         "value": boolean;
     }
     interface TttxForm {
-        "dataAttribute": string;
-        "functionAttribute": string;
+        "formschema": any;
+        "submitValue": any;
     }
     interface TttxIcon {
         "colour": string;
         "icon": string;
     }
-    interface TttxInput {
-        "errormsg": string;
-        "iconleft": string;
-        "iconright": string;
-        "label": string;
-        "pattern": string;
-        "placeholder": string;
-        "required": boolean;
-        "showerrormsg": boolean;
-        "type": string;
-        "valid": boolean;
-        "value": string;
+    interface TttxList {
+        "name": string;
+        "selectable": boolean;
     }
     interface TttxLoadingSpinner {
         "loadingMessage": boolean;
@@ -46,6 +38,31 @@ export namespace Components {
         "linkcontext": string;
         "linktext": string;
     }
+    interface TttxStandaloneInput {
+        "autocapitalize": string;
+        "autocomplete": 'off' | 'on';
+        "autofocus": boolean;
+        "checked": boolean;
+        "disabled": boolean;
+        "errormsg": string;
+        "iconleft": string;
+        "iconright": string;
+        "label": string;
+        "max": MinMaxDates | number;
+        "maxlength": string | number;
+        "min": MinMaxDates | number;
+        "minlength": string | number;
+        "name": string;
+        "pattern": string;
+        "placeholder": string;
+        "readonly": string | boolean;
+        "required": boolean;
+        "showerrormsg": boolean;
+        "step": string | number;
+        "type": string;
+        "valid": boolean;
+        "value": string | number;
+    }
 }
 export interface TttxButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -59,9 +76,13 @@ export interface TttxFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxFormElement;
 }
-export interface TttxInputCustomEvent<T> extends CustomEvent<T> {
+export interface TttxListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxListElement;
+}
+export interface TttxStandaloneInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxInputElement;
+    target: HTMLTttxStandaloneInputElement;
 }
 declare global {
     interface HTMLTttxButtonElement extends Components.TttxButton, HTMLStencilElement {
@@ -88,11 +109,11 @@ declare global {
         prototype: HTMLTttxIconElement;
         new (): HTMLTttxIconElement;
     };
-    interface HTMLTttxInputElement extends Components.TttxInput, HTMLStencilElement {
+    interface HTMLTttxListElement extends Components.TttxList, HTMLStencilElement {
     }
-    var HTMLTttxInputElement: {
-        prototype: HTMLTttxInputElement;
-        new (): HTMLTttxInputElement;
+    var HTMLTttxListElement: {
+        prototype: HTMLTttxListElement;
+        new (): HTMLTttxListElement;
     };
     interface HTMLTttxLoadingSpinnerElement extends Components.TttxLoadingSpinner, HTMLStencilElement {
     }
@@ -106,14 +127,21 @@ declare global {
         prototype: HTMLTttxPopoverContentElement;
         new (): HTMLTttxPopoverContentElement;
     };
+    interface HTMLTttxStandaloneInputElement extends Components.TttxStandaloneInput, HTMLStencilElement {
+    }
+    var HTMLTttxStandaloneInputElement: {
+        prototype: HTMLTttxStandaloneInputElement;
+        new (): HTMLTttxStandaloneInputElement;
+    };
     interface HTMLElementTagNameMap {
         "tttx-button": HTMLTttxButtonElement;
         "tttx-checkbox": HTMLTttxCheckboxElement;
         "tttx-form": HTMLTttxFormElement;
         "tttx-icon": HTMLTttxIconElement;
-        "tttx-input": HTMLTttxInputElement;
+        "tttx-list": HTMLTttxListElement;
         "tttx-loading-spinner": HTMLTttxLoadingSpinnerElement;
         "tttx-popover-content": HTMLTttxPopoverContentElement;
+        "tttx-standalone-input": HTMLTttxStandaloneInputElement;
     }
 }
 declare namespace LocalJSX {
@@ -129,27 +157,20 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface TttxForm {
-        "dataAttribute"?: string;
-        "functionAttribute"?: string;
-        "onFormSubmit"?: (event: TttxFormCustomEvent<any>) => void;
+        "formschema"?: any;
+        "onSubmitEvent"?: (event: TttxFormCustomEvent<FormData>) => void;
+        "submitValue"?: any;
     }
     interface TttxIcon {
         "colour"?: string;
         "icon"?: string;
     }
-    interface TttxInput {
-        "errormsg"?: string;
-        "iconleft"?: string;
-        "iconright"?: string;
-        "label"?: string;
-        "onValueChanged"?: (event: TttxInputCustomEvent<string>) => void;
-        "pattern"?: string;
-        "placeholder"?: string;
-        "required"?: boolean;
-        "showerrormsg"?: boolean;
-        "type"?: string;
-        "valid"?: boolean;
-        "value"?: string;
+    interface TttxList {
+        "name"?: string;
+        "onListItemClick"?: (event: TttxListCustomEvent<any>) => void;
+        "onListPaginate"?: (event: TttxListCustomEvent<any>) => void;
+        "onListSelectedEvent"?: (event: TttxListCustomEvent<any>) => void;
+        "selectable"?: boolean;
     }
     interface TttxLoadingSpinner {
         "loadingMessage"?: boolean;
@@ -161,14 +182,41 @@ declare namespace LocalJSX {
         "linkcontext"?: string;
         "linktext"?: string;
     }
+    interface TttxStandaloneInput {
+        "autocapitalize"?: string;
+        "autocomplete"?: 'off' | 'on';
+        "autofocus"?: boolean;
+        "checked"?: boolean;
+        "disabled"?: boolean;
+        "errormsg"?: string;
+        "iconleft"?: string;
+        "iconright"?: string;
+        "label"?: string;
+        "max"?: MinMaxDates | number;
+        "maxlength"?: string | number;
+        "min"?: MinMaxDates | number;
+        "minlength"?: string | number;
+        "name"?: string;
+        "onValueChanged"?: (event: TttxStandaloneInputCustomEvent<string>) => void;
+        "pattern"?: string;
+        "placeholder"?: string;
+        "readonly"?: string | boolean;
+        "required"?: boolean;
+        "showerrormsg"?: boolean;
+        "step"?: string | number;
+        "type"?: string;
+        "valid"?: boolean;
+        "value"?: string | number;
+    }
     interface IntrinsicElements {
         "tttx-button": TttxButton;
         "tttx-checkbox": TttxCheckbox;
         "tttx-form": TttxForm;
         "tttx-icon": TttxIcon;
-        "tttx-input": TttxInput;
+        "tttx-list": TttxList;
         "tttx-loading-spinner": TttxLoadingSpinner;
         "tttx-popover-content": TttxPopoverContent;
+        "tttx-standalone-input": TttxStandaloneInput;
     }
 }
 export { LocalJSX as JSX };
@@ -179,9 +227,10 @@ declare module "@stencil/core" {
             "tttx-checkbox": LocalJSX.TttxCheckbox & JSXBase.HTMLAttributes<HTMLTttxCheckboxElement>;
             "tttx-form": LocalJSX.TttxForm & JSXBase.HTMLAttributes<HTMLTttxFormElement>;
             "tttx-icon": LocalJSX.TttxIcon & JSXBase.HTMLAttributes<HTMLTttxIconElement>;
-            "tttx-input": LocalJSX.TttxInput & JSXBase.HTMLAttributes<HTMLTttxInputElement>;
+            "tttx-list": LocalJSX.TttxList & JSXBase.HTMLAttributes<HTMLTttxListElement>;
             "tttx-loading-spinner": LocalJSX.TttxLoadingSpinner & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinnerElement>;
             "tttx-popover-content": LocalJSX.TttxPopoverContent & JSXBase.HTMLAttributes<HTMLTttxPopoverContentElement>;
+            "tttx-standalone-input": LocalJSX.TttxStandaloneInput & JSXBase.HTMLAttributes<HTMLTttxStandaloneInputElement>;
         }
     }
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export type ListenTargetOptions = 'body' | 'document' | 'window';
+export declare type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
@@ -257,15 +257,6 @@ export declare function getAssetPath(path: string): string;
  * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
-/**
- * Used to specify a nonce value that corresponds with an application's
- * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
- * @param nonce The value to be used for the nonce attribute.
- */
-export declare function setNonce(nonce: string): void;
 /**
  * Retrieve a Stencil element for a given reference
  * @param ref the ref to get the Stencil element for
@@ -442,57 +433,13 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
-/**
- * Utilities for working with functional Stencil components. An object
- * conforming to this interface is passed by the Stencil runtime as the third
- * argument to a functional component, allowing component authors to work with
- * features like children.
- *
- * The children of a functional component will be passed as the second
- * argument, so a functional component which uses these utils to transform its
- * children might look like the following:
- *
- * ```ts
- * export const AddClass: FunctionalComponent = (_, children, utils) => (
- *  utils.map(children, child => ({
- *    ...child,
- *    vattrs: {
- *      ...child.vattrs,
- *      class: `${child.vattrs.class} add-class`
- *    }
- *  }))
- * );
- * ```
- *
- * For more see the Stencil documentation, here:
- * https://stenciljs.com/docs/functional-components
- */
 export interface FunctionalUtilities {
-    /**
-     * Utility for reading the children of a functional component at runtime.
-     * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
-     * this utility to, for instance, perform a side effect for each child.
-     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
-    /**
-     * Utility for transforming the children of a functional component. Given an
-     * array of children and a callback this will return a list of the results of
-     * passing each child to the supplied callback.
-     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
-/**
- * A Child VDOM node
- *
- * This has most of the same properties as {@link VNode} but friendlier names
- * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
- * order to provide a friendlier public interface for users of the
- * {@link FunctionalUtilities}).
- */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -539,9 +486,6 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
-/**
- * A virtual DOM node
- */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;

package/loader/index.d.ts

@@ -10,12 +10,3 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
-
-/** 
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare function setNonce(nonce: string): void;

package/package.json

@@ -1,67 +1,69 @@
 {
-  "name": "@3t-transform/threeteeui",
-  "version": "0.0.10",
-  "description": "3t Design System",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
-  "types": "dist/types/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/3tui/3tui.esm.js",
-  "files": [
-    "dist/",
-    "loader/"
-  ],
-  "scripts": {
-    "build": "stencil build --docs",
-    "start": "stencil build --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "npx chromatic --project-token=531b962b0be5 --exit-zero-on-changes --exit-once-uploaded",
-    "lint:generate": "eslint --ext .tsx -o output.eslint.json -f json"
-  },
-  "resolutions": {
-    "@types/babel__traverse": "7.0.6"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.18.10",
-    "@babel/preset-env": "^7.21.4",
-    "@mdx-js/react": "^2.1.5",
-    "@rollup/plugin-commonjs": "^23.0.3",
-    "@stencil/core": "^2.20.0",
-    "@stencil/sass": "^1.5.2",
-    "@storybook/addon-actions": "^7.0.6",
-    "@storybook/addon-essentials": "^7.0.6",
-    "@storybook/addon-interactions": "^7.0.6",
-    "@storybook/addon-links": "^7.0.6",
-    "@storybook/addon-mdx-gfm": "^7.0.6",
-    "@storybook/html": "^7.0.6",
-    "@storybook/html-webpack5": "^7.0.6",
-    "@storybook/testing-library": "^0.1.0",
-    "@storybook/web-components": "^7.0.6",
-    "@types/jest": "^27.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.59.0",
-    "@typescript-eslint/parser": "^5.59.0",
-    "chromatic": "^6.7.4",
-    "eslint": "^8.38.0",
-    "jest": "^27.4.5",
-    "jest-cli": "^27.4.5",
-    "less": "^4.1.3",
-    "lit-html": "^2.7.0",
-    "puppeteer": "^10.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sass": "^1.56.1"
-  },
-  "license": "UNLICENSED",
-  "readme": "ERROR: No README data found!",
-  "dependencies": {
-    "@popperjs/core": "^2.11.7",
-    "storybook": "^7.0.6"
-  }
+    "name": "@3t-transform/threeteeui",
+    "version": "0.0.12",
+    "description": "3t Design System",
+    "main": "dist/index.cjs.js",
+    "module": "dist/index.js",
+    "es2015": "dist/esm/index.mjs",
+    "es2017": "dist/esm/index.mjs",
+    "types": "dist/types/index.d.ts",
+    "collection": "dist/collection/collection-manifest.json",
+    "collection:main": "dist/collection/index.js",
+    "unpkg": "dist/3tui/3tui.esm.js",
+    "files": [
+        "dist/",
+        "loader/"
+    ],
+    "scripts": {
+        "build": "stencil build --docs",
+        "start": "stencil build --watch --serve",
+        "test": "stencil test --spec --e2e",
+        "test.watch": "stencil test --spec --e2e --watchAll",
+        "generate": "stencil generate",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "chromatic": "npx chromatic --project-token=531b962b0be5 --exit-zero-on-changes --exit-once-uploaded",
+        "lint:generate": "eslint --ext .tsx -o output.eslint.json -f json"
+    },
+    "resolutions": {
+        "@types/babel__traverse": "7.0.6"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.18.10",
+        "@babel/preset-env": "^7.21.4",
+        "@mdx-js/react": "^2.1.5",
+        "@rollup/plugin-commonjs": "^23.0.3",
+        "@stencil/core": "^2.20.0",
+        "@stencil/sass": "^1.5.2",
+        "@storybook/addon-actions": "^7.0.6",
+        "@storybook/addon-essentials": "^7.0.6",
+        "@storybook/addon-interactions": "^7.0.6",
+        "@storybook/addon-links": "^7.0.6",
+        "@storybook/addon-mdx-gfm": "^7.0.6",
+        "@storybook/html": "^7.0.6",
+        "@storybook/html-webpack5": "^7.0.6",
+        "@storybook/testing-library": "^0.1.0",
+        "@storybook/web-components": "^7.0.6",
+        "@types/jest": "^27.0.3",
+        "@typescript-eslint/eslint-plugin": "^5.59.0",
+        "@typescript-eslint/parser": "^5.59.0",
+        "chromatic": "^6.7.4",
+        "eslint": "^8.38.0",
+        "jest": "^27.4.5",
+        "jest-cli": "^27.4.5",
+        "less": "^4.1.3",
+        "lit": "^2.7.3",
+        "lit-html": "^2.7.0",
+        "puppeteer": "^10.0.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.56.1",
+        "typescript": "^5.0.4"
+    },
+    "license": "UNLICENSED",
+    "readme": "ERROR: No README data found!",
+    "dependencies": {
+        "@popperjs/core": "^2.11.7",
+        "storybook": "^7.0.6"
+    }
 }