@helpwave/hightide 0.0.13 → 0.0.16

package/dist/util/storage.d.mts

@@ -0,0 +1,16 @@
+declare class StorageService {
+    private storage;
+    constructor(storage: Storage);
+    get<T>(key: string): T | null;
+    set<T>(key: string, value: T): void;
+    delete(key: string): void;
+    deleteAll(): void;
+}
+declare class LocalStorageService extends StorageService {
+    constructor();
+}
+declare class SessionStorageService extends StorageService {
+    constructor();
+}
+
+export { LocalStorageService, SessionStorageService };

package/dist/util/storage.d.ts

@@ -6,10 +6,11 @@ declare class StorageService {
     delete(key: string): void;
     deleteAll(): void;
 }
-export declare class LocalStorageService extends StorageService {
+declare class LocalStorageService extends StorageService {
     constructor();
 }
-export declare class SessionStorageService extends StorageService {
+declare class SessionStorageService extends StorageService {
     constructor();
 }
-export {};
+
+export { LocalStorageService, SessionStorageService };

package/dist/util/storage.js

@@ -1,32 +1,64 @@
-class StorageService {
-    // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript
-    constructor(storage) {
-        this.storage = storage;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/util/storage.ts
+var storage_exports = {};
+__export(storage_exports, {
+  LocalStorageService: () => LocalStorageService,
+  SessionStorageService: () => SessionStorageService
+});
+module.exports = __toCommonJS(storage_exports);
+var StorageService = class {
+  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript
+  constructor(storage) {
+    this.storage = storage;
+  }
+  get(key) {
+    const value = this.storage.getItem(key);
+    if (value === null) {
+      return null;
     }
-    get(key) {
-        const value = this.storage.getItem(key);
-        if (value === null) {
-            return null;
-        }
-        return JSON.parse(value);
-    }
-    set(key, value) {
-        this.storage.setItem(key, JSON.stringify(value));
-    }
-    delete(key) {
-        this.storage.removeItem(key);
-    }
-    deleteAll() {
-        this.storage.clear();
-    }
-}
-export class LocalStorageService extends StorageService {
-    constructor() {
-        super(window.localStorage);
-    }
-}
-export class SessionStorageService extends StorageService {
-    constructor() {
-        super(window.sessionStorage);
-    }
-}
+    return JSON.parse(value);
+  }
+  set(key, value) {
+    this.storage.setItem(key, JSON.stringify(value));
+  }
+  delete(key) {
+    this.storage.removeItem(key);
+  }
+  deleteAll() {
+    this.storage.clear();
+  }
+};
+var LocalStorageService = class extends StorageService {
+  constructor() {
+    super(window.localStorage);
+  }
+};
+var SessionStorageService = class extends StorageService {
+  constructor() {
+    super(window.sessionStorage);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LocalStorageService,
+  SessionStorageService
+});
+//# sourceMappingURL=storage.js.map

package/dist/util/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/storage.ts"],"sourcesContent":["class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {}\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EAAmB;AAAA,EAEhC,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;AAEO,IAAM,wBAAN,cAAoC,eAAe;AAAA,EACxD,cAAc;AACZ,UAAM,OAAO,cAAc;AAAA,EAC7B;AACF;","names":[]}

package/dist/util/storage.mjs

@@ -0,0 +1,38 @@
+// src/util/storage.ts
+var StorageService = class {
+  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript
+  constructor(storage) {
+    this.storage = storage;
+  }
+  get(key) {
+    const value = this.storage.getItem(key);
+    if (value === null) {
+      return null;
+    }
+    return JSON.parse(value);
+  }
+  set(key, value) {
+    this.storage.setItem(key, JSON.stringify(value));
+  }
+  delete(key) {
+    this.storage.removeItem(key);
+  }
+  deleteAll() {
+    this.storage.clear();
+  }
+};
+var LocalStorageService = class extends StorageService {
+  constructor() {
+    super(window.localStorage);
+  }
+};
+var SessionStorageService = class extends StorageService {
+  constructor() {
+    super(window.sessionStorage);
+  }
+};
+export {
+  LocalStorageService,
+  SessionStorageService
+};
+//# sourceMappingURL=storage.mjs.map

package/dist/util/storage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/storage.ts"],"sourcesContent":["class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {}\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n"],"mappings":";AAAA,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EAAmB;AAAA,EAEhC,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;AAEO,IAAM,wBAAN,cAAoC,eAAe;AAAA,EACxD,cAAc;AACZ,UAAM,OAAO,cAAc;AAAA,EAC7B;AACF;","names":[]}

package/dist/util/types.d.mts

@@ -0,0 +1,3 @@
+type NativeProps<NativeElement extends keyof React.ReactHTML, OmittedKeys extends string | number | symbol | undefined = undefined> = Omit<React.JSX.IntrinsicElements[NativeElement], OmittedKeys extends undefined ? 'ref' : 'ref' | OmittedKeys>;
+
+export type { NativeProps };

package/dist/util/types.d.ts

@@ -1 +1,3 @@
-export type NativeProps<NativeElement extends keyof React.ReactHTML, OmittedKeys extends string | number | symbol | undefined = undefined> = Omit<React.JSX.IntrinsicElements[NativeElement], OmittedKeys extends undefined ? 'ref' : 'ref' | OmittedKeys>;
+type NativeProps<NativeElement extends keyof React.ReactHTML, OmittedKeys extends string | number | symbol | undefined = undefined> = Omit<React.JSX.IntrinsicElements[NativeElement], OmittedKeys extends undefined ? 'ref' : 'ref' | OmittedKeys>;
+
+export type { NativeProps };

package/dist/util/types.js

@@ -1 +1,19 @@
-export {};
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/util/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/util/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/types.ts"],"sourcesContent":["export type NativeProps<\n  NativeElement extends keyof React.ReactHTML,\n  OmittedKeys extends string | number | symbol | undefined = undefined\n> = Omit<React.JSX.IntrinsicElements[NativeElement], OmittedKeys extends undefined ? 'ref' : 'ref' | OmittedKeys>\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/util/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/dist/util/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -7,21 +7,30 @@
     "url": "git+https://github.com/helpwave/hightide.git"
   },
   "license": "MPL-2.0",
-  "version": "0.0.13",
-  "main": "dist/index.js",
+  "version": "0.0.16",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    },
+    "./css/globals.css": "./dist/css/globals.css",
+    "./css/uncompiled/globals.css": "./dist/css/uncompiled/globals.css"
+  },
   "types": "dist/index.d.ts",
-  "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
     "build-css": "npx @tailwindcss/cli -i ./src/css/globals.css -o ./dist/css/globals.css",
-    "build": "npm run clean && tsc && npm run build-css && cp -R ./src/css/. ./dist/css/uncompiled/",
+    "build": "npm run clean && npm run generate-barrels && tsup && npm run build-css && cp -R ./src/css/. ./dist/css/uncompiled/",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "lint": "tsc --noEmit && eslint ."
+    "lint": "tsup && eslint .",
+    "generate-barrels": "barrelsby -c ./barrelsby-config.json -S -q"
   },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@headlessui/react": "1.7.19",
     "@radix-ui/react-checkbox": "1.1.3",
@@ -56,9 +65,11 @@
     "@types/react": "18.3.17",
     "@types/react-dom": "18.3.5",
     "@types/tinycolor2": "^1.4.6",
+    "barrelsby": "^2.8.1",
     "eslint": "^9.0.0",
     "storybook": "^8.6.12",
-    "typescript": "5.7.2",
+    "tsup": "^8.5.0",
+    "typescript": "^5.7.2",
     "webpack": "5.97.1"
   },
   "peerDependencies": {

package/dist/components/Span.js

@@ -1 +0,0 @@
-"use strict";

package/dist/components/examples/InputGroupExample.d.ts

@@ -1,6 +0,0 @@
-import type { InputGroupProps } from '../InputGroup';
-export type InputGroupExampleProps = Omit<InputGroupProps, 'inputs' | 'onChange'>;
-/**
- * Example for an Input Group
- */
-export declare const InputGroupExample: ({ ...props }: InputGroupExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/InputGroupExample.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { InputGroup } from '../InputGroup';
-import { Select } from '../user-input/Select';
-import { Input } from '../user-input/Input';
-import { Textarea } from '../user-input/Textarea';
-/**
- * Example for an Input Group
- */
-export const InputGroupExample = ({ ...props }) => {
-    const [state, setState] = useState({
-        propertyName: '',
-        description: ''
-    });
-    return (_jsxs(InputGroup, { ...props, onChange: console.log, children: [_jsx(Select, { label: { name: 'Subject Type', labelType: 'labelSmall' }, value: state.subject, options: [
-                    { value: 'organization', label: 'Organization' },
-                    { value: 'ward', label: 'Ward' },
-                    { value: 'bed', label: 'Bed' },
-                    { value: 'patient', label: 'Patient' },
-                ], onChange: subject => setState({ ...state, subject }) }, "item1"), _jsx(Input, { label: { name: 'Property Name' }, value: state.propertyName, onChange: propertyName => setState({ ...state, propertyName }) }, "item2"), _jsx(Textarea, { label: { name: 'Description' }, value: state.description, onChange: description => setState({ ...state, description }) }, "item3")] }));
-};

package/dist/components/examples/MultiSelectExample.d.ts

@@ -1,7 +0,0 @@
-import type { MultiSelectProps } from '../user-input/MultiSelect';
-type MultiSelectExampleProps = Omit<MultiSelectProps<string>, 'search' | 'selectedDisplay'> & {
-    enableSearch: boolean;
-    useChipDisplay: boolean;
-};
-export declare const MultiSelectExample: ({ options, hintText, enableSearch, onChange, useChipDisplay, ...props }: MultiSelectExampleProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/examples/MultiSelectExample.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { MultiSelect } from '../user-input/MultiSelect';
-import { ChipList } from '../ChipList';
-export const MultiSelectExample = ({ options, hintText, enableSearch, onChange, useChipDisplay = false, ...props }) => {
-    const [usedOptions, setUsedOptions] = useState(options);
-    useEffect(() => {
-        setUsedOptions(options);
-    }, [options]);
-    useEffect(() => {
-        setUsedOptions(options);
-    }, [options]);
-    useEffect(() => {
-        setUsedOptions(options.map(value => ({ ...value, selected: false })));
-    }, [hintText, options]);
-    return (_jsx(MultiSelect, { options: usedOptions, onChange: value => {
-            onChange(value);
-            setUsedOptions(value);
-        }, hintText: hintText, search: enableSearch ? { initialSearch: '', searchMapping: value => [value.label] } : undefined, selectedDisplay: useChipDisplay ?
-            ({ items }) => {
-                const selected = items.filter(value => value.selected);
-                if (selected.length === 0) {
-                    return (_jsx("span", { children: "Select" }));
-                }
-                return (_jsx(ChipList, { list: selected.map(value => ({ children: value.label })) }));
-            } : undefined, ...props }));
-};

package/dist/components/examples/SearchableSelectExample.d.ts

@@ -1,6 +0,0 @@
-import type { SearchableSelectProps } from '../user-input/SearchableSelect';
-export type SearchableSelectExampleProps = Omit<SearchableSelectProps<string>, 'searchMapping' | 'additionalItems'>;
-/**
- * Example for a Searchable select
- */
-export declare const SearchableSelectExample: ({ value, options, onChange, ...props }: SearchableSelectExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/SearchableSelectExample.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { SearchableSelect } from '../user-input/SearchableSelect';
-/**
- * Example for a Searchable select
- */
-export const SearchableSelectExample = ({ value, options, onChange, ...props }) => {
-    const [selected, setSelected] = useState(value);
-    useEffect(() => {
-        var _a;
-        setSelected((_a = options.find(value1 => value1.value === value)) === null || _a === void 0 ? void 0 : _a.value);
-    }, [options, value]);
-    return (_jsx(SearchableSelect, { ...props, value: selected, options: options, onChange: value => {
-            setSelected(value);
-            onChange(value);
-        }, searchMapping: value1 => [value1.value] }));
-};

package/dist/components/examples/SelectExample.d.ts

@@ -1,4 +0,0 @@
-import { type SelectProps } from '../user-input/Select';
-type SelectExampleProps<T> = Omit<SelectProps<T>, 'onChange' | 'additionalItems' | 'selectedDisplayOverwrite'>;
-export declare const SelectExample: <T>({ options, value, hintText, ...props }: SelectExampleProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/examples/SelectExample.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Select } from '../user-input/Select';
-export const SelectExample = ({ options, value, hintText, ...props }) => {
-    const [selected, setSelected] = useState(value);
-    useEffect(() => {
-        if (options.find(options => options.value === value)) {
-            setSelected(value);
-        }
-    }, [options, value]);
-    useEffect(() => {
-        setSelected(undefined);
-    }, [hintText]);
-    return (_jsx(Select, { value: selected, options: options, onChange: value => setSelected(value), hintText: hintText, ...props }));
-};

package/dist/components/examples/StackingModals.d.ts

@@ -1,4 +0,0 @@
-/**
- * An Example Component for Stacking Modals
- */
-export declare const StackingModals: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/StackingModals.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ModalRegister } from '../modals/ModalRegister';
-import { ConfirmDialog } from '../modals/ConfirmDialog';
-import { SolidButton } from '../Button';
-import { modalRootName } from '../modals/Modal';
-/**
- * An Example Component for Stacking Modals
- */
-export const StackingModals = () => {
-    const [modal1, setModal1] = useState(false);
-    const [modal2, setModal2] = useState(false);
-    const [modal3, setModal3] = useState(false);
-    return (_jsxs(ModalRegister, { children: [_jsxs(ConfirmDialog, { id: "1", isOpen: modal1, onConfirm: () => setModal1(false), onBackgroundClick: () => setModal1(false), onCloseClick: () => setModal1(false), modalClassName: "!bg-yellow-200 min-h-[300px]", children: ['I\'m Modal 1', _jsx(SolidButton, { onClick: () => setModal2(true), children: "Open Modal 2" })] }), _jsxs(ConfirmDialog, { id: "2", isOpen: modal2, onConfirm: () => setModal2(false), onBackgroundClick: () => setModal2(false), onCloseClick: () => setModal2(false), modalClassName: "!bg-green-200 min-w-[300px]", children: ['The next layer of Modals!', 'This is Modal 2', _jsx(SolidButton, { onClick: () => setModal3(true), children: "Open Modal 3" })] }), _jsx(ConfirmDialog, { id: "3", isOpen: modal3, onConfirm: () => setModal3(false), onBackgroundClick: () => setModal3(false), onCloseClick: () => setModal3(false), children: "This is Modal 3!" }), _jsx("div", { className: "row items-center justify-center min-h-[400px]", id: modalRootName, children: _jsx(SolidButton, { onClick: () => setModal1(true), children: "Open Modal 1" }) })] }));
-};

package/dist/components/examples/TableExample.d.ts

@@ -1,9 +0,0 @@
-import type { TableProps } from '../Table';
-export type DataType = {
-    id: string;
-    name: string;
-    age: number;
-};
-export declare const exampleData: DataType[];
-declare const TableExample: ({ data: initialData }: Pick<TableProps<DataType>, "data">) => import("react/jsx-runtime").JSX.Element;
-export default TableExample;

package/dist/components/examples/TableExample.js

@@ -1,92 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { addElementToTable, defaultTableStatePagination, defaultTableStateSelection, removeFromTableSelection, Table } from '../Table';
-import { Input } from '../user-input/Input';
-import { SolidButton, TextButton } from '../Button';
-import { SortButton } from '../SortButton';
-export const exampleData = [
-    { id: 'data1', name: 'Name 1', age: 23 },
-    { id: 'data2', name: 'Name 2', age: 21 },
-    { id: 'data3', name: 'Name 3', age: 32 },
-    { id: 'data4', name: 'Name 4', age: 42 },
-    { id: 'data5', name: 'Name 5', age: 17 },
-    { id: 'data6', name: 'Name 6', age: 26 },
-    { id: 'data7', name: 'Name 7', age: 19 },
-    { id: 'data8', name: 'Name 8', age: 31 }
-];
-const TableExample = ({ data: initialData }) => {
-    const [data, setData] = useState(initialData);
-    const [tableState, setTableState] = useState({
-        pagination: defaultTableStatePagination,
-        selection: defaultTableStateSelection
-    });
-    useEffect(() => {
-        setData(initialData);
-    }, [initialData]);
-    const [sorting, setSorting] = useState();
-    const [sortingKey, ascending] = sorting !== null && sorting !== void 0 ? sorting : ['', 'ascending'];
-    const idMapping = (data) => data.id;
-    const sortingFunctions = {
-        id: {
-            ascending: (t1, t2) => t1.id.localeCompare(t2.id),
-            descending: (t1, t2) => t1.id.localeCompare(t2.id) * -1,
-        },
-        name: {
-            ascending: (t1, t2) => t1.name.localeCompare(t2.name),
-            descending: (t1, t2) => t1.name.localeCompare(t2.name) * -1,
-        },
-        age: {
-            ascending: (t1, t2) => t1.age - t2.age,
-            descending: (t1, t2) => (t1.age - t2.age) * -1,
-        }
-    };
-    return (_jsxs("div", { className: "col gap-y-12 items-center", children: [_jsx(Table, { stateManagement: [tableState, (newTableState) => {
-                        setTableState(newTableState);
-                        setData(data);
-                    }], data: data, identifierMapping: idMapping, rowMappingToCells: dataObject => [
-                    _jsx("span", { className: "textstyle-title-md w-[100px] text-ellipsis overflow-hidden block", children: dataObject.id }, "id"),
-                    _jsx(Input, { value: dataObject.name, onChange: text => {
-                            setData(data.map(value => value.id === dataObject.id ? { ...dataObject, name: text } : value));
-                            setSorting(undefined);
-                        } }, "name"),
-                    _jsx(Input, { type: "number", value: dataObject.age.toString(), onChange: text => {
-                            setData(data.map(value => value.id === dataObject.id ? { ...dataObject, age: parseInt(text) } : value));
-                            setSorting(undefined);
-                        } }, "age"),
-                    _jsx(TextButton, { color: "negative", onClick: () => {
-                            const newData = data.filter(value => value.id !== dataObject.id);
-                            setData(newData);
-                            setTableState(removeFromTableSelection(tableState, [dataObject], data.length, idMapping));
-                        }, children: "Delete" }, "delete")
-                ], header: [
-                    _jsx(SortButton, { ascending: sortingKey === 'id' ? ascending : undefined, onClick: newTableSorting => {
-                            setSorting(['id', newTableSorting]);
-                            setData(data.sort(sortingFunctions.id[newTableSorting]));
-                        }, children: _jsx("span", { className: "textstyle-table-header", children: "Id" }) }, "headerId"),
-                    _jsx(SortButton, { ascending: sortingKey === 'name' ? ascending : undefined, onClick: newTableSorting => {
-                            setSorting(['name', newTableSorting]);
-                            setData(data.sort(sortingFunctions.name[newTableSorting]));
-                        }, children: _jsx("span", { className: "textstyle-table-header", children: "Name" }) }, "name"),
-                    _jsx(SortButton, { ascending: sortingKey === 'age' ? ascending : undefined, onClick: newTableSorting => {
-                            setSorting(['age', newTableSorting]);
-                            setData(data.sort(sortingFunctions.age[newTableSorting]));
-                        }, children: _jsx("span", { className: "textstyle-table-header", children: "age" }, "age") }, "name"),
-                    _jsx(_Fragment, {})
-                ] }), _jsxs("div", { className: "row gap-x-2", children: [_jsx(SolidButton, { className: "w-auto", onClick: () => {
-                            const newData = {
-                                id: Math.random().toString(),
-                                name: 'Name ' + data.length,
-                                age: Math.ceil(Math.random() * 100)
-                            };
-                            const withNewData = [...data, newData];
-                            const sorted = sortingKey ? withNewData.sort(sortingFunctions[sortingKey][ascending]) : withNewData;
-                            setData(sorted);
-                            setTableState(addElementToTable(tableState, sorted, newData, idMapping));
-                        }, children: 'Add Data' }), _jsx(TextButton, { className: "w-auto", onClick: () => {
-                            const selectedData = data.filter((d) => { var _a; return (_a = tableState.selection) === null || _a === void 0 ? void 0 : _a.currentSelection.includes(idMapping(d)); });
-                            const unselectedData = data.filter((d) => { var _a; return !((_a = tableState.selection) === null || _a === void 0 ? void 0 : _a.currentSelection.includes(idMapping(d))); });
-                            setData(unselectedData);
-                            setTableState(removeFromTableSelection(tableState, selectedData, data.length, idMapping));
-                        }, children: 'Remove all selected' })] })] }));
-};
-export default TableExample;

package/dist/components/examples/TextareaExample.d.ts

@@ -1,6 +0,0 @@
-import type { TextareaProps } from '../user-input/Textarea';
-export type TextareaExampleProps = Omit<TextareaProps, 'onChange' | 'onEditCompleted'>;
-/**
- * Example for the Textarea component
- */
-export declare const TextareaExample: ({ value, ...props }: TextareaExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/TextareaExample.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Textarea } from '../user-input/Textarea';
-/**
- * Example for the Textarea component
- */
-export const TextareaExample = ({ value, ...props }) => {
-    const [text, setText] = useState(value);
-    return (_jsx(Textarea, { ...props, value: text, onChange: setText, onEditCompleted: setText }));
-};

package/dist/components/examples/TileExample.d.ts

@@ -1,9 +0,0 @@
-import type { TileProps } from '../layout/Tile';
-export type TileExampleProps = Omit<TileProps, 'prefix' | 'suffix'> & {
-    prefix: boolean;
-    suffix: boolean;
-};
-/**
- * An Example for using the tile
- */
-export declare const TileExample: ({ prefix, suffix, ...restProps }: TileExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/TileExample.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Info, X } from 'lucide-react';
-import { Tile } from '../layout/Tile';
-/**
- * An Example for using the tile
- */
-export const TileExample = ({ prefix, suffix, ...restProps }) => {
-    return (_jsx(Tile, { ...restProps, prefix: prefix ? _jsx(Info, { size: 20 }) : undefined, suffix: suffix ? _jsx(X, { size: 20 }) : undefined }));
-};

package/dist/components/examples/Title.js

@@ -1 +0,0 @@
-"use strict";

package/dist/components/examples/date/DateTimePickerExample.d.ts

@@ -1,10 +0,0 @@
-import type { DateTimePickerProps } from '../../user-input/DateAndTimePicker';
-import type { DatePickerProps } from '../../date/DatePicker';
-import type { TimePickerProps } from '../../date/TimePicker';
-import type { YearMonthPickerProps } from '../../date/YearMonthPicker';
-import type { DayPickerProps } from '../../date/DayPicker';
-export type DateTimePickerExampleProps = Omit<DateTimePickerProps, 'datePickerProps' | 'timePickerProps'> & Pick<DatePickerProps, 'initialDisplay'> & Pick<TimePickerProps, 'is24HourFormat' | 'minuteIncrement'> & Pick<YearMonthPickerProps, 'showValueOpen'> & Pick<DayPickerProps, 'markToday' | 'weekStart'>;
-/**
- * Example for the DateTimePicker
- */
-export declare const DateTimePickerExample: ({ value, onChange, onRemove, onFinish, initialDisplay, is24HourFormat, minuteIncrement, showValueOpen, markToday, weekStart, ...props }: DateTimePickerExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/date/DateTimePickerExample.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { DateTimePicker } from '../../user-input/DateAndTimePicker';
-import { noop } from '../../../util/noop';
-/**
- * Example for the DateTimePicker
- */
-export const DateTimePickerExample = ({ value, onChange = noop, onRemove = noop, onFinish = noop, initialDisplay, is24HourFormat, minuteIncrement, showValueOpen, markToday, weekStart, ...props }) => {
-    const [time, setTime] = useState(value);
-    useEffect(() => setTime(value), [value]);
-    return (_jsx(DateTimePicker, { ...props, value: time, onChange: date => {
-            onChange(date);
-            setTime(date);
-        }, onRemove: () => {
-            onRemove();
-            setTime(new Date());
-        }, onFinish: date => {
-            onFinish(date);
-            setTime(date);
-        }, timePickerProps: { is24HourFormat, minuteIncrement }, datePickerProps: { initialDisplay, dayPickerProps: { markToday, weekStart }, yearMonthPickerProps: { showValueOpen } } }));
-};

package/dist/components/examples/properties/CheckboxPropertyExample.d.ts

@@ -1,8 +0,0 @@
-import type { CheckboxPropertyProps } from '../../properties/CheckboxProperty';
-export type CheckboxPropertyExampleProps = Omit<CheckboxPropertyProps, 'onChange' | 'onRemove'> & {
-    readOnly: boolean;
-};
-/**
- * Example for using the CheckboxProperty
- */
-export declare const CheckboxPropertyExample: ({ value, ...restProps }: CheckboxPropertyExampleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/examples/properties/CheckboxPropertyExample.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { CheckboxProperty } from '../../properties/CheckboxProperty';
-/**
- * Example for using the CheckboxProperty
- */
-export const CheckboxPropertyExample = ({ value = false, ...restProps }) => {
-    const [usedValue, setUsedValue] = useState(value);
-    useEffect(() => {
-        setUsedValue(value);
-    }, [value]);
-    return (_jsx(CheckboxProperty, { ...restProps, onChange: setUsedValue, value: usedValue }));
-};