@fragment-build/ui 1.13.2 → 1.13.4

package/dist/components/color-input/ColorInput.d.ts

@@ -2,5 +2,7 @@ import type { InputProps } from '@nextui-org/react';
 /**
  * Primary UI component for selecting a color
  */
-export type ColorInputProps = InputProps;
-export declare const ColorInput: ({ defaultValue, label, errorMessage, onValueChange, isInvalid, value: controlledValue, ...rest }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
+export interface ColorInputProps extends InputProps {
+    placeholderValue?: string;
+}
+export declare const ColorInput: ({ defaultValue, placeholderValue, label, errorMessage, onValueChange, isInvalid, value: controlledValue, placeholder, ...rest }: ColorInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/color-input/ColorInput.js

@@ -2,8 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { Avatar, Input } from '../base';
 import { withFragment } from '../../withFragment';
-export const ColorInput = withFragment(({ defaultValue, label = 'Color', errorMessage = "Please enter a valid color in hex format e.g. #f3f or #ff33ff", onValueChange, isInvalid, value: controlledValue, ...rest }) => {
-    const [value, setValue] = useState(defaultValue || '#7d7d7d');
+;
+export const ColorInput = withFragment(({ defaultValue = '', placeholderValue, label = 'Color', errorMessage = "Please enter a valid color in hex format e.g. #f3f or #ff33ff", onValueChange, isInvalid, value: controlledValue, placeholder, ...rest }) => {
+    const [value, setValue] = useState(controlledValue || defaultValue);
     useEffect(() => onValueChange && onValueChange(value), [value, onValueChange]);
     useEffect(() => {
         if (!controlledValue)
@@ -21,6 +22,6 @@ export const ColorInput = withFragment(({ defaultValue, label = 'Color', errorMe
             rest.onChange(e);
         setValue(e.currentTarget.value);
     };
-    return (_jsx(Input, { ...rest, label: label, type: "text", value: value, onValueChange: setValue, isInvalid: invalid, errorMessage: invalid && errorMessage, endContent: (_jsx(Avatar, { as: "button", size: "sm", showFallback: true, fallback: _jsx("input", { type: 'color', className: "w-full h-full opacity-0 cursor-pointer", onChange: handleOnChange }), style: { backgroundColor: value }, classNames: { base: 'shrink-0 self-center -mb-0.5', fallback: 'w-full h-full' } })) }));
+    return (_jsx(Input, { ...rest, label: label, type: "text", value: value, onValueChange: setValue, isInvalid: invalid, errorMessage: invalid && errorMessage, placeholder: placeholder || placeholderValue, endContent: (_jsx(Avatar, { as: "button", size: "sm", showFallback: true, fallback: _jsx("input", { type: 'color', className: "w-full h-full opacity-0 cursor-pointer", value: value || placeholderValue, onChange: handleOnChange }), style: { backgroundColor: value || placeholderValue }, classNames: { base: 'shrink-0 self-center -mb-0.5', fallback: 'w-full h-full' } })) }));
 }, 'colorInput');
 //# sourceMappingURL=ColorInput.js.map

package/dist/components/color-input/ColorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,EACtC,YAAY,EACZ,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,+DAA+D,EAC9E,aAAa,EACb,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,GAAG,IAAI,EACS,EAAE,EAAE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAG,CAAC,eAAe;YAAE,OAAO;QAC5B,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAEvF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAE/B,OAAO,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC1D,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,OACA,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,OAAO,EAClB,YAAY,EAAE,OAAO,IAAI,YAAY,EACrC,UAAU,EAAE,CACV,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,IAAI,EACT,YAAY,QACZ,QAAQ,EAAE,gBAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,wCAAwC,EAAC,QAAQ,EAAE,cAAc,GAAI,EAC7G,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,UAAU,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC/E,CACH,GACD,CACH,CAAC;AACJ,CAAC,EAAE,YAAY,CAAC,CAAC"}
+{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQjD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,EACtC,YAAY,GAAG,EAAE,EACjB,gBAAgB,EAChB,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,+DAA+D,EAC9E,aAAa,EACb,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,WAAW,EACX,GAAG,IAAI,EACS,EAAE,EAAE;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,IAAI,YAAY,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAG,CAAC,eAAe;YAAE,OAAO;QAC5B,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAEvF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAE/B,OAAO,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC1D,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,OACA,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,OAAO,EAClB,YAAY,EAAE,OAAO,IAAI,YAAY,EACrC,WAAW,EAAE,WAAW,IAAI,gBAAgB,EAC5C,UAAU,EAAE,CACV,KAAC,MAAM,IACL,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,IAAI,EACT,YAAY,QACZ,QAAQ,EAAE,gBAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,KAAK,IAAI,gBAAgB,EAAE,QAAQ,EAAE,cAAc,GAAI,EAC/I,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,IAAI,gBAAgB,EAAE,EACrD,UAAU,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC/E,CACH,GACD,CACH,CAAC;AACJ,CAAC,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/color-input/ColorInput.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof ColorInput>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
+export declare const PlaceholderValue: Story;

package/dist/components/color-input/ColorInput.stories.js

@@ -12,4 +12,10 @@ export const Primary = {
         onValueChange: console.log,
     },
 };
+export const PlaceholderValue = {
+    args: {
+        onValueChange: console.log,
+        placeholderValue: '#7d7d7d',
+    },
+};
 //# sourceMappingURL=ColorInput.stories.js.map

package/dist/components/color-input/ColorInput.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.stories.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,qGAAqG;AACrG,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,aAAa,EAAE,OAAO,CAAC,GAAG;KAC3B;CACF,CAAC"}
+{"version":3,"file":"ColorInput.stories.js","sourceRoot":"","sources":["../../../src/components/color-input/ColorInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,qGAAqG;AACrG,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,aAAa,EAAE,OAAO,CAAC,GAAG;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,aAAa,EAAE,OAAO,CAAC,GAAG;QAC1B,gBAAgB,EAAE,SAAS;KAC5B;CACF,CAAC"}

package/dist/hooks/breakpoints.d.ts

@@ -1 +1,87 @@
+/**
+ * Breakpoints from Tailwind V2
+ *
+ * @see https://tailwindcss.com/docs/breakpoints
+ */
+export declare const breakpointsTailwind: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+};
+/**
+ * Reactive media query hook that returns the truthy value of the media query.
+ *
+ * @param {string} query
+ * @returns {boolean} boolean value of the query
+ *
+ * @see https://react-hooks-library.vercel.app/core/useMediaQuery
+ */
+export declare function useMediaQuery(query: string): boolean;
+/**
+ * Reactive hooks and utilities to be used with user provided breakpoints.
+ *
+ * @param {string} breakpoints
+ * @returns functions to be used as hooks
+ *
+ * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+ */
+export declare function BreakPointHooks<BreakPoints extends Record<string, number>>(breakpoints: BreakPoints): {
+    /**
+     * Hook that returns a boolean if screen width is greater than given breakpoint.
+     *
+     * @param k {string} breakpoint
+     * @returns boolean
+     *
+     * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+     **/
+    useGreater: (k: keyof BreakPoints) => boolean;
+    /**
+     * Hook that returns a boolean if screen width is smaller than given breakpoint.
+     *
+     * @param k {string} breakpoint
+     * @param k {string} breakpoint
+     *
+     * @returns boolean
+     *
+     * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+     **/
+    useSmaller: (k: keyof BreakPoints) => boolean;
+    /**
+     * Hook that returns a boolean if screen width is between two given breakpoint.
+     *
+     * @param a {string} breakpoint
+     * @param b {string} breakpoint
+     *
+     * @returns boolean
+     *
+     * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+     **/
+    useBetween: (a: keyof BreakPoints, b: keyof BreakPoints) => boolean;
+    /**
+     * Utility function that returns a boolean if screen width is greater than given breakpoint.
+     *
+     * @param k {string} breakpoint
+     *
+     * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+     **/
+    isGreater(k: keyof BreakPoints): boolean;
+    /**
+     * Utility function that returns a boolean if screen width is smaller than given breakpoint.
+     *
+     * @param k {string} breakpoint
+     *
+     * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+     **/
+    isSmaller(k: keyof BreakPoints): boolean;
+    /**
+     * Utility function that returns a boolean if screen width is between two given breakpoint.
+     *
+     * @param k {string} breakpoint
+     *
+     * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+     **/
+    isInBetween(a: keyof BreakPoints, b: keyof BreakPoints): boolean;
+};
 export declare const useGreater: (k: "sm" | "md" | "lg" | "xl" | "2xl") => boolean, useBetween: (a: "sm" | "md" | "lg" | "xl" | "2xl", b: "sm" | "md" | "lg" | "xl" | "2xl") => boolean, useSmaller: (k: "sm" | "md" | "lg" | "xl" | "2xl") => boolean;

package/dist/hooks/breakpoints.js

@@ -1,3 +1,123 @@
-import { BreakPointHooks, breakpointsTailwind } from '@react-hooks-library/core';
+// this file is based on @react-hooks-library/core with some fixes
+import { useEffect, useState } from 'react';
+/**
+ * Breakpoints from Tailwind V2
+ *
+ * @see https://tailwindcss.com/docs/breakpoints
+ */
+export const breakpointsTailwind = {
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    '2xl': 1536
+};
+/**
+ * Reactive media query hook that returns the truthy value of the media query.
+ *
+ * @param {string} query
+ * @returns {boolean} boolean value of the query
+ *
+ * @see https://react-hooks-library.vercel.app/core/useMediaQuery
+ */
+export function useMediaQuery(query) {
+    const [matches, setMatches] = useState(typeof window === 'undefined' ? false : window.matchMedia(query).matches);
+    useEffect(() => {
+        setMatches(window.matchMedia(query).matches);
+    }, []);
+    useEffect(() => {
+        const mediaQuery = window.matchMedia(query);
+        const handler = (event) => {
+            setMatches(event.matches);
+        };
+        mediaQuery.addEventListener('change', handler);
+        return () => mediaQuery.removeEventListener('change', handler);
+    }, [query]);
+    return matches;
+}
+function match(query) {
+    if (typeof window === 'undefined')
+        return false;
+    return window.matchMedia(query).matches;
+}
+/**
+ * Reactive hooks and utilities to be used with user provided breakpoints.
+ *
+ * @param {string} breakpoints
+ * @returns functions to be used as hooks
+ *
+ * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+ */
+export function BreakPointHooks(breakpoints) {
+    return {
+        /**
+         * Hook that returns a boolean if screen width is greater than given breakpoint.
+         *
+         * @param k {string} breakpoint
+         * @returns boolean
+         *
+         * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+         **/
+        useGreater: (k) => {
+            return useMediaQuery(`(min-width: ${breakpoints[k]}px)`);
+        },
+        /**
+         * Hook that returns a boolean if screen width is smaller than given breakpoint.
+         *
+         * @param k {string} breakpoint
+         * @param k {string} breakpoint
+         *
+         * @returns boolean
+         *
+         * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+         **/
+        useSmaller: (k) => {
+            return useMediaQuery(`(max-width: ${breakpoints[k]}px)`);
+        },
+        /**
+         * Hook that returns a boolean if screen width is between two given breakpoint.
+         *
+         * @param a {string} breakpoint
+         * @param b {string} breakpoint
+         *
+         * @returns boolean
+         *
+         * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+         **/
+        useBetween: (a, b) => {
+            return useMediaQuery(`(min-width: ${breakpoints[a]}px) and (max-width: ${breakpoints[b]}px)`);
+        },
+        /**
+         * Utility function that returns a boolean if screen width is greater than given breakpoint.
+         *
+         * @param k {string} breakpoint
+         *
+         * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+         **/
+        isGreater(k) {
+            return match(`(min-width: ${breakpoints[k]}px)`);
+        },
+        /**
+         * Utility function that returns a boolean if screen width is smaller than given breakpoint.
+         *
+         * @param k {string} breakpoint
+         *
+         * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+         **/
+        isSmaller(k) {
+            return match(`(max-width: ${breakpoints[k]}px)`);
+        },
+        /**
+         * Utility function that returns a boolean if screen width is between two given breakpoint.
+         *
+         * @param k {string} breakpoint
+         *
+         * @see https://react-hooks-library.vercel.app/core/BreakPointHooks
+         **/
+        isInBetween(a, b) {
+            return match(`(min-width: ${breakpoints[a]}px) and (max-width: ${breakpoints[b]}px)`);
+        }
+    };
+}
 export const { useGreater, useBetween, useSmaller } = BreakPointHooks(breakpointsTailwind);
 //# sourceMappingURL=breakpoints.js.map

package/dist/hooks/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/hooks/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEjF,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/hooks/breakpoints.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IAEhH,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QAC3C,MAAM,OAAO,GAAG,CAAC,KAA0B,EAAE,EAAE;YAC7C,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAC3B,CAAC,CAAA;QAED,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,SAAS,KAAK,CAAC,KAAa;IAC1B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAA;IAC/C,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAA;AACzC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAC7B,WAAwB;IAIxB,OAAO;QACL;;;;;;;YAOI;QACJ,UAAU,EAAE,CAAC,CAAiB,EAAE,EAAE;YAChC,OAAO,aAAa,CAAC,eAAe,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAC1D,CAAC;QAED;;;;;;;;;YASI;QACJ,UAAU,EAAE,CAAC,CAAiB,EAAE,EAAE;YAChC,OAAO,aAAa,CAAC,eAAe,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAC1D,CAAC;QAED;;;;;;;;;YASI;QACJ,UAAU,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;YACnD,OAAO,aAAa,CAClB,eAAe,WAAW,CAAC,CAAC,CAAC,uBAAuB,WAAW,CAAC,CAAC,CAAC,KAAK,CACxE,CAAA;QACH,CAAC;QAED;;;;;;YAMI;QACJ,SAAS,CAAC,CAAiB;YACzB,OAAO,KAAK,CAAC,eAAe,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAClD,CAAC;QAED;;;;;;YAMI;QACJ,SAAS,CAAC,CAAiB;YACzB,OAAO,KAAK,CAAC,eAAe,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAClD,CAAC;QAED;;;;;;YAMI;QACJ,WAAW,CAAC,CAAiB,EAAE,CAAiB;YAC9C,OAAO,KAAK,CACV,eAAe,WAAW,CAAC,CAAC,CAAC,uBAAuB,WAAW,CAAC,CAAC,CAAC,KAAK,CACxE,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragment-build/ui",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
@@ -21,8 +21,8 @@
     "@types/lodash.defaultsdeep": "4.6.9",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
-    "@typescript-eslint/eslint-plugin": "8.9.0",
-    "@typescript-eslint/parser": "8.9.0",
+    "@typescript-eslint/eslint-plugin": "8.10.0",
+    "@typescript-eslint/parser": "8.10.0",
     "@vitejs/plugin-react": "4.3.2",
     "@vitejs/plugin-react-swc": "3.7.1",
     "autoprefixer": "10.4.20",
@@ -36,7 +36,7 @@
     "storybook": "8.3.5",
     "storybook-dark-mode": "4.0.2",
     "typescript": "5.6.3",
-    "typescript-eslint": "8.9.0",
+    "typescript-eslint": "8.10.0",
     "vite": "5.4.9"
   },
   "scripts": {
@@ -48,7 +48,6 @@
   },
   "dependencies": {
     "@nextui-org/react": "2.4.8",
-    "@react-hooks-library/core": "0.6.2",
     "@tabler/icons-react": "3.19.0",
     "apexcharts": "3.54.1",
     "framer-motion": "11.11.9",