@type-dom/ui 0.2.1 → 0.3.0

package/dist/src/constants/aria.d.ts

@@ -0,0 +1,36 @@
+import { TypeProps } from '@type-dom/framework';
+export interface IAriaConfig extends TypeProps {
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel?: string;
+    /**
+     * @description native `aria-orientation` attribute
+     */
+    ariaOrientation?: 'horizontal' | 'vertical' | 'undefined';
+    /**
+     * @description native `aria-controls` attribute
+     */
+    ariaControls?: string;
+    ariaDescribedby?: string;
+    ariaExpanded?: string;
+    ariaHaspopup?: string;
+}
+export declare const EVENT_CODE: {
+    tab: string;
+    enter: string;
+    space: string;
+    left: string;
+    up: string;
+    right: string;
+    down: string;
+    esc: string;
+    delete: string;
+    backspace: string;
+    numpadEnter: string;
+    pageUp: string;
+    pageDown: string;
+    home: string;
+    end: string;
+};
+//# sourceMappingURL=aria.d.ts.map

package/dist/src/constants/aria.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.d.ts","sourceRoot":"","sources":["../../../src/constants/aria.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;IAC1D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAgBtB,CAAC"}

package/dist/src/constants/aria.js

@@ -0,0 +1,18 @@
+export const EVENT_CODE = {
+    tab: 'Tab',
+    enter: 'Enter',
+    space: 'Space',
+    left: 'ArrowLeft', // 37
+    up: 'ArrowUp', // 38
+    right: 'ArrowRight', // 39
+    down: 'ArrowDown', // 40
+    esc: 'Escape',
+    delete: 'Delete',
+    backspace: 'Backspace',
+    numpadEnter: 'NumpadEnter',
+    pageUp: 'PageUp',
+    pageDown: 'PageDown',
+    home: 'Home',
+    end: 'End',
+};
+//# sourceMappingURL=aria.js.map

package/dist/src/constants/aria.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.js","sourceRoot":"","sources":["../../../src/constants/aria.ts"],"names":[],"mappings":"AAqBA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,WAAW,EAAE,KAAK;IACxB,EAAE,EAAE,SAAS,EAAE,KAAK;IACpB,KAAK,EAAE,YAAY,EAAE,KAAK;IAC1B,IAAI,EAAE,WAAW,EAAE,KAAK;IACxB,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;CACX,CAAC"}

package/dist/src/constants/date.d.ts

@@ -0,0 +1,4 @@
+export declare const datePickTypes: readonly ["year", "years", "month", "months", "date", "dates", "week", "datetime", "datetimerange", "daterange", "monthrange", "yearrange"];
+export declare const WEEK_DAYS: readonly ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
+export type DatePickType = (typeof datePickTypes)[number];
+//# sourceMappingURL=date.d.ts.map

package/dist/src/constants/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/constants/date.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,6IAahB,CAAC;AAEX,eAAO,MAAM,SAAS,4DAQZ,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/src/constants/date.js

@@ -0,0 +1,24 @@
+export const datePickTypes = [
+    'year',
+    'years',
+    'month',
+    'months',
+    'date',
+    'dates',
+    'week',
+    'datetime',
+    'datetimerange',
+    'daterange',
+    'monthrange',
+    'yearrange',
+];
+export const WEEK_DAYS = [
+    'sun',
+    'mon',
+    'tue',
+    'wed',
+    'thu',
+    'fri',
+    'sat',
+];
+//# sourceMappingURL=date.js.map

package/dist/src/constants/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../src/constants/date.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;IACR,MAAM;IACN,OAAO;IACP,MAAM;IACN,UAAU;IACV,eAAe;IACf,WAAW;IACX,YAAY;IACZ,WAAW;CACH,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACG,CAAC"}

package/dist/src/constants/event.d.ts

@@ -0,0 +1,4 @@
+export declare const UPDATE_MODEL_EVENT = "update:modelValue";
+export declare const CHANGE_EVENT = "change";
+export declare const INPUT_EVENT = "input";
+//# sourceMappingURL=event.d.ts.map

package/dist/src/constants/event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../../src/constants/event.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AACtD,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,WAAW,UAAU,CAAC"}

package/dist/src/constants/event.js

@@ -0,0 +1,4 @@
+export const UPDATE_MODEL_EVENT = 'update:modelValue';
+export const CHANGE_EVENT = 'change';
+export const INPUT_EVENT = 'input';
+//# sourceMappingURL=event.js.map

package/dist/src/constants/event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.js","sourceRoot":"","sources":["../../../src/constants/event.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AACtD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC"}

package/dist/src/constants/index.d.ts

@@ -0,0 +1,6 @@
+export * from './aria';
+export * from './date';
+export * from './event';
+export * from './key';
+export * from './size';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}

package/dist/src/constants/index.js

@@ -0,0 +1,6 @@
+export * from './aria';
+export * from './date';
+export * from './event';
+export * from './key';
+export * from './size';
+//# sourceMappingURL=index.js.map

package/dist/src/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}

package/dist/src/constants/key.d.ts

@@ -0,0 +1,2 @@
+export declare const INSTALLED_KEY: unique symbol;
+//# sourceMappingURL=key.d.ts.map

package/dist/src/constants/key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key.d.ts","sourceRoot":"","sources":["../../../src/constants/key.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,eAA0B,CAAC"}

package/dist/src/constants/key.js

@@ -0,0 +1,2 @@
+export const INSTALLED_KEY = Symbol('INSTALLED_KEY');
+//# sourceMappingURL=key.js.map

package/dist/src/constants/key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key.js","sourceRoot":"","sources":["../../../src/constants/key.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC"}

package/dist/src/constants/size.d.ts

@@ -0,0 +1,8 @@
+export declare const componentSizes: readonly ["", "default", "small", "large"];
+export type ComponentSize = (typeof componentSizes)[number];
+export declare const componentSizeMap: {
+    readonly large: 40;
+    readonly default: 32;
+    readonly small: 24;
+};
+//# sourceMappingURL=size.d.ts.map

package/dist/src/constants/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/constants/size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,4CAA6C,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC"}

package/dist/src/constants/size.js

@@ -0,0 +1,7 @@
+export const componentSizes = ['', 'default', 'small', 'large'];
+export const componentSizeMap = {
+    large: 40,
+    default: 32,
+    small: 24,
+};
+//# sourceMappingURL=size.js.map

package/dist/src/constants/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../src/constants/size.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAU,CAAC;AAIzE,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,EAAE;CACD,CAAC"}

package/dist/src/hooks/index.d.ts

@@ -0,0 +1,32 @@
+export * from './use-aria';
+export * from './use-attrs';
+export * from './use-calc-input-width';
+export * from './use-composition';
+export * from './use-cursor';
+export * from './use-delayed-toggle';
+export * from './use-deprecated';
+export * from './use-draggable';
+export * from './use-empty-values';
+export * from './use-escape-keydown';
+export * from './use-floating';
+export * from './use-focus-controller';
+export * from './use-forward-ref';
+export * from './use-id';
+export * from './use-intermediate-render';
+export * from './use-locale';
+export * from './use-lockscreen';
+export * from './use-modal';
+export * from './use-model-toggle';
+export * from './use-namespace';
+export * from './use-ordered-children';
+export * from './use-popper';
+export * from './use-popper-container';
+export * from './use-prevent-global';
+export * from './use-prop';
+export * from './use-same-target';
+export * from './use-size';
+export * from './use-throttle-render';
+export * from './use-timeout';
+export * from './use-transition-fallthrough';
+export * from './use-z-index';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC"}

package/dist/src/hooks/index.js

@@ -0,0 +1,32 @@
+export * from './use-aria';
+export * from './use-attrs';
+export * from './use-calc-input-width';
+export * from './use-composition';
+export * from './use-cursor';
+export * from './use-delayed-toggle';
+export * from './use-deprecated';
+export * from './use-draggable';
+export * from './use-empty-values';
+export * from './use-escape-keydown';
+export * from './use-floating';
+export * from './use-focus-controller';
+export * from './use-forward-ref';
+export * from './use-id';
+export * from './use-intermediate-render';
+export * from './use-locale';
+export * from './use-lockscreen';
+export * from './use-modal';
+export * from './use-model-toggle';
+export * from './use-namespace';
+export * from './use-ordered-children';
+export * from './use-popper';
+export * from './use-popper-container';
+export * from './use-prevent-global';
+export * from './use-prop';
+export * from './use-same-target';
+export * from './use-size';
+export * from './use-throttle-render';
+export * from './use-timeout';
+export * from './use-transition-fallthrough';
+export * from './use-z-index';
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC"}

package/dist/src/hooks/use-aria/index.d.ts

@@ -0,0 +1,51 @@
+export declare const ariaProps: {
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * @description native `aria-orientation` attribute
+     */
+    ariaOrientation: {
+        type: StringConstructor;
+        values: string[];
+    };
+    /**
+     * @description native `aria-controls` attribute
+     */
+    ariaControls: StringConstructor;
+};
+export declare const useAriaProps: <T extends keyof typeof ariaProps>(arias: Array<T>) => T extends infer T_1 extends keyof {
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * @description native `aria-orientation` attribute
+     */
+    ariaOrientation: {
+        type: StringConstructor;
+        values: string[];
+    };
+    /**
+     * @description native `aria-controls` attribute
+     */
+    ariaControls: StringConstructor;
+} ? { [P in T_1]: {
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel: StringConstructor;
+    /**
+     * @description native `aria-orientation` attribute
+     */
+    ariaOrientation: {
+        type: StringConstructor;
+        values: string[];
+    };
+    /**
+     * @description native `aria-controls` attribute
+     */
+    ariaControls: StringConstructor;
+}[P]; } : never;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-aria/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-aria/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;IACpB;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;CAEJ,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,OAAO,SAAS,SACpD,KAAK,CAAC,CAAC,CAAC;IAlBf;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;IAbH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;eAQJ,CAAC"}

package/dist/src/hooks/use-aria/index.js

@@ -0,0 +1,22 @@
+import { pick } from '@type-dom/utils';
+export const ariaProps = {
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel: String,
+    /**
+     * @description native `aria-orientation` attribute
+     */
+    ariaOrientation: {
+        type: String,
+        values: ['horizontal', 'vertical', 'undefined'],
+    },
+    /**
+     * @description native `aria-controls` attribute
+     */
+    ariaControls: String,
+};
+export const useAriaProps = (arias) => {
+    return pick(ariaProps, arias);
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-aria/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-aria/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,SAAS,EAAE,MAAM;IACjB;;OAEG;IACH,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,WAAW,CAAC;KAChD;IACD;;OAEG;IACH,YAAY,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAe,EACf,EAAE;IACF,OAAO,IAAI,CAAsB,SAAS,EAAE,KAAK,CAAC,CAAC;AACrD,CAAC,CAAC"}

package/dist/src/hooks/use-attrs/index.d.ts

@@ -0,0 +1,8 @@
+import { Computed } from '@type-dom/signals';
+interface Params {
+    excludeListeners?: boolean;
+    excludeKeys?: Computed<string[]>;
+}
+export declare const useAttrs: (params?: Params) => Computed<{}>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-attrs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-attrs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,mBAAmB,CAAC;AAIvD,UAAU,MAAM;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;CAClC;AAKD,eAAO,MAAM,QAAQ,YAAY,MAAM,iBAwBtC,CAAC"}

package/dist/src/hooks/use-attrs/index.js

@@ -0,0 +1,19 @@
+import { computed } from '@type-dom/signals';
+import { getCurrentInstance } from '@type-dom/framework';
+import { debugWarn, fromPairs } from '@type-dom/utils';
+const DEFAULT_EXCLUDE_KEYS = ['class', 'style'];
+const LISTENER_PREFIX = /^on[A-Z]/;
+export const useAttrs = (params = {}) => {
+    const { excludeListeners = false, excludeKeys } = params;
+    const allExcludeKeys = computed(() => {
+        return ((excludeKeys === null || excludeKeys === void 0 ? void 0 : excludeKeys.get()) || []).concat(DEFAULT_EXCLUDE_KEYS);
+    });
+    const instance = getCurrentInstance();
+    if (!instance) {
+        debugWarn('use-attrs', 'getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function');
+        return computed(() => ({}));
+    }
+    return computed(() => fromPairs(Object.entries(instance.props.attrObj).filter(([key]) => !allExcludeKeys.get().includes(key) &&
+        !(excludeListeners && LISTENER_PREFIX.test(key)))));
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-attrs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-attrs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAOvD,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,MAAM,eAAe,GAAG,UAAU,CAAC;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,gBAAgB,GAAG,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IACzD,MAAM,cAAc,GAAG,QAAQ,CAAW,GAAG,EAAE;QAC7C,OAAO,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,EAAE,KAAI,EAAE,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;IACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,SAAS,CACP,WAAW,EACX,8FAA8F,CAC/F,CAAC;QACF,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,QAAQ,CAAC,GAAG,EAAE,CACnB,SAAS,CACP,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAQ,CAAC,CAAC,MAAM,CAC5C,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CACR,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;QACnC,CAAC,CAAC,gBAAgB,IAAI,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CACnD,CACF,CACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/hooks/use-calc-input-width/index.d.ts

@@ -0,0 +1,8 @@
+export declare function useCalcInputWidth(): {
+    calculatorRef: import("@type-dom/signals").Signal<HTMLElement>;
+    calculatorWidth: import("@type-dom/signals").Signal<number>;
+    inputStyle: import("@type-dom/signals").Computed<{
+        minWidth: string;
+    }>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-calc-input-width/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-calc-input-width/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB;;;;;;EAsBhC"}

package/dist/src/hooks/use-calc-input-width/index.js

@@ -0,0 +1,23 @@
+// import { computed, ref, shallowRef } from 'vue'
+// import { useResizeObserver } from '@vueuse/core'
+import { computed, signal } from '@type-dom/signals';
+import { useResizeObserver } from '@type-dom/framework';
+export function useCalcInputWidth() {
+    const calculatorRef = signal();
+    const calculatorWidth = signal(0);
+    const MINIMUM_INPUT_WIDTH = 11;
+    const inputStyle = computed(() => ({
+        minWidth: `${Math.max(calculatorWidth.get(), MINIMUM_INPUT_WIDTH)}px`,
+    }));
+    const resetCalculatorWidth = () => {
+        var _a, _b;
+        calculatorWidth.set((_b = (_a = calculatorRef.get()) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : 0);
+    };
+    useResizeObserver(calculatorRef, resetCalculatorWidth);
+    return {
+        calculatorRef,
+        calculatorWidth,
+        inputStyle,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-calc-input-width/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-calc-input-width/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,mDAAmD;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,UAAU,iBAAiB;IAC/B,MAAM,aAAa,GAAG,MAAM,EAAe,CAAC;IAC5C,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACjC,QAAQ,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,EAAE,mBAAmB,CAAC,IAAI;KACtE,CAAC,CAAC,CAAC;IAEJ,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,eAAe,CAAC,GAAG,CACjB,MAAA,MAAA,aAAa,CAAC,GAAG,EAAE,0CAAE,qBAAqB,GAAG,KAAK,mCAAI,CAAC,CACxD,CAAC;IACJ,CAAC,CAAC;IAEF,iBAAiB,CAAC,aAAa,EAAE,oBAAoB,CAAC,CAAC;IAEvD,OAAO;QACL,aAAa;QACb,eAAe;QACf,UAAU;KACX,CAAC;AACJ,CAAC"}

package/dist/src/hooks/use-composition/index.d.ts

@@ -0,0 +1,13 @@
+interface UseCompositionOptions {
+    afterComposition: (event?: CompositionEvent) => void;
+    emit?: ((event: 'compositionstart', evt?: CompositionEvent) => void) & ((event: 'compositionupdate', evt?: CompositionEvent) => void) & ((event: 'compositionend', evt?: CompositionEvent) => void);
+}
+export declare function useComposition({ afterComposition, emit, }: UseCompositionOptions): {
+    isComposing: import("@type-dom/signals").Signal<boolean>;
+    handleComposition: (event?: CompositionEvent) => void;
+    handleCompositionStart: (event?: CompositionEvent) => void;
+    handleCompositionUpdate: (event?: CompositionEvent) => void;
+    handleCompositionEnd: (event?: CompositionEvent) => void;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-composition/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-composition/index.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAClE,CAAC,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAC9D,CAAC,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC,CAAC;CAC/D;AAED,wBAAgB,cAAc,CAAC,EAC7B,gBAAgB,EAChB,IAAI,GACL,EAAE,qBAAqB;;gCAuBa,gBAAgB;qCApBX,gBAAgB;sCAKf,gBAAgB;mCAOnB,gBAAgB;EAqBvD"}

package/dist/src/hooks/use-composition/index.js

@@ -0,0 +1,37 @@
+import { signal } from '@type-dom/signals';
+import { nextTick } from '@type-dom/framework';
+import { isKorean } from '@type-dom/utils';
+export function useComposition({ afterComposition, emit, }) {
+    const isComposing = signal(false);
+    const handleCompositionStart = (event) => {
+        emit === null || emit === void 0 ? void 0 : emit('compositionstart', event);
+        isComposing.set(true);
+    };
+    const handleCompositionUpdate = (event) => {
+        var _a;
+        emit === null || emit === void 0 ? void 0 : emit('compositionupdate', event);
+        const text = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
+        const lastCharacter = text[text.length - 1] || '';
+        isComposing.set(!isKorean(lastCharacter));
+    };
+    const handleCompositionEnd = (event) => {
+        emit === null || emit === void 0 ? void 0 : emit('compositionend', event);
+        if (isComposing.get()) {
+            isComposing.set(false);
+            nextTick(() => afterComposition(event));
+        }
+    };
+    const handleComposition = (event) => {
+        (event === null || event === void 0 ? void 0 : event.type) === 'compositionend'
+            ? handleCompositionEnd(event)
+            : handleCompositionUpdate(event);
+    };
+    return {
+        isComposing,
+        handleComposition,
+        handleCompositionStart,
+        handleCompositionUpdate,
+        handleCompositionEnd,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-composition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-composition/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAS3C,MAAM,UAAU,cAAc,CAAC,EAC7B,gBAAgB,EAChB,IAAI,GACkB;IACtB,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,MAAM,sBAAsB,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC1D,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,kBAAkB,EAAE,KAAK,CAAC,CAAC;QAClC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;;QAC3D,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAA2B,0CAAE,KAAK,CAAC;QACxD,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QAClD,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,KAAwB,EAAE,EAAE;QACxD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,gBAAgB,EAAE,KAAK,CAAC,CAAC;QAChC,IAAI,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC;YACtB,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACvB,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAwB,EAAE,EAAE;QACrD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,gBAAgB;YAC9B,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC;YAC7B,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,iBAAiB;QACjB,sBAAsB;QACtB,uBAAuB;QACvB,oBAAoB;KACrB,CAAC;AACJ,CAAC"}

package/dist/src/hooks/use-cursor/index.d.ts

@@ -0,0 +1,3 @@
+import { Signal } from '@type-dom/signals';
+export declare function useCursor(input: Signal<HTMLInputElement | undefined>): [() => void, () => void];
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-cursor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-cursor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAW3C,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,CAAC,gBAAgB,GAAG,SAAS,CAAC,GAC1C,CAAC,MAAM,IAAI,EAAE,MAAM,IAAI,CAAC,CA4D1B"}

package/dist/src/hooks/use-cursor/index.js

@@ -0,0 +1,52 @@
+// Keep input cursor in the correct position when we use formatter.
+export function useCursor(input) {
+    let selectionInfo;
+    function recordCursor() {
+        if (input.get() == undefined) {
+            return;
+        }
+        const { selectionStart, selectionEnd, value } = input.get();
+        if (selectionStart == null || selectionEnd == null) {
+            return;
+        }
+        const beforeTxt = value.slice(0, Math.max(0, selectionStart));
+        const afterTxt = value.slice(Math.max(0, selectionEnd));
+        selectionInfo = {
+            selectionStart,
+            selectionEnd,
+            value,
+            beforeTxt,
+            afterTxt,
+        };
+    }
+    function setCursor() {
+        var _a;
+        if (input.get() == undefined || selectionInfo == undefined) {
+            return;
+        }
+        const { value } = input.get();
+        const { beforeTxt, afterTxt, selectionStart } = selectionInfo;
+        if (beforeTxt == undefined ||
+            afterTxt == undefined ||
+            selectionStart == undefined) {
+            return;
+        }
+        let startPos = value.length;
+        if (value.endsWith(afterTxt)) {
+            startPos = value.length - afterTxt.length;
+        }
+        else if (value.startsWith(beforeTxt)) {
+            startPos = beforeTxt.length;
+        }
+        else {
+            const beforeLastChar = beforeTxt[selectionStart - 1];
+            const newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
+            if (newIndex !== -1) {
+                startPos = newIndex + 1;
+            }
+        }
+        (_a = input.get()) === null || _a === void 0 ? void 0 : _a.setSelectionRange(startPos, startPos);
+    }
+    return [recordCursor, setCursor];
+}
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-cursor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-cursor/index.ts"],"names":[],"mappings":"AAUA,mEAAmE;AACnE,MAAM,UAAU,SAAS,CACvB,KAA2C;IAE3C,IAAI,aAA4B,CAAC;IAEjC,SAAS,YAAY;QACnB,IAAI,KAAK,CAAC,GAAG,EAAE,IAAI,SAAS,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,GAAG,EAAG,CAAC;QAE7D,IAAI,cAAc,IAAI,IAAI,IAAI,YAAY,IAAI,IAAI,EAAE,CAAC;YACnD,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;QAExD,aAAa,GAAG;YACd,cAAc;YACd,YAAY;YACZ,KAAK;YACL,SAAS;YACT,QAAQ;SACT,CAAC;IACJ,CAAC;IAED,SAAS,SAAS;;QAChB,IAAI,KAAK,CAAC,GAAG,EAAE,IAAI,SAAS,IAAI,aAAa,IAAI,SAAS,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAED,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,GAAG,EAAG,CAAC;QAC/B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC;QAE9D,IACE,SAAS,IAAI,SAAS;YACtB,QAAQ,IAAI,SAAS;YACrB,cAAc,IAAI,SAAS,EAC3B,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC5C,CAAC;aAAM,IAAI,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACvC,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;YACrD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC;YACnE,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;gBACpB,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;QAED,MAAA,KAAK,CAAC,GAAG,EAAE,0CAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACnC,CAAC"}

package/dist/src/hooks/use-delayed-toggle/index.d.ts

@@ -0,0 +1,25 @@
+export declare const useDelayedToggleProps: UseDelayedToggleProps;
+export interface UseDelayedToggleProps {
+    /**
+     * @description delay of appearance, in millisecond
+     *     default: 0,
+     */
+    showAfter?: number;
+    /**
+     * @description delay of disappear, in millisecond
+     *     default: 200,
+     */
+    hideAfter?: number;
+    /**
+     * @description disappear automatically, in millisecond
+     *     default: 0,
+     */
+    autoClose?: number;
+    open?: (event?: Event) => void;
+    close?: (event?: Event) => void;
+}
+export declare const useDelayedToggle: ({ showAfter, hideAfter, autoClose, open, close, }: UseDelayedToggleProps) => {
+    onOpen: (event?: Event) => void;
+    onClose: (event?: Event) => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-delayed-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-delayed-toggle/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB,EAAE,qBAInC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,sDAM1B,qBAAqB;qBAOE,KAAK;sBAcJ,KAAK;CAY/B,CAAC"}

package/dist/src/hooks/use-delayed-toggle/index.js

@@ -0,0 +1,38 @@
+// import { unref } from 'vue'
+// import { buildProps, isNumber } from '@element-plus/utils'
+import { useTimeout } from '../use-timeout';
+import { unref } from '@type-dom/signals';
+import { isNumber } from '@type-dom/utils';
+// import type { ExtractPropTypes, ToRefs } from 'vue'
+export const useDelayedToggleProps = {
+    showAfter: 0,
+    hideAfter: 200,
+    autoClose: 0,
+};
+export const useDelayedToggle = ({ showAfter, hideAfter, autoClose, open, close, }) => {
+    const { registerTimeout } = useTimeout();
+    const { registerTimeout: registerTimeoutForAutoClose, cancelTimeout: cancelTimeoutForAutoClose, } = useTimeout();
+    const onOpen = (event) => {
+        // console.log('use-delayed-toggle onOpen');
+        registerTimeout(() => {
+            open === null || open === void 0 ? void 0 : open(event);
+            const _autoClose = unref(autoClose);
+            if (isNumber(_autoClose) && _autoClose > 0) {
+                registerTimeoutForAutoClose(() => {
+                    close === null || close === void 0 ? void 0 : close(event);
+                }, _autoClose);
+            }
+        }, unref(showAfter));
+    };
+    const onClose = (event) => {
+        cancelTimeoutForAutoClose();
+        registerTimeout(() => {
+            close === null || close === void 0 ? void 0 : close(event);
+        }, unref(hideAfter));
+    };
+    return {
+        onOpen,
+        onClose,
+    };
+};
+//# sourceMappingURL=index.js.map