@vritti/quantum-ui 0.1.22 → 0.1.23

package/dist/Input.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './utils.js';
+
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Input as I };
+//# sourceMappingURL=Input.js.map

package/dist/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../shadcn/shadcnInput/Input.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot='input'\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"names":[],"mappings":";;;AAIA,SAAS,MAAM,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAAkC;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,icAAA;AAAA,QACA,+EAAA;AAAA,QACA,wGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/Label.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { P as Primitive } from './index5.js';
+import { c as cn } from './utils.js';
+
+var NAME = "Label";
+var Label$1 = React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsx(
+    Primitive.label,
+    {
+      ...props,
+      ref: forwardedRef,
+      onMouseDown: (event) => {
+        const target = event.target;
+        if (target.closest("button, input, select, textarea")) return;
+        props.onMouseDown?.(event);
+        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
+      }
+    }
+  );
+});
+Label$1.displayName = NAME;
+var Root = Label$1;
+
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Label as L };
+//# sourceMappingURL=Label.js.map

package/dist/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../node_modules/@radix-ui/react-label/dist/index.mjs","../shadcn/shadcnLabel/Label.tsx"],"sourcesContent":["\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from '@radix-ui/react-label';\nimport * as React from 'react';\n\nimport { cn } from '../utils';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot='label'\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"names":["Label","LabelPrimitive.Root"],"mappings":";;;;;AAMA,IAAI,IAAI,GAAG,OAAO;AAClB,IAAIA,OAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK;AACtD,EAAE,uBAAuB,GAAG;AAC5B,IAAI,SAAS,CAAC,KAAK;AACnB,IAAI;AACJ,MAAM,GAAG,KAAK;AACd,MAAM,GAAG,EAAE,YAAY;AACvB,MAAM,WAAW,EAAE,CAAC,KAAK,KAAK;AAC9B,QAAQ,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;AACnC,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,iCAAiC,CAAC,EAAE;AAC/D,QAAQ,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;AAClC,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,EAAE;AAC/E,MAAM;AACN;AACA,GAAG;AACH,CAAC,CAAC;AACFA,OAAK,CAAC,WAAW,GAAG,IAAI;AACxB,IAAI,IAAI,GAAGA,OAAK;;AClBhB,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqD;AACxF,EAAA,uBACE,GAAA;AAAA,IAACC,IAAe;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,qNAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/Skeleton.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare function Skeleton({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+
+export { }

package/dist/Skeleton.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './utils.js';
+
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
+export { Skeleton as S };
+//# sourceMappingURL=Skeleton.js.map

package/dist/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../lib/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../../shadcn/utils';\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-md bg-muted', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"names":[],"mappings":";;;AAGA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyC;AACvC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,SAAS,CAAA;AAAA,MAC3D,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/TextField.js

@@ -1,24 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import { c as cn } from './utils.js';
 import { F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from './field.js';
-
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
+import { I as Input } from './Input.js';
 
 const TextField = React__default.forwardRef(
   ({ label, description, error, className, id, startAdornment, endAdornment, ...props }, ref) => {

package/dist/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../shadcn/shadcnInput/Input.tsx","../lib/components/TextField/TextField.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot='input'\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[1px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import React from 'react';\nimport { Input } from '../../../shadcn/shadcnInput';\nimport { cn } from '../../../shadcn/utils';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '../Field';\n\nexport interface TextFieldProps extends React.ComponentProps<'input'> {\n  /**\n   * Label for the field\n   */\n  label?: string;\n\n  /**\n   * Helper text to display below the field\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Error message to display\n   */\n  error?: string;\n\n  /**\n   * Element to display at the start of the input (e.g., icon)\n   */\n  startAdornment?: React.ReactNode;\n\n  /**\n   * Element to display at the end of the input (e.g., icon button)\n   */\n  endAdornment?: React.ReactNode;\n}\n\n// TextField molecule - Input + Label composition using Field system\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ label, description, error, className, id, startAdornment, endAdornment, ...props }, ref) => {\n    return (\n      <Field >\n        {label && <FieldLabel>{label}</FieldLabel>}\n\n        <div className='relative'>\n          {startAdornment && (\n            <div className='absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none'>\n              {startAdornment}\n            </div>\n          )}\n          <Input\n            aria-invalid={!!error}\n            ref={ref}\n            className={cn(className, startAdornment && 'pl-10', endAdornment && 'pr-10')}\n            id={id}\n            {...props}\n          />\n          {endAdornment && (\n            <div className='absolute inset-y-0 right-0 flex items-center pr-3'>{endAdornment}</div>\n          )}\n        </div>\n\n        {description && !error && <FieldDescription>{description}</FieldDescription>}\n        {error && <FieldError>{error}</FieldError>}\n      </Field>\n    );\n  }\n);\n\nTextField.displayName = 'TextField';\n"],"names":["React"],"mappings":";;;;;AAIA,SAAS,MAAM,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,OAAM,EAAkC;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,icAAA;AAAA,QACA,+EAAA;AAAA,QACA,wGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;ACeO,MAAM,YAAYA,cAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,SAAA,EAAW,EAAA,EAAI,cAAA,EAAgB,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC7F,IAAA,4BACG,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,cAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAE7B,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACZ,QAAA,EAAA;AAAA,QAAA,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEAAA,EACZ,QAAA,EAAA,cAAA,EACH,CAAA;AAAA,wBAEF,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,cAAA,EAAc,CAAC,CAAC,KAAA;AAAA,YAChB,GAAA;AAAA,YACA,WAAW,EAAA,CAAG,SAAA,EAAW,cAAA,IAAkB,OAAA,EAAS,gBAAgB,OAAO,CAAA;AAAA,YAC3E,EAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,QACC,YAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAqD,QAAA,EAAA,YAAA,EAAa;AAAA,OAAA,EAErF,CAAA;AAAA,MAEC,WAAA,IAAe,CAAC,KAAA,oBAAS,GAAA,CAAC,oBAAkB,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MACxD,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC/B,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}
+{"version":3,"file":"TextField.js","sources":["../lib/components/TextField/TextField.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '../../../shadcn/shadcnInput';\nimport { cn } from '../../../shadcn/utils';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '../Field';\n\nexport interface TextFieldProps extends React.ComponentProps<'input'> {\n  /**\n   * Label for the field\n   */\n  label?: string;\n\n  /**\n   * Helper text to display below the field\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Error message to display\n   */\n  error?: string;\n\n  /**\n   * Element to display at the start of the input (e.g., icon)\n   */\n  startAdornment?: React.ReactNode;\n\n  /**\n   * Element to display at the end of the input (e.g., icon button)\n   */\n  endAdornment?: React.ReactNode;\n}\n\n// TextField molecule - Input + Label composition using Field system\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ label, description, error, className, id, startAdornment, endAdornment, ...props }, ref) => {\n    return (\n      <Field >\n        {label && <FieldLabel>{label}</FieldLabel>}\n\n        <div className='relative'>\n          {startAdornment && (\n            <div className='absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none'>\n              {startAdornment}\n            </div>\n          )}\n          <Input\n            aria-invalid={!!error}\n            ref={ref}\n            className={cn(className, startAdornment && 'pl-10', endAdornment && 'pr-10')}\n            id={id}\n            {...props}\n          />\n          {endAdornment && (\n            <div className='absolute inset-y-0 right-0 flex items-center pr-3'>{endAdornment}</div>\n          )}\n        </div>\n\n        {description && !error && <FieldDescription>{description}</FieldDescription>}\n        {error && <FieldError>{error}</FieldError>}\n      </Field>\n    );\n  }\n);\n\nTextField.displayName = 'TextField';\n"],"names":["React"],"mappings":";;;;;;AAiCO,MAAM,YAAYA,cAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,SAAA,EAAW,EAAA,EAAI,cAAA,EAAgB,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC7F,IAAA,4BACG,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,cAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAE7B,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACZ,QAAA,EAAA;AAAA,QAAA,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEAAA,EACZ,QAAA,EAAA,cAAA,EACH,CAAA;AAAA,wBAEF,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,cAAA,EAAc,CAAC,CAAC,KAAA;AAAA,YAChB,GAAA;AAAA,YACA,WAAW,EAAA,CAAG,SAAA,EAAW,cAAA,IAAkB,OAAA,EAAS,gBAAgB,OAAO,CAAA;AAAA,YAC3E,EAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,QACC,YAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAqD,QAAA,EAAA,YAAA,EAAa;AAAA,OAAA,EAErF,CAAA;AAAA,MAEC,WAAA,IAAe,CAAC,KAAA,oBAAS,GAAA,CAAC,oBAAkB,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MACxD,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC/B,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}

package/dist/assets/quantum-ui.css

@@ -169,14 +169,14 @@
   --chart-3: oklch(0.7729 0.1535 163.2231);
   --chart-4: oklch(0.8369 0.1644 84.4286);
   --chart-5: oklch(0.6368 0.2078 25.3313);
-  --sidebar: oklch(0.2302 0.0547 256.1829);
-  --sidebar-foreground: oklch(0.9732 0.0131 251.5574);
-  --sidebar-primary: oklch(0.5789 0.1833 256.2496);
-  --sidebar-primary-foreground: oklch(1.0000 0 0);
-  --sidebar-accent: oklch(0.4154 0.0726 251.2023);
-  --sidebar-accent-foreground: oklch(0.9732 0.0131 251.5574);
-  --sidebar-border: oklch(0.3397 0.0721 253.1046);
-  --sidebar-ring: oklch(0.5789 0.1833 256.2496);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
   --font-sans: 'IBM Plex Sans', sans-serif;
   --font-serif: 'Playfair Display', serif;
   --font-mono: 'JetBrains Mono', monospace;
@@ -227,14 +227,14 @@
   --chart-3: oklch(0.6731 0.1624 144.2083);
   --chart-4: oklch(0.8442 0.1722 84.9338);
   --chart-5: oklch(0.6083 0.2090 27.0276);
-  --sidebar: oklch(0.1591 0 0);
-  --sidebar-foreground: oklch(0.9653 0.0069 247.8959);
-  --sidebar-primary: oklch(0.5789 0.1833 256.2496);
-  --sidebar-primary-foreground: oklch(0.9653 0.0069 247.8959);
-  --sidebar-accent: oklch(0.2931 0 0);
-  --sidebar-accent-foreground: oklch(0.9653 0.0069 247.8959);
-  --sidebar-border: oklch(0.2178 0 0);
-  --sidebar-ring: oklch(0.5789 0.1833 256.2496);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.439 0 0);
   --font-sans: 'IBM Plex Sans', sans-serif;
   --font-serif: 'Playfair Display', serif;
   --font-mono: 'JetBrains Mono', monospace;
@@ -327,4 +327,10 @@ body {
 .PhoneInputCountryIcon {
   max-width: 1rem;
   max-height: 1rem;
+}
+/* Loading animation for skeleton progress bars */
+@keyframes loading {
+  0% { width: 0%; }
+  50% { width: 70%; }
+  100% { width: 100%; }
 }

package/dist/axios.d.ts

@@ -4,20 +4,25 @@ declare const axios: AxiosInstance;
 export { axios }
 export default axios;
 
-export declare const clearAllTokens: () => void;
+export declare function cancelTokenRefresh(): void;
 
 export declare const clearCsrfToken: () => void;
 
-export declare const clearToken: (type: TokenType) => void;
+export declare const clearToken: () => void;
 
 export declare const getCsrfToken: () => string | null;
 
-export declare const getToken: (type: TokenType) => string | null;
+export declare const getToken: () => string | null;
 
-export declare const setCsrfToken: (token: string) => void;
+export declare function recoverSession(): Promise<{
+    success: boolean;
+    expiresIn: number;
+}>;
+
+export declare function scheduleTokenRefresh(expiresIn: number): void;
 
-export declare const setToken: (type: TokenType, token: string) => void;
+export declare const setCsrfToken: (token: string) => void;
 
-export declare type TokenType = 'onboarding' | 'access' | 'refresh';
+export declare const setToken: (token: string) => void;
 
 export { }

package/dist/axios.js

@@ -1,3 +1,54 @@
+const defaultConfig = {
+  csrf: {
+    endpoint: "/csrf/token",
+    enabled: true,
+    headerName: "x-csrf-token"
+  },
+  axios: {
+    baseURL: "/api",
+    timeout: 3e4,
+    withCredentials: true,
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json"
+    }
+  },
+  auth: {
+    tokenHeaderName: "Authorization",
+    tokenPrefix: "Bearer"
+  }
+};
+let currentConfig = { ...defaultConfig };
+function defineConfig(config) {
+  return config;
+}
+function configureQuantumUI(userConfig) {
+  currentConfig = {
+    csrf: {
+      ...defaultConfig.csrf,
+      ...userConfig.csrf || {}
+    },
+    axios: {
+      ...defaultConfig.axios,
+      ...userConfig.axios || {},
+      headers: {
+        ...defaultConfig.axios.headers,
+        ...userConfig.axios?.headers || {}
+      }
+    },
+    auth: {
+      ...defaultConfig.auth,
+      ...userConfig.auth || {}
+    }
+  };
+}
+function getConfig() {
+  return currentConfig;
+}
+function resetConfig() {
+  currentConfig = { ...defaultConfig };
+}
+
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -3841,111 +3892,109 @@ const {
   mergeConfig
 } = axios$1;
 
-const defaultConfig = {
-  csrf: {
-    endpoint: "/csrf/token",
-    enabled: true,
-    headerName: "x-csrf-token"
-  },
-  axios: {
-    baseURL: "/api",
-    timeout: 3e4,
-    withCredentials: true,
-    headers: {
-      "Content-Type": "application/json",
-      Accept: "application/json"
-    }
-  },
-  auth: {
-    tokenHeaderName: "Authorization",
-    tokenPrefix: "Bearer"
-  }
-};
-let currentConfig = { ...defaultConfig };
-function defineConfig(config) {
-  return config;
-}
-function configureQuantumUI(userConfig) {
-  currentConfig = {
-    csrf: {
-      ...defaultConfig.csrf,
-      ...userConfig.csrf || {}
-    },
-    axios: {
-      ...defaultConfig.axios,
-      ...userConfig.axios || {},
-      headers: {
-        ...defaultConfig.axios.headers,
-        ...userConfig.axios?.headers || {}
-      }
-    },
-    auth: {
-      ...defaultConfig.auth,
-      ...userConfig.auth || {}
-    }
-  };
-}
-function getConfig() {
-  return currentConfig;
-}
-function resetConfig() {
-  currentConfig = { ...defaultConfig };
-}
-
-const tokenStore = {};
+let accessToken = null;
+let refreshTimer = null;
+let sessionRecoveryPromise = null;
 let csrfToken = null;
 let csrfFetchPromise = null;
-const setCsrfToken = (token) => {
-  if (!token || typeof token !== "string") {
-    console.warn("[axios] Invalid CSRF token provided");
-    return;
+const setToken = (token) => {
+  if (token && typeof token === "string") {
+    accessToken = token;
   }
-  csrfToken = token;
 };
-const getCsrfToken = () => {
-  return csrfToken;
+const getToken = () => accessToken;
+const clearToken = () => {
+  accessToken = null;
+  cancelTokenRefresh();
 };
+const setCsrfToken = (token) => {
+  if (token && typeof token === "string") {
+    csrfToken = token;
+  }
+};
+const getCsrfToken = () => csrfToken;
 const clearCsrfToken = () => {
   csrfToken = null;
 };
-const TOKEN_PRIORITY = ["access", "refresh", "onboarding"];
-const setToken = (type, token) => {
-  if (!token || typeof token !== "string") {
-    console.warn(`[axios] Invalid token provided for type: ${type}`);
-    return;
+async function recoverSession() {
+  const config = getConfig();
+  try {
+    const response = await axios$1.get(
+      "/auth/token",
+      {
+        baseURL: config.axios.baseURL,
+        withCredentials: true,
+        timeout: config.axios.timeout
+      }
+    );
+    if (response.data.accessToken) {
+      setToken(response.data.accessToken);
+      return { success: true, expiresIn: response.data.expiresIn };
+    }
+    return { success: false, expiresIn: 0 };
+  } catch {
+    clearToken();
+    return { success: false, expiresIn: 0 };
   }
-  tokenStore[type] = token;
-};
-const getToken = (type) => {
-  return tokenStore[type] || null;
-};
-const clearToken = (type) => {
-  delete tokenStore[type];
-};
-const clearAllTokens = () => {
-  Object.keys(tokenStore).forEach((key) => {
-    delete tokenStore[key];
-  });
-};
-const getActiveToken = () => {
-  for (const tokenType of TOKEN_PRIORITY) {
-    const token = tokenStore[tokenType];
-    if (token) {
-      return token;
+}
+async function recoverSessionIfNeeded() {
+  if (accessToken) return true;
+  if (sessionRecoveryPromise) {
+    return sessionRecoveryPromise;
+  }
+  sessionRecoveryPromise = (async () => {
+    try {
+      const result = await recoverSession();
+      if (result.success) {
+        scheduleTokenRefresh(result.expiresIn);
+        return true;
+      }
+      return false;
+    } catch {
+      return false;
+    } finally {
+      sessionRecoveryPromise = null;
+    }
+  })();
+  return sessionRecoveryPromise;
+}
+function scheduleTokenRefresh(expiresIn) {
+  cancelTokenRefresh();
+  const refreshAt = expiresIn * 0.8 * 1e3;
+  refreshTimer = setTimeout(async () => {
+    const config = getConfig();
+    try {
+      const response = await axios$1.post(
+        "/auth/refresh",
+        {},
+        {
+          baseURL: config.axios.baseURL,
+          withCredentials: true,
+          timeout: config.axios.timeout
+        }
+      );
+      if (response.data.accessToken) {
+        setToken(response.data.accessToken);
+        scheduleTokenRefresh(response.data.expiresIn);
+      }
+    } catch {
+      clearToken();
+      redirectToLogin();
     }
+  }, refreshAt);
+}
+function cancelTokenRefresh() {
+  if (refreshTimer) {
+    clearTimeout(refreshTimer);
+    refreshTimer = null;
   }
-  return null;
-};
+}
 async function fetchCsrfToken() {
-  if (csrfFetchPromise) {
-    return csrfFetchPromise;
-  }
+  if (csrfFetchPromise) return csrfFetchPromise;
   csrfFetchPromise = (async () => {
     try {
       const config = getConfig();
-      if (!config.csrf.enabled) {
-        return null;
-      }
+      if (!config.csrf.enabled) return null;
       const response = await axios$1.get(config.csrf.endpoint, {
         baseURL: config.axios.baseURL,
         withCredentials: config.axios.withCredentials,
@@ -3956,10 +4005,8 @@ async function fetchCsrfToken() {
         setCsrfToken(token);
         return token;
       }
-      console.warn("[axios] CSRF endpoint did not return a csrfToken field");
       return null;
-    } catch (error) {
-      console.error("[axios] Failed to fetch CSRF token:", error);
+    } catch {
       return null;
     } finally {
       csrfFetchPromise = null;
@@ -3967,6 +4014,22 @@ async function fetchCsrfToken() {
   })();
   return csrfFetchPromise;
 }
+function redirectToLogin() {
+  if (typeof window !== "undefined") {
+    window.location.href = "/login";
+  }
+}
+function getSubdomain() {
+  if (typeof window === "undefined") return null;
+  const parts = window.location.hostname.split(".");
+  if (parts.length >= 2 && parts[parts.length - 1] === "localhost") {
+    return parts[0];
+  }
+  if (parts.length >= 3) {
+    return parts[0];
+  }
+  return null;
+}
 function createAxiosInstance() {
   const config = getConfig();
   return axios$1.create({
@@ -3977,65 +4040,46 @@ function createAxiosInstance() {
   });
 }
 const axios = createAxiosInstance();
-const getSubdomain = () => {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  const hostname = window.location.hostname;
-  const parts = hostname.split(".");
-  if (parts.length >= 2 && parts[parts.length - 1] === "localhost") {
-    return parts[0];
-  }
-  if (parts.length >= 3) {
-    return parts[0];
-  }
-  return null;
-};
-axios.interceptors.request.use(
-  async (config) => {
-    const quantumConfig = getConfig();
-    const token = getActiveToken();
-    if (token) {
-      const authHeaderName = quantumConfig.auth.tokenHeaderName;
-      const tokenPrefix = quantumConfig.auth.tokenPrefix;
-      config.headers[authHeaderName] = `${tokenPrefix} ${token}`;
-    }
-    const subdomain = getSubdomain();
-    if (subdomain) {
-      config.headers["x-subdomain"] = subdomain;
-    }
-    const isStateChangingRequest = ["post", "put", "patch", "delete"].includes(
-      config.method?.toLowerCase() || ""
-    );
-    if (isStateChangingRequest && quantumConfig.csrf.enabled) {
-      let csrfTokenValue = getCsrfToken();
-      if (!csrfTokenValue) {
-        csrfTokenValue = await fetchCsrfToken();
-      }
-      if (csrfTokenValue) {
-        config.headers[quantumConfig.csrf.headerName] = csrfTokenValue;
-      } else {
-        console.warn("[axios] CSRF token not available for state-changing request");
-      }
-    }
-    return config;
-  },
-  (error) => {
-    return Promise.reject(error);
+axios.interceptors.request.use(async (config) => {
+  const quantumConfig = getConfig();
+  const isPublicRequest = config.public === true;
+  if (!isPublicRequest) {
+    const hasSession = await recoverSessionIfNeeded();
+    if (!hasSession) {
+      redirectToLogin();
+      return Promise.reject(new Error("No valid session"));
+    }
+  }
+  const token = getToken();
+  if (token) {
+    config.headers[quantumConfig.auth.tokenHeaderName] = `${quantumConfig.auth.tokenPrefix} ${token}`;
+  }
+  const subdomain = getSubdomain();
+  if (subdomain) {
+    config.headers["x-subdomain"] = subdomain;
+  }
+  const isStateChanging = ["post", "put", "patch", "delete"].includes(
+    config.method?.toLowerCase() || ""
+  );
+  if (isStateChanging && quantumConfig.csrf.enabled) {
+    let csrf = getCsrfToken();
+    if (!csrf) csrf = await fetchCsrfToken();
+    if (csrf) config.headers[quantumConfig.csrf.headerName] = csrf;
   }
-);
+  return config;
+});
 axios.interceptors.response.use(
-  (response) => {
-    return response;
-  },
-  async (error) => {
-    const originalRequest = error.config;
-    if (error.response?.status === 401 && !originalRequest._retry) {
-      originalRequest._retry = true;
+  (response) => response,
+  (error) => {
+    const isPublicRequest = error.config?.public === true;
+    if (error.response?.status === 401 && !isPublicRequest) {
+      clearToken();
+      cancelTokenRefresh();
+      redirectToLogin();
     }
     return Promise.reject(error);
   }
 );
 
-export { axios as a, getToken as b, configureQuantumUI as c, defineConfig as d, clearToken as e, clearAllTokens as f, getConfig as g, setCsrfToken as h, getCsrfToken as i, clearCsrfToken as j, resetConfig as r, setToken as s };
+export { axios as a, getToken as b, configureQuantumUI as c, defineConfig as d, clearToken as e, recoverSession as f, getConfig as g, scheduleTokenRefresh as h, cancelTokenRefresh as i, setCsrfToken as j, getCsrfToken as k, clearCsrfToken as l, resetConfig as r, setToken as s };
 //# sourceMappingURL=axios.js.map