gd-design-library 1.8.2 → 1.8.3

package/constants/timers.d.cts

@@ -0,0 +1,2 @@
+export declare const BASE_ANIMATION_MS = 2000;
+export declare const BASE_ANIMATION_DELAY_MS = 500;

package/hooks/index.d.cts

@@ -0,0 +1,7 @@
+export * from './useTheme/index.js';
+export * from './useClickOutside/index.js';
+export * from './useAutoFocus/index.js';
+export * from './useMediaQuery/index.js';
+export * from './useKeyControls/index.js';
+export * from './useCarousel/index.js';
+export * from './useLogger/index.js';

package/hooks/index.d.ts

@@ -1,7 +1,7 @@
-export * from './useTheme';
-export * from './useClickOutside';
-export * from './useAutoFocus';
-export * from './useMediaQuery';
-export * from './useKeyControls';
-export * from './useCarousel';
-export * from './useLogger';
+export * from './useTheme/index.js';
+export * from './useClickOutside/index.js';
+export * from './useAutoFocus/index.js';
+export * from './useMediaQuery/index.js';
+export * from './useKeyControls/index.js';
+export * from './useCarousel/index.js';
+export * from './useLogger/index.js';

package/hooks/useAutoFocus/index.d.cts

@@ -0,0 +1 @@
+export * from './useAutoFocus.js';

package/hooks/useAutoFocus/index.d.ts

@@ -1 +1 @@
-export * from './useAutoFocus';
+export * from './useAutoFocus.js';

package/hooks/useAutoFocus/useAutoFocus.cjs

@@ -1 +1 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n)=>{(0,e.useEffect)(()=>{n&&t.current&&t.current.focus?.()},[n])};exports.useAutoFocus=t;
+"use client";let e=require("react");var t=(t,n)=>{(0,e.useEffect)(()=>{n&&t.current&&t.current.focus?.()},[n])};exports.useAutoFocus=t;

package/hooks/useAutoFocus/useAutoFocus.d.cts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useAutoFocus: <T extends HTMLElement>(ref: RefObject<T>, autoFocus: boolean) => void;

package/hooks/useCarousel/index.d.cts

@@ -0,0 +1 @@
+export * from './useCarousel.js';

package/hooks/useCarousel/index.d.ts

@@ -1 +1 @@
-export * from './useCarousel';
+export * from './useCarousel.js';

package/hooks/useCarousel/useCarousel.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`),n=require(`embla-carousel-react`);n=e.__toESM(n,1);var r=({options:e={},keyboardConfig:r={},targetRef:i,onSlideChange:a,thumbsVisibleItems:o=1})=>{let[s,c]=(0,n.default)(e),[l,u]=(0,n.default)({axis:e.axis,align:`start`,containScroll:`keepSnaps`,direction:e.direction,dragFree:!1,watchDrag:!1,slidesToScroll:1,startIndex:e.startIndex??0}),[d,f]=(0,t.useState)(0),[p,m]=(0,t.useState)(0),[h,g]=(0,t.useState)(!1),[_,v]=(0,t.useState)(!1),y=(0,t.useRef)(!1),b=(0,t.useCallback)(()=>{if(!c)return;let e=c.selectedScrollSnap(),t=c.slideNodes().length,n=o>1?Math.min(Math.max(0,e-(o-1)),Math.max(0,t-o)):e;f(e),g(c.canScrollPrev()),v(c.canScrollNext()),u?.scrollTo(n),a&&a(e)},[c,a,u,o]),x=(0,t.useCallback)(e=>{c?.scrollTo(e)},[c]),S=(0,t.useCallback)(()=>{c&&c.scrollPrev()},[c]),C=(0,t.useCallback)(()=>{c&&c.scrollNext()},[c]),w={ArrowLeft:S,ArrowRight:C,ArrowUp:e?.axis===`y`?S:void 0,ArrowDown:e?.axis===`y`?C:void 0,...r},T=(0,t.useCallback)(e=>{let t=w[e.key];t&&(e.preventDefault(),t())},[w]);return(0,t.useEffect)(()=>{let e=i?.current??window;return e.addEventListener(`keydown`,T),()=>e.removeEventListener(`keydown`,T)},[T,i]),(0,t.useEffect)(()=>{if(!c)return;let t=()=>{let t=e.startIndex??0;y.current||=(c.scrollTo(t,!0),u?.scrollTo(t,!0),!0),b(),m(c.slideNodes().length)};return c.on(`select`,b),c.on(`reInit`,t),t(),()=>{c?.off(`select`,b),c?.off(`reInit`,t)}},[c,b]),(0,t.useEffect)(()=>{y.current=!1},[c]),{carouselRef:s,carouselApi:c,thumbsRef:l,thumbsApi:u,activeIndex:d,scrollTo:x,scrollPrev:S,scrollNext:C,canScrollPrev:h,canScrollNext:_,slidesCount:p}};exports.useCarousel=r;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react"),n=require("embla-carousel-react");n=e.__toESM(n,1);var r=({options:e={},keyboardConfig:r={},targetRef:i,onSlideChange:a,thumbsVisibleItems:o=1})=>{let[s,c]=(0,n.default)(e),[l,u]=(0,n.default)({axis:e.axis,align:`start`,containScroll:`keepSnaps`,direction:e.direction,dragFree:!1,watchDrag:!1,slidesToScroll:1,startIndex:e.startIndex??0}),[d,f]=(0,t.useState)(0),[p,m]=(0,t.useState)(0),[h,g]=(0,t.useState)(!1),[_,v]=(0,t.useState)(!1),y=(0,t.useRef)(!1),b=(0,t.useCallback)(()=>{if(!c)return;let e=c.selectedScrollSnap(),t=c.slideNodes().length,n=o>1?Math.min(Math.max(0,e-(o-1)),Math.max(0,t-o)):e;f(e),g(c.canScrollPrev()),v(c.canScrollNext()),u?.scrollTo(n),a&&a(e)},[c,a,u,o]),x=(0,t.useCallback)(e=>{c?.scrollTo(e)},[c]),S=(0,t.useCallback)(()=>{c&&c.scrollPrev()},[c]),C=(0,t.useCallback)(()=>{c&&c.scrollNext()},[c]),w={ArrowLeft:S,ArrowRight:C,ArrowUp:e?.axis===`y`?S:void 0,ArrowDown:e?.axis===`y`?C:void 0,...r},T=(0,t.useCallback)(e=>{let t=w[e.key];t&&(e.preventDefault(),t())},[w]);return(0,t.useEffect)(()=>{let e=i?.current??window;return e.addEventListener(`keydown`,T),()=>e.removeEventListener(`keydown`,T)},[T,i]),(0,t.useEffect)(()=>{if(!c)return;let t=()=>{let t=e.startIndex??0;y.current||=(c.scrollTo(t,!0),u?.scrollTo(t,!0),!0),b(),m(c.slideNodes().length)};return c.on(`select`,b),c.on(`reInit`,t),t(),()=>{c?.off(`select`,b),c?.off(`reInit`,t)}},[c,b]),(0,t.useEffect)(()=>{y.current=!1},[c]),{carouselRef:s,carouselApi:c,thumbsRef:l,thumbsApi:u,activeIndex:d,scrollTo:x,scrollPrev:S,scrollNext:C,canScrollPrev:h,canScrollNext:_,slidesCount:p}};exports.useCarousel=r;

package/hooks/useCarousel/useCarousel.d.cts

@@ -0,0 +1,14 @@
+import { UseCarouselParams } from '../../types/index.js';
+export declare const useCarousel: ({ options, keyboardConfig, targetRef, onSlideChange, thumbsVisibleItems, }: UseCarouselParams) => {
+    carouselRef: import('embla-carousel-react').EmblaViewportRefType;
+    carouselApi: import('embla-carousel').EmblaCarouselType | undefined;
+    thumbsRef: import('embla-carousel-react').EmblaViewportRefType;
+    thumbsApi: import('embla-carousel').EmblaCarouselType | undefined;
+    activeIndex: number;
+    scrollTo: (index: number) => void;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    slidesCount: number;
+};

package/hooks/useCarousel/useCarousel.d.ts

@@ -1,4 +1,4 @@
-import { UseCarouselParams } from '../../types';
+import { UseCarouselParams } from '../../types/index.js';
 export declare const useCarousel: ({ options, keyboardConfig, targetRef, onSlideChange, thumbsVisibleItems, }: UseCarouselParams) => {
     carouselRef: import('embla-carousel-react').EmblaViewportRefType;
     carouselApi: import('embla-carousel').EmblaCarouselType | undefined;

package/hooks/useClickOutside/index.d.cts

@@ -0,0 +1 @@
+export * from './useClickOutside.js';

package/hooks/useClickOutside/index.d.ts

@@ -1 +1 @@
-export * from './useClickOutside';
+export * from './useClickOutside.js';

package/hooks/useClickOutside/useClickOutside.cjs

@@ -1 +1 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n)=>{(0,e.useEffect)(()=>{let e=e=>{t?.current?.contains(e.target)||n()};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[t,n])};exports.useClickOutside=t;
+"use client";let e=require("react");var t=(t,n)=>{(0,e.useEffect)(()=>{let e=e=>{t?.current?.contains(e.target)||n()};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[t,n])};exports.useClickOutside=t;

package/hooks/useClickOutside/useClickOutside.d.cts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;

package/hooks/useKeyControls/index.d.cts

@@ -0,0 +1 @@
+export * from './useKeyControls.js';

package/hooks/useKeyControls/index.d.ts

@@ -1 +1 @@
-export * from './useKeyControls';
+export * from './useKeyControls.js';

package/hooks/useKeyControls/useKeyControls.cjs

@@ -1 +1 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=({ref:t,keyHandlers:n})=>{(0,e.useEffect)(()=>{let e=e=>{let r=e.target;if(!t.current||!t.current.contains(r))return;let i=n[e.key];i&&i(e)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[n,t])};exports.useKeyControls=t;
+"use client";let e=require("react");var t=({ref:t,keyHandlers:n})=>{(0,e.useEffect)(()=>{let e=e=>{let r=e.target;if(!t.current||!t.current.contains(r))return;let i=n[e.key];i&&i(e)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[n,t])};exports.useKeyControls=t;

package/hooks/useKeyControls/useKeyControls.d.cts

@@ -0,0 +1,2 @@
+import { UseKeyControlsOptions } from '../../types/index.js';
+export declare const useKeyControls: ({ ref, keyHandlers }: UseKeyControlsOptions) => void;

package/hooks/useKeyControls/useKeyControls.d.ts

@@ -1,2 +1,2 @@
-import { UseKeyControlsOptions } from '../../types';
+import { UseKeyControlsOptions } from '../../types/index.js';
 export declare const useKeyControls: ({ ref, keyHandlers }: UseKeyControlsOptions) => void;

package/hooks/useLogger/NoOpLogger.d.cts

@@ -0,0 +1,11 @@
+import { ILogger } from './useLogger.types.js';
+export declare class NoOpLogger implements ILogger {
+    debug(): void;
+    info(): void;
+    warn(): void;
+    error(): void;
+}
+/**
+ * Create a no-op logger
+ */
+export declare const noOpLogger: NoOpLogger;

package/hooks/useLogger/NoOpLogger.d.ts

@@ -1,4 +1,4 @@
-import { ILogger } from './useLogger.types';
+import { ILogger } from './useLogger.types.js';
 export declare class NoOpLogger implements ILogger {
     debug(): void;
     info(): void;

package/hooks/useLogger/index.d.cts

@@ -0,0 +1,2 @@
+export * from './useLogger.js';
+export * from './useLogger.types.js';

package/hooks/useLogger/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useLogger';
-export * from './useLogger.types';
+export * from './useLogger.js';
+export * from './useLogger.types.js';

package/hooks/useLogger/useLogger.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`./NoOpLogger.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`@emotion/react/jsx-runtime`);var i=(0,n.createContext)({logger:t.noOpLogger,isEnabled:!1}),a=({logger:e,isEnabled:t,children:a})=>{let o=(0,n.useMemo)(()=>e,[e]);return(0,r.jsx)(i.Provider,{value:{logger:o,isEnabled:t},children:a})},o=()=>{let{logger:e,isEnabled:r}=(0,n.useContext)(i);return r&&!e?(console.warn(`useLogger: LoggerProvider is enabled but no logger instance was provided`),t.noOpLogger):r&&e?e:t.noOpLogger};exports.LoggerProvider=a,exports.useLogger=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./NoOpLogger.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@emotion/react/jsx-runtime");var i=(0,n.createContext)({logger:t.noOpLogger,isEnabled:!1}),a=({logger:e,isEnabled:t,children:a})=>{let o=(0,n.useMemo)(()=>e,[e]);return(0,r.jsx)(i.Provider,{value:{logger:o,isEnabled:t},children:a})},o=()=>{let{logger:e,isEnabled:r}=(0,n.useContext)(i);return r&&!e?(console.warn(`useLogger: LoggerProvider is enabled but no logger instance was provided`),t.noOpLogger):r&&e?e:t.noOpLogger};exports.LoggerProvider=a,exports.useLogger=o;

package/hooks/useLogger/useLogger.d.cts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { ILogger, LoggerProviderProps } from './useLogger.types.js';
+export declare const LoggerProvider: ({ logger, isEnabled, children }: PropsWithChildren<LoggerProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useLogger: () => ILogger;

package/hooks/useLogger/useLogger.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
-import { ILogger, LoggerProviderProps } from './useLogger.types';
+import { ILogger, LoggerProviderProps } from './useLogger.types.js';
 export declare const LoggerProvider: ({ logger, isEnabled, children }: PropsWithChildren<LoggerProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const useLogger: () => ILogger;

package/hooks/useLogger/useLogger.types.d.cts

@@ -0,0 +1,30 @@
+export interface ILogger {
+    /**
+     * Log a debug message
+     * @param message - The debug message
+     * @param meta - Optional metadata
+     */
+    debug(message: string, ...meta: unknown[]): void;
+    /**
+     * Log an info message
+     * @param message - The info message
+     * @param meta - Optional metadata
+     */
+    info(message: string, ...meta: unknown[]): void;
+    /**
+     * Log a warning message
+     * @param message - The warning message
+     * @param meta - Optional metadata
+     */
+    warn(message: string, ...meta: unknown[]): void;
+    /**
+     * Log an error message
+     * @param message - The error message
+     * @param meta - Optional metadata
+     */
+    error(message: string, ...meta: unknown[]): void;
+}
+export interface LoggerProviderProps {
+    logger?: ILogger;
+    isEnabled?: boolean;
+}

package/hooks/useMediaQuery/index.d.cts

@@ -0,0 +1 @@
+export * from './useMediaQuery.js';

package/hooks/useMediaQuery/index.d.ts

@@ -1 +1 @@
-export * from './useMediaQuery';
+export * from './useMediaQuery.js';

package/hooks/useMediaQuery/useMediaQuery.cjs

@@ -1 +1 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/common.cjs`);let t=require(`react`);var n=(e,t)=>typeof t.matchMedia==`function`?t.matchMedia(e)?.matches??!1:!1,r=r=>{let i=(0,t.useMemo)(()=>e.getWindow(),[]),[a,o]=(0,t.useState)(()=>n(r,i));return(0,t.useEffect)(()=>{if(typeof i.matchMedia!=`function`)return;let e=i.matchMedia(r);if(!e)return;let t=e=>o(e.matches);return e.addEventListener(`change`,t),o(e.matches),()=>{e.removeEventListener(`change`,t)}},[r,i]),a};exports.useMediaQuery=r;
+"use client";const e=require("../../utils/common.cjs");let t=require("react");var n=(e,t)=>typeof t.matchMedia==`function`?t.matchMedia(e)?.matches??!1:!1,r=r=>{let i=(0,t.useMemo)(()=>e.getWindow(),[]),[a,o]=(0,t.useState)(()=>n(r,i));return(0,t.useEffect)(()=>{if(typeof i.matchMedia!=`function`)return;let e=i.matchMedia(r);if(!e)return;let t=e=>o(e.matches);return e.addEventListener(`change`,t),o(e.matches),()=>{e.removeEventListener(`change`,t)}},[r,i]),a};exports.useMediaQuery=r;

package/hooks/useMediaQuery/useMediaQuery.d.cts

@@ -0,0 +1 @@
+export declare const useMediaQuery: (query: string) => boolean;

package/hooks/useTheme/NoOpTheme.cjs

@@ -1 +1 @@
-const e=require(`../../tokens/defaultTheme.cjs`);var t=new class{constructor(){this.theme=e.defaultTheme}setTheme(){}addTheme(){}};exports.noOpTheme=t;
+const e=require("../../tokens/defaultTheme.cjs");var t=new class{constructor(){this.theme=e.defaultTheme}setTheme(){}addTheme(){}};exports.noOpTheme=t;