@goliapkg/gds 0.1.0

package/dist/tokens.css

@@ -0,0 +1,252 @@
+/* L0 — GDS Static Tokens
+ * only truly static values that NEVER change per theme/mode
+ * all dynamic tokens (color, radius, shadow, glass, motion, font)
+ * are injected at runtime by generateDefaultCssVars() + L1 theme
+ */
+
+:root {
+  /* ===== SPACING SCALE (static) ===== */
+  --gds-space-0: 0px;
+  --gds-space-1: 4px;
+  --gds-space-2: 8px;
+  --gds-space-3: 12px;
+  --gds-space-4: 16px;
+  --gds-space-5: 20px;
+  --gds-space-6: 24px;
+  --gds-space-7: 32px;
+  --gds-space-8: 40px;
+  --gds-space-9: 48px;
+  --gds-space-10: 64px;
+
+  /* ===== TEXT SIZE SCALE (static) ===== */
+  --gds-text-2xs: 0.625rem;
+  --gds-text-xs: 0.75rem;
+  --gds-text-sm: 0.875rem;
+  --gds-text-base: 1rem;
+  --gds-text-lg: 1.125rem;
+  --gds-text-xl: 1.25rem;
+  --gds-text-2xl: 1.5rem;
+
+  /* ===== LINE HEIGHT (static) ===== */
+  --gds-leading-tight: 1.25;
+  --gds-leading-normal: 1.5;
+  --gds-leading-relaxed: 1.625;
+
+  /* ===== BORDER WIDTH (static) ===== */
+  --gds-border-width-thin: 1px;
+  --gds-border-width-normal: 1.5px;
+  --gds-border-width-thick: 2px;
+
+  /* ===== OPACITY (static) ===== */
+  --gds-opacity-disabled: 0.4;
+  --gds-opacity-muted: 0.6;
+  --gds-opacity-secondary: 0.75;
+  --gds-opacity-default: 1;
+
+  /* ===== Z-INDEX (static) ===== */
+  --gds-z-dropdown: 50;
+  --gds-z-sticky: 100;
+  --gds-z-overlay: 200;
+  --gds-z-modal: 300;
+  --gds-z-popover: 400;
+  --gds-z-toast: 500;
+
+  /* ===== FOCUS RING (static — color references dynamic --gds-accent) ===== */
+  --gds-focus-ring-width: 2px;
+  --gds-focus-ring-offset: 1px;
+  --gds-focus-ring-color: var(--gds-accent);
+
+  /* ===== DEPTH SYSTEM (static cascade) ===== */
+  --gds-ctx-gap: 24px;
+  --gds-ctx-pad: 20px;
+  --gds-ctx-radius: 12px;
+  --gds-ctx-shadow: var(--gds-shadow-md);
+  --gds-ctx-text: 13px;
+  --gds-ctx-heading: 16px;
+  --gds-ctx-fg-alpha: 1;
+}
+
+/* depth utility classes — context-aware (used by container components with .gds-ctx) */
+@utility gds-ctx-pad { padding: var(--gds-ctx-pad); }
+@utility gds-ctx-pad-x { padding-left: var(--gds-ctx-pad); padding-right: var(--gds-ctx-pad); }
+@utility gds-ctx-pad-y { padding-top: var(--gds-ctx-pad); padding-bottom: var(--gds-ctx-pad); }
+@utility gds-ctx-gap { gap: var(--gds-ctx-gap); }
+@utility gds-ctx-radius { border-radius: var(--gds-ctx-radius); }
+@utility gds-ctx-shadow { box-shadow: var(--gds-ctx-shadow); }
+@utility gds-ctx-text { font-size: var(--gds-ctx-text); }
+@utility gds-ctx-heading { font-size: var(--gds-ctx-heading); font-weight: 600; }
+
+/* backward compat aliases for depth utilities (no conflicts with density utilities below) */
+@utility gds-pad { padding: var(--gds-ctx-pad); }
+@utility gds-radius { border-radius: var(--gds-ctx-radius); }
+@utility gds-shadow { box-shadow: var(--gds-ctx-shadow); }
+@utility gds-text { font-size: var(--gds-ctx-text); }
+@utility gds-heading { font-size: var(--gds-ctx-heading); font-weight: 600; }
+
+/* ===== DENSITY-AWARE COMPONENT UTILITIES =====
+ * these consume --gds-* vars set by size-system.ts
+ * all values shift together when density axis changes
+ */
+
+/* component height scale (fallbacks = default density) */
+@utility gds-h-xs { height: var(--gds-h-xs, 24px); }
+@utility gds-h-sm { height: var(--gds-h-sm, 28px); }
+@utility gds-h { height: var(--gds-h, 32px); }
+@utility gds-h-lg { height: var(--gds-h-lg, 36px); }
+@utility gds-h-xl { height: var(--gds-h-xl, 40px); }
+
+/* square variants (icon buttons, avatars) */
+@utility gds-sq-xs { height: var(--gds-h-xs, 24px); width: var(--gds-h-xs, 24px); }
+@utility gds-sq-sm { height: var(--gds-h-sm, 28px); width: var(--gds-h-sm, 28px); }
+@utility gds-sq { height: var(--gds-h, 32px); width: var(--gds-h, 32px); }
+@utility gds-sq-lg { height: var(--gds-h-lg, 36px); width: var(--gds-h-lg, 36px); }
+
+/* icon size scale */
+@utility gds-icon-xs { width: var(--gds-icon-xs, 12px); height: var(--gds-icon-xs, 12px); }
+@utility gds-icon-sm { width: var(--gds-icon-sm, 14px); height: var(--gds-icon-sm, 14px); }
+@utility gds-icon { width: var(--gds-icon, 16px); height: var(--gds-icon, 16px); }
+@utility gds-icon-lg { width: var(--gds-icon-lg, 20px); height: var(--gds-icon-lg, 20px); }
+
+/* icon sizing within parent (replaces [&>svg]:h-3.5 [&>svg]:w-3.5 pattern) */
+@utility gds-icon-child-xs { & > svg { width: var(--gds-icon-xs, 12px); height: var(--gds-icon-xs, 12px); } }
+@utility gds-icon-child-sm { & > svg { width: var(--gds-icon-sm, 14px); height: var(--gds-icon-sm, 14px); } }
+@utility gds-icon-child { & > svg { width: var(--gds-icon, 16px); height: var(--gds-icon, 16px); } }
+@utility gds-icon-child-lg { & > svg { width: var(--gds-icon-lg, 20px); height: var(--gds-icon-lg, 20px); } }
+
+/* density-aware text scale */
+@utility gds-text-caption { font-size: var(--gds-text-caption, 10px); }
+@utility gds-text-label { font-size: var(--gds-text-label, 11px); }
+@utility gds-text-body { font-size: var(--gds-text-body, 13px); }
+
+/* semantic radius (driven by shape axis) */
+@utility gds-radius-button { border-radius: var(--gds-radius-button, 6px); }
+@utility gds-radius-input { border-radius: var(--gds-radius-input, 6px); }
+@utility gds-radius-badge { border-radius: var(--gds-radius-badge, 9999px); }
+@utility gds-radius-card { border-radius: var(--gds-radius-card, 12px); }
+@utility gds-radius-modal { border-radius: var(--gds-radius-modal, 12px); }
+@utility gds-radius-popover { border-radius: var(--gds-radius-popover, 8px); }
+@utility gds-radius-tooltip { border-radius: var(--gds-radius-tooltip, 6px); }
+
+/* density-aware gap scale */
+@utility gds-gap-xs { gap: var(--gds-gap-xs, 4px); }
+@utility gds-gap-sm { gap: var(--gds-gap-sm, 6px); }
+@utility gds-gap { gap: var(--gds-gap, 8px); }
+@utility gds-gap-lg { gap: var(--gds-gap-lg, 12px); }
+
+/* density-aware padding scale */
+@utility gds-pad-x-sm { padding-left: var(--gds-pad-x-sm, 8px); padding-right: var(--gds-pad-x-sm, 8px); }
+@utility gds-pad-x { padding-left: var(--gds-pad-x, 12px); padding-right: var(--gds-pad-x, 12px); }
+@utility gds-pad-x-lg { padding-left: var(--gds-pad-x-lg, 16px); padding-right: var(--gds-pad-x-lg, 16px); }
+@utility gds-pad-y-sm { padding-top: var(--gds-pad-y-sm, 4px); padding-bottom: var(--gds-pad-y-sm, 4px); }
+@utility gds-pad-y { padding-top: var(--gds-pad-y, 6px); padding-bottom: var(--gds-pad-y, 6px); }
+@utility gds-pad-y-lg { padding-top: var(--gds-pad-y-lg, 8px); padding-bottom: var(--gds-pad-y-lg, 8px); }
+
+/* shadow scale (driven by elevation axis) */
+@utility gds-shadow-xs { box-shadow: var(--gds-shadow-xs, 0 1px 2px rgba(0,0,0,0.05)); }
+@utility gds-shadow-sm { box-shadow: var(--gds-shadow-sm, 0 1px 3px rgba(0,0,0,0.1)); }
+@utility gds-shadow-md { box-shadow: var(--gds-shadow-md, 0 4px 6px rgba(0,0,0,0.1)); }
+@utility gds-shadow-lg { box-shadow: var(--gds-shadow-lg, 0 10px 15px rgba(0,0,0,0.1)); }
+@utility gds-shadow-xl { box-shadow: var(--gds-shadow-xl, 0 20px 25px rgba(0,0,0,0.1)); }
+
+/* ===== GLASS MATERIAL SYSTEM =====
+ * glass = backdrop-filter blur + semi-transparent bg + subtle border
+ * three intensities, all token-driven (--gds-glass-*)
+ * fallback: when backdrop-filter unsupported, bg becomes more opaque
+ * depth-aware: nesting reduces glass intensity automatically
+ */
+
+/* glass surface — use this ON the container, it handles bg + blur + border + fallback */
+@utility gds-glass {
+  background-color: color-mix(in srgb, var(--gds-surface) calc(var(--gds-glass-bg-opacity, 0.15) * 100%), transparent);
+  backdrop-filter: blur(var(--gds-glass-blur-md, 20px)) saturate(var(--gds-glass-saturate-md, 180%));
+  -webkit-backdrop-filter: blur(var(--gds-glass-blur-md, 20px)) saturate(var(--gds-glass-saturate-md, 180%));
+  border-color: color-mix(in srgb, var(--gds-border) 30%, transparent);
+}
+
+@utility gds-glass-sm {
+  background-color: color-mix(in srgb, var(--gds-surface) calc(var(--gds-glass-bg-opacity, 0.15) * 100%), transparent);
+  backdrop-filter: blur(var(--gds-glass-blur-sm, 8px)) saturate(var(--gds-glass-saturate-sm, 150%));
+  -webkit-backdrop-filter: blur(var(--gds-glass-blur-sm, 8px)) saturate(var(--gds-glass-saturate-sm, 150%));
+  border-color: color-mix(in srgb, var(--gds-border) 20%, transparent);
+}
+
+@utility gds-glass-lg {
+  background-color: color-mix(in srgb, var(--gds-surface) calc(var(--gds-glass-bg-opacity, 0.15) * 100%), transparent);
+  backdrop-filter: blur(var(--gds-glass-blur-lg, 40px)) saturate(var(--gds-glass-saturate-lg, 200%));
+  -webkit-backdrop-filter: blur(var(--gds-glass-blur-lg, 40px)) saturate(var(--gds-glass-saturate-lg, 200%));
+  border-color: color-mix(in srgb, var(--gds-border) 40%, transparent);
+}
+
+/* glass fallback — when backdrop-filter is unsupported, solid semi-transparent bg */
+@supports not (backdrop-filter: blur(1px)) {
+  .gds-glass, .gds-glass-sm, .gds-glass-lg {
+    background-color: color-mix(in srgb, var(--gds-surface) 85%, transparent);
+  }
+}
+
+/* backward compat aliases */
+@utility glass { backdrop-filter: blur(var(--gds-glass-blur-md, 20px)) saturate(var(--gds-glass-saturate-md, 180%)); -webkit-backdrop-filter: blur(var(--gds-glass-blur-md, 20px)) saturate(var(--gds-glass-saturate-md, 180%)); }
+@utility glass-sm { backdrop-filter: blur(var(--gds-glass-blur-sm, 8px)) saturate(var(--gds-glass-saturate-sm, 150%)); -webkit-backdrop-filter: blur(var(--gds-glass-blur-sm, 8px)) saturate(var(--gds-glass-saturate-sm, 150%)); }
+@utility glass-lg { backdrop-filter: blur(var(--gds-glass-blur-lg, 40px)) saturate(var(--gds-glass-saturate-lg, 200%)); -webkit-backdrop-filter: blur(var(--gds-glass-blur-lg, 40px)) saturate(var(--gds-glass-saturate-lg, 200%)); }
+
+/* ===== MOTION ANIMATION SYSTEM =====
+ * all animations use token durations (--gds-duration-*) and easings (--gds-ease-*)
+ * when theme motion=off → durations become 0ms → animations are instant = invisible
+ * prefers-reduced-motion → global disable via separate rule below
+ * components just add: className="animate-fade-in" or motion="fadeIn" prop
+ */
+
+/* keyframes */
+@keyframes gds-fade-in { from { opacity: 0; } to { opacity: 1; } }
+@keyframes gds-fade-out { from { opacity: 1; } to { opacity: 0; } }
+@keyframes gds-scale-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
+@keyframes gds-scale-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.95); } }
+@keyframes gds-slide-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
+@keyframes gds-slide-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
+@keyframes gds-slide-left { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: translateX(0); } }
+@keyframes gds-slide-right { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } }
+@keyframes marquee-scroll { from { transform: translateX(var(--marquee-from, 0%)); } to { transform: translateX(var(--marquee-to, -50%)); } }
+@keyframes gds-ripple { from { transform: scale(0); opacity: 0.3; } to { transform: scale(2); opacity: 0; } }
+
+/* animation utility classes — all token-driven */
+@utility animate-fade-in { animation: gds-fade-in var(--gds-duration-normal, 200ms) var(--gds-ease-default, ease) both; }
+@utility animate-fade-out { animation: gds-fade-out var(--gds-duration-normal, 200ms) var(--gds-ease-default, ease) both; }
+@utility animate-scale-in { animation: gds-scale-in var(--gds-duration-normal, 200ms) var(--gds-ease-out, ease) both; }
+@utility animate-scale-out { animation: gds-scale-out var(--gds-duration-fast, 100ms) var(--gds-ease-in, ease) both; }
+@utility animate-slide-up { animation: gds-slide-up var(--gds-duration-normal, 200ms) var(--gds-ease-out, ease) both; }
+@utility animate-slide-down { animation: gds-slide-down var(--gds-duration-normal, 200ms) var(--gds-ease-out, ease) both; }
+@utility animate-slide-left { animation: gds-slide-left var(--gds-duration-normal, 200ms) var(--gds-ease-out, ease) both; }
+@utility animate-slide-right { animation: gds-slide-right var(--gds-duration-normal, 200ms) var(--gds-ease-out, ease) both; }
+
+@utility animate-ripple { animation: gds-ripple 600ms ease-out forwards; }
+
+/* speed variants — override default timing */
+@utility animate-fast { animation-duration: var(--gds-duration-fast, 100ms); }
+@utility animate-slow { animation-duration: var(--gds-duration-slow, 300ms); }
+
+/* prefers-reduced-motion — global kill switch */
+@media (prefers-reduced-motion: reduce) {
+  *, ::before, ::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+/* ===== INTERACTION DEFAULTS =====
+ * user-select off by default — gestures need this
+ * selectable areas opt-in via [data-selectable], input, textarea, pre, code, td
+ */
+@layer base {
+  * { user-select: none; touch-action: manipulation; }
+  [data-selectable], [data-selectable] *,
+  [contenteditable], [contenteditable] *,
+  input, textarea, select, pre, code, td { user-select: text; }
+  button, [role="button"] { cursor: pointer; }
+}
+
+/* depth cascade (static) */
+.gds-ctx { --gds-ctx-gap: 16px; --gds-ctx-pad: 16px; --gds-ctx-radius: 10px; --gds-ctx-shadow: var(--gds-shadow-sm); --gds-ctx-text: 12px; --gds-ctx-heading: 14px; --gds-ctx-fg-alpha: 0.95; }
+.gds-ctx .gds-ctx { --gds-ctx-gap: 12px; --gds-ctx-pad: 12px; --gds-ctx-radius: 8px; --gds-ctx-shadow: none; --gds-ctx-text: 11px; --gds-ctx-heading: 13px; --gds-ctx-fg-alpha: 0.88; }
+.gds-ctx .gds-ctx .gds-ctx { --gds-ctx-gap: 8px; --gds-ctx-pad: 8px; --gds-ctx-radius: 6px; --gds-ctx-shadow: none; --gds-ctx-text: 10px; --gds-ctx-heading: 12px; --gds-ctx-fg-alpha: 0.80; }
+.gds-ctx .gds-ctx .gds-ctx .gds-ctx { --gds-ctx-gap: 6px; --gds-ctx-pad: 6px; --gds-ctx-radius: 4px; --gds-ctx-shadow: none; --gds-ctx-text: 10px; --gds-ctx-heading: 11px; --gds-ctx-fg-alpha: 0.72; }

package/dist/utils/a11y.d.ts

@@ -0,0 +1,3 @@
+export declare const focusCls = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg";
+export declare const srOnly = "absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]";
+//# sourceMappingURL=a11y.d.ts.map

package/dist/utils/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/utils/a11y.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,uIACiH,CAAA;AAGtI,eAAO,MAAM,MAAM,2FACuE,CAAA"}

package/dist/utils/cx.d.ts

@@ -0,0 +1,3 @@
+import { clsx } from 'clsx';
+export declare function cx(...inputs: Parameters<typeof clsx>): string;
+//# sourceMappingURL=cx.d.ts.map

package/dist/utils/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/utils/cx.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAG3B,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,GAAG,MAAM,CAE7D"}

package/dist/utils/dom.d.ts

@@ -0,0 +1,5 @@
+export declare function isActivationKey(e: React.KeyboardEvent): boolean;
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function uid(prefix?: string): string;
+//# sourceMappingURL=dom.d.ts.map

package/dist/utils/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,OAAO,CAE/D;AAGD,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GACpC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAWtB;AAGD,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAID,wBAAgB,GAAG,CAAC,MAAM,SAAQ,GAAG,MAAM,CAG1C"}

package/dist/utils/gesture.d.ts

@@ -0,0 +1,25 @@
+import type { GestureDirection } from '../l0-tokens/gesture-system';
+export type SwipeHandler = (dir: GestureDirection, velocity: number) => void;
+export declare function useSwipe(onSwipe: SwipeHandler): {
+    onPointerDown: (e: React.PointerEvent) => void;
+    onPointerMove: (e: React.PointerEvent) => void;
+    onPointerUp: () => void;
+};
+export declare function useLongPress(onLongPress: () => void): {
+    onPointerDown: (e: React.PointerEvent) => void;
+    onPointerMove: (e: React.PointerEvent) => void;
+    onPointerUp: () => void;
+};
+export type DragState = {
+    dx: number;
+    dy: number;
+    isDragging: boolean;
+};
+export type DragHandler = (state: DragState) => void;
+export declare function useDrag(onDrag: DragHandler, onDragEnd?: (state: DragState) => void): {
+    onPointerDown: (e: React.PointerEvent) => void;
+    onPointerMove: (e: React.PointerEvent) => void;
+    onPointerUp: () => void;
+};
+export declare function applyInertia(velocity: number, position: number, onFrame: (pos: number) => void, onEnd?: () => void): () => void;
+//# sourceMappingURL=gesture.d.ts.map

package/dist/utils/gesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../../src/utils/gesture.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAgBnE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;AAE5E,wBAAgB,QAAQ,CAAC,OAAO,EAAE,YAAY;uBAGN,KAAK,CAAC,YAAY;uBAYlB,KAAK,CAAC,YAAY;;EAuCzD;AAID,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,IAAI;uBAIZ,KAAK,CAAC,YAAY;uBAQlB,KAAK,CAAC,YAAY;;EAmBzD;AAID,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;AAEpD,wBAAgB,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI;uBAI3C,KAAK,CAAC,YAAY;uBAalB,KAAK,CAAC,YAAY;;EAkCzD;AAID,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,EAC9B,KAAK,CAAC,EAAE,MAAM,IAAI,GACjB,MAAM,IAAI,CAuBZ"}

package/dist/utils/glass.d.ts

@@ -0,0 +1,5 @@
+type GlassIntensity = boolean | 'lg' | 'sm';
+export declare function glassClass(glass?: GlassIntensity): string;
+export declare function glassSurface(glass?: GlassIntensity): string;
+export {};
+//# sourceMappingURL=glass.d.ts.map

package/dist/utils/glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../src/utils/glass.ts"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;AAI3C,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAKzD;AAID,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAK3D"}

package/dist/utils/hooks.d.ts

@@ -0,0 +1,8 @@
+export declare function useScrollLock(active: boolean): void;
+export declare function useEscapeKey(active: boolean, onClose: () => void): void;
+export declare function useClickOutside(ref: React.RefObject<HTMLElement | null>, active: boolean, onClickOutside: () => void): void;
+export declare function useMediaQuery(query: string): boolean;
+export declare function useIsMobile(): boolean;
+export declare function useIsDesktop(): boolean;
+export declare function useFocusTrap(active: boolean): React.RefObject<HTMLDivElement | null>;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/utils/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/utils/hooks.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CASnD;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CASvE;AAGD,wBAAgB,eAAe,CAC7B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,MAAM,EAAE,OAAO,EACf,cAAc,EAAE,MAAM,IAAI,GACzB,IAAI,CAWN;AAGD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAiBpD;AAGD,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAKD,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAsCpF"}

package/dist/utils/index.d.ts

@@ -0,0 +1,10 @@
+export { focusCls, srOnly } from './a11y';
+export { cx } from './cx';
+export { clamp, isActivationKey, mergeRefs, uid } from './dom';
+export type { DragHandler, DragState, SwipeHandler } from './gesture';
+export { applyInertia, useDrag, useLongPress, useSwipe } from './gesture';
+export { glassClass, glassSurface } from './glass';
+export { useClickOutside, useEscapeKey, useFocusTrap, useIsDesktop, useIsMobile, useMediaQuery, useScrollLock, } from './hooks';
+export { motionClass, motionClassWithSpeed } from './motion';
+export type { Align, AsProps, ButtonProps, ComponentBase, DataAttributes, DataRecord, DivProps, GlassMotionProps, InputProps, MergeProps, MotionPreset, Orientation, PartialExcept, Placement, RequireKeys, Side, Size, SvgProps, VariantProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC9D,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EACL,eAAe,EAAE,YAAY,EAAE,YAAY,EAC3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GACxD,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC5D,YAAY,EACV,KAAK,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,cAAc,EACd,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,SAAS,EACT,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAA"}

package/dist/utils/motion.d.ts

@@ -0,0 +1,3 @@
+export declare function motionClass(motion?: string): string;
+export declare function motionClassWithSpeed(motion?: string, speed?: 'fast' | 'slow'): string;
+//# sourceMappingURL=motion.d.ts.map

package/dist/utils/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/utils/motion.ts"],"names":[],"mappings":"AAiBA,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAGnD;AAGD,wBAAgB,oBAAoB,CAClC,MAAM,CAAC,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GACtB,MAAM,CAMR"}

package/dist/utils/types.d.ts

@@ -0,0 +1,40 @@
+export type { VariantProps } from 'class-variance-authority';
+export type RequireKeys<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
+export type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T, K>;
+export type DataRecord = Record<string, unknown>;
+export type AsProps<E extends React.ElementType> = {
+    as?: E;
+} & Omit<React.ComponentPropsWithoutRef<E>, 'as'>;
+export type MergeProps<NativeProps, ComponentProps> = Omit<NativeProps, keyof ComponentProps> & ComponentProps;
+export type Size = 'default' | 'lg' | 'sm' | 'xl' | 'xs';
+export type Orientation = 'horizontal' | 'vertical';
+export type Side = 'bottom' | 'left' | 'right' | 'top';
+export type Align = 'center' | 'end' | 'start';
+export type Placement = `${Side}` | `${Side}-${Align}`;
+export type SvgProps = React.SVGAttributes<SVGSVGElement> & {
+    className?: string;
+    size?: number | string;
+};
+export type DivProps = React.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+};
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+};
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    className?: string;
+};
+export type MotionPreset = 'fadeIn' | 'fadeOut' | 'scaleIn' | 'scaleOut' | 'slideDown' | 'slideLeft' | 'slideRight' | 'slideUp';
+export type GlassMotionProps = {
+    glass?: boolean;
+    motion?: MotionPreset | (string & {});
+};
+export type DataAttributes = {
+    'data-component'?: string;
+    'data-variant'?: string;
+    'data-state'?: string;
+};
+export type ComponentBase = DataAttributes & {
+    className?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAIA,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAGjF,MAAM,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAGlF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAGhD,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACjD,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;AAGjD,MAAM,MAAM,UAAU,CACpB,WAAW,EACX,cAAc,IACZ,IAAI,CAAC,WAAW,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;AAK5D,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAGxD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAGnD,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;AACtD,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;AAC9C,MAAM,MAAM,SAAS,GAAG,GAAG,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,KAAK,EAAE,CAAA;AAGtD,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAGD,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACpF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAChG,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAG7F,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAA;AAK/H,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;CACtC,CAAA;AAID,MAAM,MAAM,cAAc,GAAG;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAGD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}