@appkit/dek-ui 0.1.0

package/dist/lib/formatDateTime.d.ts

@@ -0,0 +1,2 @@
+declare function formatDateTime(format?: string, dateTime?: Date): string;
+export default formatDateTime;

package/dist/lib/hooks/useDateTime.d.ts

@@ -0,0 +1,2 @@
+declare function useDateTime(delayMs?: number): Date;
+export default useDateTime;

package/dist/lib/hooks/useImageCache.d.ts

@@ -0,0 +1,8 @@
+export type ImageLoaderFn = (src: string) => Promise<string | undefined>;
+type ImageCacheResult = {
+    data?: string;
+    error: string;
+    loading: boolean;
+};
+declare function useImageCache(src: string, imageLoader?: ImageLoaderFn): ImageCacheResult;
+export default useImageCache;

package/dist/lib/hooks/useInterval.d.ts

@@ -0,0 +1,4 @@
+type IntervalDestructor = () => void;
+type IntervalCallback = () => void | IntervalDestructor;
+declare function useInterval(callback: IntervalCallback, delayMs: number | null): void;
+export default useInterval;

package/dist/lib/theme.d.ts

@@ -0,0 +1,85 @@
+declare const _default: {
+    text: {
+        size: {
+            xxsmall: number;
+            xsmall: number;
+            small: number;
+            normal: number;
+            large: number;
+            xlarge: number;
+            xxlarge: number;
+            heading: number;
+        };
+        height: {
+            xxsmall: number;
+            xsmall: number;
+            small: number;
+            normal: number;
+            large: number;
+            xlarge: number;
+            xxlarge: number;
+            heading: number;
+        };
+        weight: {
+            xxthin: number;
+            xthin: number;
+            thin: number;
+            normal: number;
+            bold: number;
+            xbold: number;
+            xxbold: number;
+            heading: number;
+        };
+        family: {
+            normal: string;
+            condensed: string;
+            mono: string;
+            slab: string;
+            flex: string;
+            heading: string;
+        };
+        color: {
+            normal: string;
+            xxsubtle: string;
+            xsubtle: string;
+            subtle: string;
+            tint: string;
+            reverse: string;
+        };
+    };
+    view: {
+        backColor: {
+            none: string;
+            light: string;
+            lighter: string;
+            lightest: string;
+            dark: string;
+            darker: string;
+            darkest: string;
+            tile: string;
+        };
+    };
+    button: {
+        clear: {
+            backColor: string;
+            backColorActive: string;
+            color: string;
+            colorActive: string;
+        };
+        toggle: {
+            backColor: string;
+            backColorActive: string;
+            color: string;
+            colorActive: string;
+        };
+        normal: {
+            backColor: string;
+            backColorActive: string;
+            color: string;
+            colorActive: string;
+        };
+        brightnessPressed: number;
+        brightnessDisabled: number;
+    };
+};
+export default _default;

package/dist/lib/ui/css.d.ts

@@ -0,0 +1 @@
+export declare const disableSelection = "\n/* disable selection */\n* {\n  user-select: none;\n  -khtml-user-select: none;\n  -o-user-select: none;\n  -moz-user-select: -moz-none;\n  -webkit-user-select: none;\n}\n::selection {\n  background: transparent;\n  color: inherit;\n}\n::-moz-selection {\n  background: transparent;\n  color: inherit;\n}\n";

package/dist/lib/ui/getImageAsBase64.d.ts

@@ -0,0 +1,2 @@
+declare function getImageAsBase64(url: string): Promise<string | undefined>;
+export default getImageAsBase64;

package/dist/lib/ui/viewAlignToFlex.d.ts

@@ -0,0 +1,3 @@
+import { ViewHorzAlignment, ViewVertAlignment } from '../../components/View/View';
+export declare const halignToFlex: (halign: ViewHorzAlignment, reverse?: boolean) => string;
+export declare const valignToFlex: (valign: ViewVertAlignment, reverse?: boolean) => string;

package/dist/lib/ui/viewBackColorToCSS.d.ts

@@ -0,0 +1,4 @@
+import { DefaultTheme } from 'styled-components';
+import { ViewBackColor } from '../../components/View/View';
+declare function viewBackColorToCSS(theme: DefaultTheme, color: ViewBackColor | string): string;
+export default viewBackColorToCSS;

package/dist/lib/ui/viewScrollToCSS.d.ts

@@ -0,0 +1,3 @@
+import { ViewScroll } from '../../components/View/View';
+declare const viewScrollToCSS: (scroll: ViewScroll) => string;
+export default viewScrollToCSS;

package/dist/lib/utils/extractErrorMessage.d.ts

@@ -0,0 +1 @@
+export default function extractErrorMessage(err: unknown): string;

package/dist/lib/utils/noop.d.ts

@@ -0,0 +1,2 @@
+declare const noop: () => any;
+export default noop;

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Button from '../components/Button/Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const CustomContent: Story;

package/dist/stories/CardButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CardButton from '../components/CardButton/CardButton';
+declare const meta: Meta<typeof CardButton>;
+export default meta;
+type Story = StoryObj<typeof CardButton>;
+export declare const Default: Story;
+export declare const CustomContent: Story;

package/dist/stories/Header.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Header from '../components/Header/Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;

package/dist/stories/IconButton.stories.d.ts

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

package/dist/stories/Image.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Image from '../components/Image/Image';
+declare const meta: Meta<typeof Image>;
+export default meta;
+type Story = StoryObj<typeof Image>;
+export declare const Default: Story;
+export declare const Fallback: Story;
+export declare const Loading: Story;

package/dist/stories/PillButton.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import PillButton from '../components/PillButton/PillButton';
+declare const meta: Meta<typeof PillButton>;
+export default meta;
+type Story = StoryObj<typeof PillButton>;
+export declare const Default: Story;

package/dist/stories/ProgressBar.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ProgressBar from '../components/ProgressBar/ProgressBar';
+declare const meta: Meta<typeof ProgressBar>;
+export default meta;
+type Story = StoryObj<typeof ProgressBar>;
+export declare const Default: Story;

package/dist/stories/Text.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Text from '../components/Text/Text';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Default: Story;
+export declare const Families: Story;
+export declare const Paragraph: Story;

package/dist/stories/Tile.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Tile from '../components/Tile/Tile';
+declare const meta: Meta<typeof Tile>;
+export default meta;
+type Story = StoryObj<typeof Tile>;
+export declare const Default: Story;
+export declare const TitleOnly: Story;
+export declare const NoBody: Story;
+export declare const NoBodyIcon: Story;
+export declare const Clickable: Story;

package/dist/stories/TitleBar.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TitleBar from '../components/TitleBar/TitleBar';
+declare const meta: Meta<typeof TitleBar>;
+export default meta;
+type Story = StoryObj<typeof TitleBar>;
+export declare const Default: Story;
+export declare const WithChildren: Story;

package/dist/stories/View.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import View from '../components/View/View';
+declare const meta: Meta<typeof View>;
+export default meta;
+type Story = StoryObj<typeof View>;
+export declare const Default: Story;
+export declare const BackColors: Story;
+export declare const Shades: Story;

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@appkit/dek-ui",
+  "private": false,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "publish": "npm publish"
+  },
+  "dependencies": {
+    "axios": "^1.6.2",
+    "moment": "^2.29.4",
+    "react": "^16.8.0 || 17.x || 18.x",
+    "react-dom": "^16.8.0 || 17.x || 18.x",
+    "react-icons": "^4.11.0",
+    "styled-components": "^5.0.0 || 6.x"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.6.3",
+    "@storybook/addon-interactions": "^7.6.3",
+    "@storybook/addon-links": "^7.6.3",
+    "@storybook/addon-onboarding": "^1.0.9",
+    "@storybook/blocks": "^7.6.3",
+    "@storybook/client-api": "^7.6.3",
+    "@storybook/react": "^7.6.3",
+    "@storybook/react-vite": "^7.6.3",
+    "@storybook/test": "^7.6.3",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "eslint": "^8.52.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.15",
+    "prettier": "^3.0.3",
+    "storybook": "^7.6.3",
+    "storybook-addon-pseudo-states": "^2.1.2",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.6.3",
+    "vite-plugin-svgr": "^4.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || 17.x || 18.x",
+    "react-dom": "^16.8.0 || 17.x || 18.x",
+    "styled-components": "^5.0.0 || 6.x"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts"
+}