@codraoss/ui 0.9.4

package/dist/chunk-HCQJTSV3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n\r\nexport function fmtNumber(n: number) {\r\n  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;\r\n  if (n >= 1_000)     return `${(n / 1_000).toFixed(n >= 10_000 ? 0 : 1)}k`;\r\n  return n.toLocaleString();\r\n}\r\n\r\n/**\r\n * Like {@link fmtNumber} but returns the numeric part and its unit suffix\r\n * separately, so a card can render \"1.4\" large and \"M\" as a smaller unit.\r\n */\r\nexport function fmtStat(n: number): { value: string; unit: string } {\r\n  if (n >= 1_000_000) return { value: (n / 1_000_000).toFixed(1), unit: 'M' };\r\n  if (n >= 1_000)     return { value: (n / 1_000).toFixed(n >= 10_000 ? 0 : 1), unit: 'k' };\r\n  return { value: n.toLocaleString(), unit: '' };\r\n}\r\n\r\nexport function formatPreciseDuration(ms: number | null | undefined): string {\r\n  if (ms == null) return '';\r\n  // Sub-minute: show one decimal so e.g. a 724ms review reads as \"0.7s\" rather than \"0s\".\r\n  if (ms < 60_000) {\r\n    return `${(ms / 1000).toFixed(1)}s`;\r\n  }\r\n  const totalSeconds = Math.round(ms / 1000);\r\n  const minutes = Math.floor(totalSeconds / 60);\r\n  const seconds = totalSeconds % 60;\r\n  if (minutes < 60) {\r\n    return `${minutes}m ${seconds}s`;\r\n  }\r\n  const hours = Math.floor(minutes / 60);\r\n  const remainingMinutes = minutes % 60;\r\n  return `${hours}h ${remainingMinutes}m`;\r\n}\r\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEO,SAAS,UAAU,GAAW;AACnC,MAAI,KAAK,IAAW,QAAO,IAAI,IAAI,KAAW,QAAQ,CAAC,CAAC;AACxD,MAAI,KAAK,IAAW,QAAO,IAAI,IAAI,KAAO,QAAQ,KAAK,MAAS,IAAI,CAAC,CAAC;AACtE,SAAO,EAAE,eAAe;AAC1B;AAMO,SAAS,QAAQ,GAA4C;AAClE,MAAI,KAAK,IAAW,QAAO,EAAE,QAAQ,IAAI,KAAW,QAAQ,CAAC,GAAG,MAAM,IAAI;AAC1E,MAAI,KAAK,IAAW,QAAO,EAAE,QAAQ,IAAI,KAAO,QAAQ,KAAK,MAAS,IAAI,CAAC,GAAG,MAAM,IAAI;AACxF,SAAO,EAAE,OAAO,EAAE,eAAe,GAAG,MAAM,GAAG;AAC/C;AAEO,SAAS,sBAAsB,IAAuC;AAC3E,MAAI,MAAM,KAAM,QAAO;AAEvB,MAAI,KAAK,KAAQ;AACf,WAAO,IAAI,KAAK,KAAM,QAAQ,CAAC,CAAC;AAAA,EAClC;AACA,QAAM,eAAe,KAAK,MAAM,KAAK,GAAI;AACzC,QAAM,UAAU,KAAK,MAAM,eAAe,EAAE;AAC5C,QAAM,UAAU,eAAe;AAC/B,MAAI,UAAU,IAAI;AAChB,WAAO,GAAG,OAAO,KAAK,OAAO;AAAA,EAC/B;AACA,QAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,QAAM,mBAAmB,UAAU;AACnC,SAAO,GAAG,KAAK,KAAK,gBAAgB;AACtC;","names":[]}

package/dist/chunk-OU66JJZD.js

@@ -0,0 +1,7 @@
+// src/lib/ease.ts
+var EASE_OUT = [0.16, 1, 0.3, 1];
+
+export {
+  EASE_OUT
+};
+//# sourceMappingURL=chunk-OU66JJZD.js.map

package/dist/chunk-OU66JJZD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/ease.ts"],"sourcesContent":["export const EASE_OUT = [0.16, 1, 0.3, 1] as const;\n"],"mappings":";AAAO,IAAM,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;","names":[]}

package/dist/chunk-PZ5AY32C.js

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-PZ5AY32C.js.map

package/dist/chunk-PZ5AY32C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-TXNSYK4G.js

@@ -0,0 +1,23 @@
+// src/hooks/use-is-dark-mode.ts
+import { useState, useEffect } from "react";
+function useIsDarkMode() {
+  const [isDark, setIsDark] = useState(
+    () => document.documentElement.classList.contains("dark")
+  );
+  useEffect(() => {
+    const obs = new MutationObserver(() => {
+      setIsDark(document.documentElement.classList.contains("dark"));
+    });
+    obs.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => obs.disconnect();
+  }, []);
+  return isDark;
+}
+
+export {
+  useIsDarkMode
+};
+//# sourceMappingURL=chunk-TXNSYK4G.js.map

package/dist/chunk-TXNSYK4G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-is-dark-mode.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport function useIsDarkMode() {\n  const [isDark, setIsDark] = useState(() => \n    document.documentElement.classList.contains('dark')\n  );\n\n  useEffect(() => {\n    const obs = new MutationObserver(() => {\n      setIsDark(document.documentElement.classList.contains('dark'));\n    });\n    obs.observe(document.documentElement, { \n      attributes: true, \n      attributeFilter: ['class'] \n    });\n    return () => obs.disconnect();\n  }, []);\n\n  return isDark;\n}\n"],"mappings":";AAAA,SAAS,UAAU,iBAAiB;AAE7B,SAAS,gBAAgB;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,IAAS,MACnC,SAAS,gBAAgB,UAAU,SAAS,MAAM;AAAA,EACpD;AAEA,YAAU,MAAM;AACd,UAAM,MAAM,IAAI,iBAAiB,MAAM;AACrC,gBAAU,SAAS,gBAAgB,UAAU,SAAS,MAAM,CAAC;AAAA,IAC/D,CAAC;AACD,QAAI,QAAQ,SAAS,iBAAiB;AAAA,MACpC,YAAY;AAAA,MACZ,iBAAiB,CAAC,OAAO;AAAA,IAC3B,CAAC;AACD,WAAO,MAAM,IAAI,WAAW;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/components/motion/index.d.ts

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import Lenis from 'lenis';
+import { MotionValue } from 'motion/react';
+
+interface SharedLayoutBgProps {
+    children: ReactNode;
+    className?: string;
+    pillClassName?: string;
+    /** Horizontal inset of the pill relative to each row (px). */
+    inset?: number;
+}
+declare function SharedLayoutBg({ children, className, pillClassName, inset, }: SharedLayoutBgProps): React.JSX.Element;
+
+type ScrollTarget = number | string | HTMLElement;
+type ScrollToOptions = {
+    offset?: number;
+    immediate?: boolean;
+    duration?: number;
+};
+type SmoothScrollApi = {
+    /** Underlying Lenis instance, or null on the reduced-motion / native path. */
+    lenis: Lenis | null;
+    /** Current scroll offset in px. */
+    scrollY: MotionValue<number>;
+    /** Scroll position as 0..1 of the scrollable height. */
+    progress: MotionValue<number>;
+    /** Signed scroll velocity (px/frame). */
+    velocity: MotionValue<number>;
+    /** Programmatic smooth scroll. Respects reduced motion (jumps instantly). */
+    scrollTo: (target: ScrollTarget, options?: ScrollToOptions) => void;
+};
+interface SmoothScrollProps {
+    children: ReactNode;
+    /** Drive the page (window) when true, or a contained scroll area when false. */
+    root?: boolean;
+    /** Smoothing factor; lower is smoother and heavier. */
+    lerp?: number;
+    /** Wheel / programmatic ease duration in seconds. */
+    duration?: number;
+    orientation?: 'vertical' | 'horizontal';
+    wheelMultiplier?: number;
+    /** Off by default - native touch momentum is already good on mobile. */
+    touch?: boolean;
+    className?: string;
+}
+declare function SmoothScroll({ children, root, lerp, duration, orientation, wheelMultiplier, touch, className, }: SmoothScrollProps): React.JSX.Element;
+
+interface SteppedSliderStep {
+    value: number;
+    label: string;
+}
+interface SteppedSliderProps {
+    id?: string;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Tick dots + labels rendered at each defined step. */
+    steps?: SteppedSliderStep[];
+    /** Live value readout shown above the track, and used as the accessible aria-valuetext. Defaults to the raw value. */
+    formatValue?: (value: number) => string;
+    disabled?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+declare function SteppedSlider({ id, value, defaultValue, onValueChange, min, max, step, steps, formatValue, disabled, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: SteppedSliderProps): React.JSX.Element;
+
+type Variant = 'pill' | 'underline' | 'segment';
+declare function Tabs({ defaultValue, value, onValueChange, variant, children, className, }: {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (v: string) => void;
+    variant?: Variant;
+    children: ReactNode;
+    className?: string;
+}): React.JSX.Element;
+declare function TabsList({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): React.JSX.Element;
+declare function TabsTrigger({ value, children, className, indicatorClassName, }: {
+    value: string;
+    children: ReactNode;
+    className?: string;
+    indicatorClassName?: string;
+}): React.JSX.Element;
+
+export { SharedLayoutBg, type SharedLayoutBgProps, SmoothScroll, type SmoothScrollApi, SteppedSlider, type SteppedSliderProps, type SteppedSliderStep, Tabs, TabsList, TabsTrigger };