@furystack/shades-common-components 3.3.1 → 3.4.0

package/dist/components/data-grid/header.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridHeader = void 0;
 const shades_1 = require("@furystack/shades");
 const utils_1 = require("@furystack/utils");
-const input_1 = require("../input");
+const input_1 = require("../inputs/input");
 exports.DataGridHeader = (0, shades_1.Shade)({
     shadowDomName: 'data-grid-header',
     getInitialState: ({ props }) => ({

package/dist/components/data-grid/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -17,13 +17,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./animations"), exports);
 __exportStar(require("./app-bar"), exports);
 __exportStar(require("./app-bar-link"), exports);
-__exportStar(require("./autocomplete"), exports);
+__exportStar(require("./inputs"), exports);
 __exportStar(require("./avatar"), exports);
 __exportStar(require("./button"), exports);
 __exportStar(require("./data-grid"), exports);
 __exportStar(require("./fab"), exports);
 __exportStar(require("./grid"), exports);
-__exportStar(require("./input"), exports);
 __exportStar(require("./modal"), exports);
 __exportStar(require("./noty-list"), exports);
 __exportStar(require("./paper"), exports);

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,4CAAyB;AACzB,iDAA8B;AAC9B,iDAA8B;AAC9B,2CAAwB;AACxB,2CAAwB;AACxB,8CAA2B;AAC3B,wCAAqB;AACrB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,8CAA2B;AAC3B,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,yCAAsB;AACtB,2CAAwB;AACxB,oDAAiC;AACjC,2CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,4CAAyB;AACzB,iDAA8B;AAC9B,2CAAwB;AACxB,2CAAwB;AACxB,2CAAwB;AACxB,8CAA2B;AAC3B,wCAAqB;AACrB,yCAAsB;AACtB,0CAAuB;AACvB,8CAA2B;AAC3B,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,yCAAsB;AACtB,2CAAwB;AACxB,oDAAiC;AACjC,2CAAwB"}

package/dist/components/{autocomplete.js → inputs/autocomplete.js}

@@ -27,7 +27,7 @@ exports.Autocomplete = (0, shades_1.Shade)({
                             return;
                         }
                     }
-                    props.onchange(value);
+                    props.onchange?.(value);
                 } }),
             (0, shades_1.createComponent)("datalist", { id: dataListId }, props.suggestions.map((s) => ((0, shades_1.createComponent)("option", { value: s }))))));
     },

package/dist/components/inputs/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/components/inputs/autocomplete.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,mCAA+C;AAElC,QAAA,YAAY,GAAG,IAAA,cAAK,EAG/B;IACA,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;KAC1D,CAAC;IACF,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACrC,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAA;QACjC,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC5C,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;SACvC;IACH,CAAC;IACD,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAA;QACjC,OAAO,CACL;YACE,8BAAC,aAAK,OACA,KAAK,CAAC,UAAU,EACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAa,CAAA;oBAClC,IAAI,KAAK,CAAC,MAAM,EAAE;wBAChB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;4BACtC,CAAC;4BAAC,EAAE,CAAC,MAA2B,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAAA;4BAClF,OAAM;yBACP;qBACF;oBACD,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;gBACzB,CAAC,GACD;YACF,4CAAU,EAAE,EAAE,UAAU,IACrB,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC5B,0CAAQ,KAAK,EAAE,CAAC,GAAI,CACrB,CAAC,CACO,CACP,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/components/inputs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./autocomplete"), exports);
+__exportStar(require("./input"), exports);
+__exportStar(require("./text-area"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/inputs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,0CAAuB;AACvB,8CAA2B"}

package/dist/components/inputs/input.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const shades_1 = require("@furystack/shades");
+const __1 = require("../..");
+const getLabelStyle = ({ themeProvider, props, state, }) => {
+    return {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        justifyContent: 'space-between',
+        fontSize: '10px',
+        color: props.disabled
+            ? state.theme.text.disabled
+            : state.validity?.valid === false
+                ? state.theme.palette.error.main
+                : state.focused
+                    ? state.theme.text.primary
+                    : state.theme.text.secondary,
+        marginBottom: '1em',
+        padding: '1em',
+        borderRadius: '5px',
+        background: props.variant === 'contained'
+            ? themeProvider
+                .getRgbFromColorString(state.validity?.valid === false
+                ? state.theme.palette.error.main
+                : state.theme.palette[props.defaultColor || 'primary'].main)
+                .update('a', state.focused ? 0.1 : 0.2)
+                .toString()
+            : 'transparent',
+        boxShadow: props.variant === 'outlined' || props.variant === 'contained'
+            ? `0 0 0 1px ${state.validity?.valid === false
+                ? state.theme.palette.error.main
+                : state.focused
+                    ? state.theme.palette[props.defaultColor || 'primary'].main
+                    : state.theme.text.primary}`
+            : 'none',
+        filter: props.disabled ? 'grayscale(100%)' : 'none',
+        opacity: props.disabled ? '0.5' : '1',
+        transition: 'color 0.2s ease-in-out, filter 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out',
+        ...props.labelProps?.style,
+    };
+};
+exports.Input = (0, shades_1.Shade)({
+    shadowDomName: 'shade-input',
+    getInitialState: ({ injector, props }) => ({
+        theme: injector.getInstance(__1.ThemeProviderService).theme.getValue(),
+        value: props.value || '',
+        focused: props.autofocus || false,
+        validity: { valid: true },
+    }),
+    resources: ({ injector, updateState }) => [
+        injector.getInstance(__1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
+    ],
+    compareState: ({ newState, element, props, injector }) => {
+        const themeProvider = injector.getInstance(__1.ThemeProviderService);
+        const label = element.querySelector('label');
+        (0, shades_1.attachStyles)(label, { style: getLabelStyle({ themeProvider, props, state: newState }) });
+        const helper = element.querySelector('span.helperText');
+        const helperNode = props.getHelperText?.({ state: newState }) || '';
+        helper?.replaceChildren(helperNode);
+        const startIcon = element.querySelector('span.startIcon');
+        startIcon?.replaceChildren(props.getStartIcon?.({ state: newState }) || '');
+        const endIcon = element.querySelector('span.endIcon');
+        endIcon?.replaceChildren(props.getEndIcon?.({ state: newState }) || '');
+        return false;
+    },
+    render: ({ props, getState, updateState, injector }) => {
+        const state = getState();
+        const { value } = state;
+        const themeProvider = injector.getInstance(__1.ThemeProviderService);
+        return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: getLabelStyle({ props, state, themeProvider }) },
+            props.labelTitle,
+            (0, shades_1.createComponent)("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    width: '100%',
+                } },
+                props.getStartIcon ? (0, shades_1.createComponent)("span", { className: "startIcon" }, props.getStartIcon?.({ state })) : null,
+                (0, shades_1.createComponent)("input", { oninvalid: (ev) => {
+                        ev.preventDefault();
+                        const el = ev.target;
+                        updateState({ validity: el.validity });
+                    }, onchange: (ev) => {
+                        const el = ev.target;
+                        const newValue = el.value;
+                        updateState({ value: newValue, validity: el?.validity });
+                        props.onTextChange?.(newValue);
+                        props.onchange && props.onchange(ev);
+                    }, onfocus: () => {
+                        updateState({ focused: true });
+                    }, onblur: () => {
+                        updateState({ focused: false });
+                    }, ...props, style: {
+                        color: 'inherit',
+                        border: 'none',
+                        backgroundColor: 'transparent',
+                        outline: 'none',
+                        fontSize: '12px',
+                        width: '100%',
+                        textOverflow: 'ellipsis',
+                        padding: '0',
+                        marginTop: '0.6em',
+                        marginBottom: '0.4em',
+                        flexGrow: '1',
+                        ...props.style,
+                    }, value: value }),
+                props.getEndIcon ? (0, shades_1.createComponent)("span", { className: "endIcon" }, props.getEndIcon({ state })) : null),
+            (0, shades_1.createComponent)("span", { className: "helperText" }, props.getHelperText?.({ state }))));
+    },
+});
+//# sourceMappingURL=input.js.map

package/dist/components/inputs/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"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"}

package/dist/components/{input.js → inputs/text-area.js}

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
+exports.TextArea = void 0;
 const shades_1 = require("@furystack/shades");
-const __1 = require("..");
-const promisify_animation_1 = require("../utils/promisify-animation");
-exports.Input = (0, shades_1.Shade)({
-    shadowDomName: 'shade-input',
+const services_1 = require("../../services");
+const utils_1 = require("../../utils");
+exports.TextArea = (0, shades_1.Shade)({
+    shadowDomName: 'shade-text-area',
     getInitialState: ({ injector, props }) => ({
-        theme: injector.getInstance(__1.ThemeProviderService).theme.getValue(),
+        theme: injector.getInstance(services_1.ThemeProviderService).theme.getValue(),
         value: props.value,
     }),
-    resources: ({ injector, updateState }) => [
-        injector.getInstance(__1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
-    ],
-    render: ({ props, element, injector, getState, updateState }) => {
-        const themeProvider = injector.getInstance(__1.ThemeProviderService);
+    resources: ({ injector, updateState }) => {
+        const themeProvider = injector.getInstance(services_1.ThemeProviderService);
+        return [themeProvider.theme.subscribe((theme) => updateState({ theme }))];
+    },
+    render: ({ props, element, injector, getState }) => {
+        const themeProvider = injector.getInstance(services_1.ThemeProviderService);
         const { theme, value } = getState();
         const { palette } = theme;
         return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: {
@@ -26,10 +27,12 @@ exports.Input = (0, shades_1.Shade)({
                 color: props.disabled ? 'rgb(170, 170, 170)' : '#bbb',
                 marginBottom: '1em',
                 padding: '1em',
+                borderRadius: '5px',
+                border: props.variant === 'outlined' ? '1px solid #bbb' : 'none',
                 ...props.labelProps?.style,
             } },
-            props.labelTitle,
-            props.multiLine ? ((0, shades_1.createComponent)("div", { contentEditable: props.readOnly === true || props.disabled === true ? 'inherit' : 'true', ...props, style: {
+            (0, shades_1.createComponent)("span", null, props.labelTitle),
+            (0, shades_1.createComponent)("div", { contentEditable: props.readOnly === true || props.disabled === true ? 'inherit' : 'true', ...props, style: {
                     border: 'none',
                     backgroundColor: 'transparent',
                     outline: 'none',
@@ -37,19 +40,14 @@ exports.Input = (0, shades_1.Shade)({
                     width: '100%',
                     textOverflow: 'ellipsis',
                     ...props.style,
-                } }, value)) : ((0, shades_1.createComponent)("input", { onchange: (ev) => {
-                    const newValue = ev.target.value;
-                    updateState({ value: newValue }, true);
-                    props.onTextChange && props.onTextChange(newValue);
-                    props.onchange && props.onchange(ev);
                 }, onfocus: () => {
                     if (!props.disabled) {
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('label'), [{ color: themeProvider.getTextColor(theme.background.default) }, { color: palette.primary.main }], {
+                        (0, utils_1.promisifyAnimation)(element.querySelector('label'), [{ color: themeProvider.getTextColor(theme.background.default) }, { color: palette.primary.main }], {
                             duration: 500,
                             easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
                             fill: 'forwards',
                         });
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('input'), [
+                        (0, utils_1.promisifyAnimation)(element.querySelector('div[contenteditable="true"]'), [
                             { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
                             { boxShadow: `0px 3px 0px ${palette.primary.main}` },
                         ], {
@@ -59,12 +57,12 @@ exports.Input = (0, shades_1.Shade)({
                     }
                 }, onblur: () => {
                     if (!props.disabled) {
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('label'), [{ color: palette.primary.main }, { color: themeProvider.getTextColor(theme.background.default) }], {
+                        (0, utils_1.promisifyAnimation)(element.querySelector('label'), [{ color: palette.primary.main }, { color: themeProvider.getTextColor(theme.background.default) }], {
                             duration: 200,
                             easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
                             fill: 'forwards',
                         });
-                        (0, promisify_animation_1.promisifyAnimation)(element.querySelector('input'), [
+                        (0, utils_1.promisifyAnimation)(element.querySelector('div[contenteditable="true"]'), [
                             { boxShadow: '0px 3px 0px rgba(128,128,128,0.4)' },
                             { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
                         ], {
@@ -72,17 +70,7 @@ exports.Input = (0, shades_1.Shade)({
                             fill: 'forwards',
                         });
                     }
-                }, ...props, style: {
-                    color: 'inherit',
-                    border: 'none',
-                    backgroundColor: 'transparent',
-                    outline: 'none',
-                    fontSize: '12px',
-                    width: '100%',
-                    textOverflow: 'ellipsis',
-                    padding: '0.6em 0',
-                    ...props.style,
-                }, value: value }))));
+                } }, value)));
     },
 });
-//# sourceMappingURL=input.js.map
+//# sourceMappingURL=text-area.js.map

package/dist/components/inputs/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"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"}

package/dist/components/noty-list.js

@@ -99,7 +99,7 @@ exports.NotyList = (0, shades_1.Shade)({
             }),
             notyService.onNotyRemoved.subscribe((n) => {
                 element.querySelectorAll('shade-noty').forEach((e) => {
-                    if (e.props.getValue().model === n) {
+                    if (e.props.model === n) {
                         e.remove();
                     }
                 });

package/dist/components/noty-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"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"}

package/dist/services/theme-provider-service.js

@@ -6,10 +6,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProviderService = void 0;
+exports.ThemeProviderService = exports.RgbColor = void 0;
 const inject_1 = require("@furystack/inject");
 const utils_1 = require("@furystack/utils");
 const default_dark_theme_1 = require("./default-dark-theme");
+class RgbColor {
+    constructor(r, g, b, a = 1) {
+        this.r = r;
+        this.g = g;
+        this.b = b;
+        this.a = a;
+    }
+    update(key, value) {
+        this[key] = value;
+        return this;
+    }
+    toString() {
+        return `rgba(${this.r},${this.g},${this.b},${this.a})`;
+    }
+}
+exports.RgbColor = RgbColor;
 /**
  * Service class for theme-related operations
  */
@@ -40,24 +56,19 @@ let ThemeProviderService = class ThemeProviderService {
                 const r = parseInt(color.substr(1, 2), 16);
                 const g = parseInt(color.substr(3, 2), 16);
                 const b = parseInt(color.substr(5, 2), 16);
-                return { r, g, b };
+                return new RgbColor(r, g, b);
             }
             if (color.length === 4) {
                 const r = parseInt(color.substr(1, 1) + color.substr(1, 1), 16);
                 const g = parseInt(color.substr(2, 1) + color.substr(2, 1), 16);
                 const b = parseInt(color.substr(3, 1) + color.substr(3, 1), 16);
-                return { r, g, b };
+                return new RgbColor(r, g, b);
             }
         }
         if (color.startsWith('rgba(')) {
             const result = new RegExp(/^rgba[(](?<red>[\d]+)[,][\s]?(?<green>[\d]+)[,][\s]?(?<blue>[\d]+)[,][\s]?(?<alpha>[\d|.]+)[)]/gm).exec(color);
             if (result && result.groups) {
-                return {
-                    r: parseInt(result.groups.red, 10),
-                    g: parseInt(result.groups.green, 10),
-                    b: parseInt(result.groups.blue, 10),
-                    a: parseInt(result.groups.alpha, 10),
-                };
+                return new RgbColor(parseInt(result.groups.red, 10), parseInt(result.groups.green, 10), parseInt(result.groups.blue, 10), parseInt(result.groups.alpha, 10));
             }
         }
         throw Error(`Color format '${color} is not supported.'`);

package/dist/services/theme-provider-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furystack/shades-common-components",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "",
   "keywords": [
     "FuryStack",
@@ -20,9 +20,9 @@
     "typescript": "4.8.2"
   },
   "dependencies": {
-    "@furystack/core": "^11.0.10",
+    "@furystack/core": "^11.0.11",
     "@furystack/inject": "^7.0.4",
-    "@furystack/shades": "^6.0.6",
+    "@furystack/shades": "^6.0.7",
     "@furystack/utils": "^3.0.8",
     "path-to-regexp": "^6.2.1",
     "semaphore-async-await": "^1.5.1"

package/src/components/data-grid/header.tsx

@@ -2,7 +2,7 @@ import { FindOptions } from '@furystack/core'
 import { ChildrenList, Shade, createComponent } from '@furystack/shades'
 import { debounce } from '@furystack/utils'
 import { CollectionService } from '../../services/collection-service'
-import { Input } from '../input'
+import { Input } from '../inputs/input'
 
 export interface DataGridHeaderProps<T, K extends keyof T> {
   collectionService: CollectionService<T>

package/src/components/index.ts

@@ -1,13 +1,12 @@
 export * from './animations'
 export * from './app-bar'
 export * from './app-bar-link'
-export * from './autocomplete'
+export * from './inputs'
 export * from './avatar'
 export * from './button'
 export * from './data-grid'
 export * from './fab'
 export * from './grid'
-export * from './input'
 export * from './modal'
 export * from './noty-list'
 export * from './paper'

package/src/components/{autocomplete.tsx → inputs/autocomplete.tsx}

@@ -1,8 +1,8 @@
 import { Shade, createComponent } from '@furystack/shades'
-import { Input, InputProps } from './input'
+import { Input, TextInputProps } from './input'
 
 export const Autocomplete = Shade<
-  { inputProps?: InputProps; suggestions: string[]; strict?: boolean; onchange: (value: string) => void },
+  { inputProps?: TextInputProps; suggestions: string[]; strict?: boolean; onchange?: (value: string) => void },
   { dataListId: string }
 >({
   getInitialState: () => ({
@@ -30,7 +30,7 @@ export const Autocomplete = Shade<
                 return
               }
             }
-            props.onchange(value)
+            props.onchange?.(value)
           }}
         />
         <datalist id={dataListId}>

package/src/components/inputs/index.ts

@@ -0,0 +1,3 @@
+export * from './autocomplete'
+export * from './input'
+export * from './text-area'