@kpv2004/quark-ui 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/components/Alert/Alert.d.ts +8 -0
  2. package/dist/components/Alert/Alert.d.ts.map +1 -0
  3. package/dist/components/Alert/index.d.ts +3 -0
  4. package/dist/components/Alert/index.d.ts.map +1 -0
  5. package/dist/components/Avatar/Avatar.d.ts +11 -0
  6. package/dist/components/Avatar/Avatar.d.ts.map +1 -0
  7. package/dist/components/Avatar/index.d.ts +3 -0
  8. package/dist/components/Avatar/index.d.ts.map +1 -0
  9. package/dist/components/Badge/Badge.d.ts +13 -0
  10. package/dist/components/Badge/Badge.d.ts.map +1 -0
  11. package/dist/components/Badge/index.d.ts +3 -0
  12. package/dist/components/Badge/index.d.ts.map +1 -0
  13. package/dist/components/Button/Button.d.ts +17 -0
  14. package/dist/components/Button/Button.d.ts.map +1 -0
  15. package/dist/components/Button/index.d.ts +3 -0
  16. package/dist/components/Button/index.d.ts.map +1 -0
  17. package/dist/components/Card/Card.d.ts +11 -0
  18. package/dist/components/Card/Card.d.ts.map +1 -0
  19. package/dist/components/Card/index.d.ts +3 -0
  20. package/dist/components/Card/index.d.ts.map +1 -0
  21. package/dist/components/Input/Input.d.ts +19 -0
  22. package/dist/components/Input/Input.d.ts.map +1 -0
  23. package/dist/components/Input/index.d.ts +3 -0
  24. package/dist/components/Input/index.d.ts.map +1 -0
  25. package/dist/components/Spinner/Spinner.d.ts +7 -0
  26. package/dist/components/Spinner/Spinner.d.ts.map +1 -0
  27. package/dist/components/Spinner/index.d.ts +3 -0
  28. package/dist/components/Spinner/index.d.ts.map +1 -0
  29. package/dist/components/Toggle/Toggle.d.ts +17 -0
  30. package/dist/components/Toggle/Toggle.d.ts.map +1 -0
  31. package/dist/components/Toggle/index.d.ts +3 -0
  32. package/dist/components/Toggle/index.d.ts.map +1 -0
  33. package/dist/index.cjs +6 -1
  34. package/dist/index.css +2 -1
  35. package/dist/index.d.ts +17 -98
  36. package/dist/index.d.ts.map +1 -0
  37. package/dist/index.js +841 -1
  38. package/package.json +3 -3
  39. package/dist/index.d.cts +0 -98
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ variant?: 'info' | 'success' | 'warning' | 'danger';
4
+ title?: string;
5
+ onClose?: () => void;
6
+ }
7
+ export declare const Alert: React.FC<AlertProps>;
8
+ //# sourceMappingURL=Alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAiBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqCtC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Alert } from './Alert';
2
+ export type { AlertProps } from './Alert';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ src?: string;
4
+ alt?: string;
5
+ fallback?: string;
6
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
7
+ shape?: 'circle' | 'square';
8
+ status?: 'online' | 'offline' | 'away' | 'busy';
9
+ }
10
+ export declare const Avatar: React.FC<AvatarProps>;
11
+ //# sourceMappingURL=Avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;CACjD;AAsBD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6CxC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Avatar } from './Avatar';
2
+ export type { AvatarProps } from './Avatar';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
3
+ /** Color variant */
4
+ variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
5
+ /** Size preset */
6
+ size?: 'sm' | 'md' | 'lg';
7
+ /** Show a coloured dot indicator */
8
+ dot?: boolean;
9
+ /** Use outline style instead of filled */
10
+ outline?: boolean;
11
+ }
12
+ export declare const Badge: React.FC<BadgeProps>;
13
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oCAAoC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAiBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyBtC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Badge } from './Badge';
2
+ export type { BadgeProps } from './Badge';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
+ /** Visual style variant */
4
+ variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
5
+ /** Size preset */
6
+ size?: 'sm' | 'md' | 'lg';
7
+ /** Show loading spinner and disable interaction */
8
+ isLoading?: boolean;
9
+ /** Icon element placed before the label */
10
+ leftIcon?: React.ReactNode;
11
+ /** Icon element placed after the label */
12
+ rightIcon?: React.ReactNode;
13
+ /** Stretch to fill container width */
14
+ fullWidth?: boolean;
15
+ }
16
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
17
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnE,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAgBD,eAAO,MAAM,MAAM,uFAiDlB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Button } from './Button';
2
+ export type { ButtonProps } from './Button';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ /** Visual style variant */
4
+ variant?: 'default' | 'outlined' | 'elevated' | 'glass';
5
+ /** Inner padding preset */
6
+ padding?: 'none' | 'sm' | 'md' | 'lg';
7
+ /** Enable hover lift animation */
8
+ hoverable?: boolean;
9
+ }
10
+ export declare const Card: React.FC<CardProps>;
11
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACxD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAgBD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuBpC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Card } from './Card';
2
+ export type { CardProps } from './Card';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
3
+ /** Label displayed above the input */
4
+ label?: string;
5
+ /** Error message — sets the input into an error state */
6
+ error?: string;
7
+ /** Helper text displayed below the input */
8
+ helperText?: string;
9
+ /** Icon element placed inside the left edge */
10
+ leftIcon?: React.ReactNode;
11
+ /** Icon element placed inside the right edge */
12
+ rightIcon?: React.ReactNode;
13
+ /** Size preset */
14
+ size?: 'sm' | 'md' | 'lg';
15
+ /** Visual variant */
16
+ variant?: 'default' | 'filled';
17
+ }
18
+ export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
19
+ //# sourceMappingURL=Input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC;AAQD,eAAO,MAAM,KAAK,qFA4EjB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Input } from './Input';
2
+ export type { InputProps } from './Input';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
3
+ size?: 'sm' | 'md' | 'lg';
4
+ color?: string;
5
+ }
6
+ export declare const Spinner: React.FC<SpinnerProps>;
7
+ //# sourceMappingURL=Spinner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACzE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B1C,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Spinner } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ export interface ToggleProps {
3
+ /** Controlled checked state */
4
+ checked?: boolean;
5
+ /** Change handler */
6
+ onChange?: (checked: boolean) => void;
7
+ /** Size preset */
8
+ size?: 'sm' | 'md' | 'lg';
9
+ /** Label displayed to the right of the switch */
10
+ label?: string;
11
+ /** Disable interaction */
12
+ disabled?: boolean;
13
+ /** Additional class name for the wrapper */
14
+ className?: string;
15
+ }
16
+ export declare const Toggle: React.FC<ToggleProps>;
17
+ //# sourceMappingURL=Toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDxC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Toggle } from './Toggle';
2
+ export type { ToggleProps } from './Toggle';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
package/dist/index.cjs CHANGED
@@ -1 +1,6 @@
1
- "use strict";var H=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Q=Object.prototype.hasOwnProperty;var U=(a,r)=>{for(var e in r)H(a,e,{get:r[e],enumerable:!0})},Z=(a,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of K(r))!Q.call(a,o)&&o!==e&&H(a,o,{get:()=>r[o],enumerable:!(t=J(r,o))||t.enumerable});return a};var _=a=>Z(H({},"__esModule",{value:!0}),a);var yr={};U(yr,{Alert:()=>T,Avatar:()=>A,Badge:()=>L,Button:()=>C,Card:()=>P,Input:()=>I,Spinner:()=>D,Toggle:()=>B});module.exports=_(yr);var j=require("react");var s={};var q=require("react/jsx-runtime"),ar={sm:s.sizeSm,md:s.sizeMd,lg:s.sizeLg},er={primary:s.variantPrimary,secondary:s.variantSecondary,outline:s.variantOutline,ghost:s.variantGhost,danger:s.variantDanger},C=(0,j.forwardRef)(({variant:a="primary",size:r="md",isLoading:e=!1,leftIcon:t,rightIcon:o,fullWidth:n=!1,disabled:i,className:m,children:k,type:h="button",...x},w)=>{let E=[s.button,ar[r],er[a],n?s.fullWidth:"",e?s.loading:"",m??""].filter(Boolean).join(" ");return(0,q.jsxs)("button",{ref:w,type:h,className:E,disabled:i||e,"aria-busy":e||void 0,"aria-disabled":i||e||void 0,...x,children:[e&&(0,q.jsx)("span",{className:s.spinnerWrapper,"aria-hidden":"true",children:(0,q.jsx)("span",{className:s.spinner})}),t&&(0,q.jsx)("span",{className:s.iconLeft,children:t}),k,o&&(0,q.jsx)("span",{className:s.iconRight,children:o})]})});C.displayName="Button";var u={};var V=require("react/jsx-runtime"),tr={default:u.variantDefault,outlined:u.variantOutlined,elevated:u.variantElevated,glass:u.variantGlass},nr={none:u.paddingNone,sm:u.paddingSm,md:u.paddingMd,lg:u.paddingLg},P=({variant:a="default",padding:r="md",hoverable:e=!1,className:t,children:o,...n})=>{let i=[u.card,tr[a],nr[r],e?u.hoverable:"",t??""].filter(Boolean).join(" ");return(0,V.jsx)("div",{className:i,...n,children:o})};P.displayName="Card";var R=require("react");var l={};var b=require("react/jsx-runtime"),sr={sm:l.sizeSm,md:l.sizeMd,lg:l.sizeLg},I=(0,R.forwardRef)(({label:a,error:r,helperText:e,leftIcon:t,rightIcon:o,size:n="md",variant:i="default",className:m,id:k,"aria-describedby":h,...x},w)=>{let E=(0,R.useId)(),S=k??E,W=r?`${S}-error`:void 0,O=e&&!r?`${S}-helper`:void 0,$=h??W??O??void 0,Y=[l.input,sr[n],i==="filled"?l.variantFilled:"",t?l.hasLeftIcon:"",o?l.hasRightIcon:"",r?l.inputError:"",m??""].filter(Boolean).join(" ");return(0,b.jsxs)("div",{className:l.wrapper,children:[a&&(0,b.jsx)("label",{htmlFor:S,className:l.label,children:a}),(0,b.jsxs)("div",{className:l.inputContainer,children:[t&&(0,b.jsx)("span",{className:l.leftIcon,"aria-hidden":"true",children:t}),(0,b.jsx)("input",{ref:w,id:S,className:Y,"aria-invalid":r?!0:void 0,"aria-describedby":$,...x}),o&&(0,b.jsx)("span",{className:l.rightIcon,"aria-hidden":"true",children:o})]}),r&&(0,b.jsx)("p",{id:W,className:l.errorText,role:"alert",children:r}),e&&!r&&(0,b.jsx)("p",{id:O,className:l.helperText,children:e})]})});I.displayName="Input";var X=require("react");var p={};var y=require("react/jsx-runtime"),dr={sm:p.sizeSm,md:p.sizeMd,lg:p.sizeLg},B=({checked:a=!1,onChange:r,size:e="md",label:t,disabled:o=!1,className:n})=>{let i=(0,X.useId)(),m=[p.wrapper,dr[e],o?p.disabled:"",n??""].filter(Boolean).join(" "),k=[p.track,a?p.trackChecked:""].filter(Boolean).join(" "),h=[p.thumb,a?p.thumbChecked:""].filter(Boolean).join(" "),x=w=>{o||r?.(w.target.checked)};return(0,y.jsxs)("label",{className:m,children:[(0,y.jsx)("input",{id:i,type:"checkbox",role:"switch",className:p.input,checked:a,disabled:o,onChange:x,"aria-checked":a}),(0,y.jsx)("span",{className:k,"aria-hidden":"true",children:(0,y.jsx)("span",{className:h})}),t&&(0,y.jsx)("span",{className:p.label,children:t})]})};B.displayName="Toggle";var c={};var M=require("react/jsx-runtime"),pr={sm:c.sizeSm,md:c.sizeMd,lg:c.sizeLg},gr={default:c.variantDefault,primary:c.variantPrimary,success:c.variantSuccess,warning:c.variantWarning,danger:c.variantDanger,info:c.variantInfo},L=({variant:a="default",size:r="md",dot:e=!1,outline:t=!1,className:o,children:n,...i})=>{let m=[c.badge,pr[r],gr[a],t?c.outline:"",o??""].filter(Boolean).join(" ");return(0,M.jsxs)("span",{className:m,...i,children:[e&&(0,M.jsx)("span",{className:`${c.dot} ${c.dotPulse}`,"aria-hidden":"true"}),n]})};L.displayName="Badge";var v={};var f=require("react-icons/fi"),g=require("react/jsx-runtime"),vr={info:v.variantInfo,success:v.variantSuccess,warning:v.variantWarning,danger:v.variantDanger},br={info:(0,g.jsx)(f.FiInfo,{}),success:(0,g.jsx)(f.FiCheckCircle,{}),warning:(0,g.jsx)(f.FiAlertTriangle,{}),danger:(0,g.jsx)(f.FiXCircle,{})},T=({variant:a="info",title:r,onClose:e,className:t,children:o,...n})=>{let i=[v.alert,vr[a],t??""].filter(Boolean).join(" ");return(0,g.jsxs)("div",{className:i,role:"alert",...n,children:[(0,g.jsx)("span",{className:v.icon,"aria-hidden":"true",children:br[a]}),(0,g.jsxs)("div",{className:v.content,children:[r&&(0,g.jsx)("h5",{className:v.title,children:r}),o&&(0,g.jsx)("div",{className:v.description,children:o})]}),e&&(0,g.jsx)("button",{type:"button",className:v.closeButton,onClick:e,"aria-label":"Dismiss alert",children:"\u2715"})]})};T.displayName="Alert";var G=require("react");var d={};var z=require("react/jsx-runtime"),fr={xs:d.sizeXs,sm:d.sizeSm,md:d.sizeMd,lg:d.sizeLg,xl:d.sizeXl},kr={circle:d.shapeCircle,square:d.shapeSquare},hr={online:d.statusOnline,offline:d.statusOffline,away:d.statusAway,busy:d.statusBusy},A=({src:a,alt:r="",fallback:e,size:t="md",shape:o="circle",status:n,className:i,...m})=>{let[k,h]=(0,G.useState)(!1),x=[d.avatar,fr[t],kr[o],i??""].filter(Boolean).join(" ");return(0,z.jsxs)("div",{className:x,...m,children:[a&&!k?(0,z.jsx)("img",{src:a,alt:r,className:d.image,onError:()=>h(!0)}):(0,z.jsx)("span",{className:d.fallback,children:e}),n&&(0,z.jsx)("span",{className:`${d.statusDot} ${hr[n]}`,"aria-label":n,role:"status"})]})};A.displayName="Avatar";var N={};var F=require("react/jsx-runtime"),qr={sm:N.sizeSm,md:N.sizeMd,lg:N.sizeLg},D=({size:a="md",color:r,style:e,className:t,...o})=>{let n=[N.spinner,qr[a],t??""].filter(Boolean).join(" "),i={...e,...r?{borderTopColor:r}:{}};return(0,F.jsx)("span",{className:n,style:i,role:"status",...o,children:(0,F.jsx)("span",{className:N.srOnly,children:"Loading..."})})};D.displayName="Spinner";0&&(module.exports={Alert,Avatar,Badge,Button,Card,Input,Spinner,Toggle});
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require("react");l=c(l,1);var u={button:`_button_1yvwy_5`,sizeSm:`_sizeSm_1yvwy_44`,sizeMd:`_sizeMd_1yvwy_52`,sizeLg:`_sizeLg_1yvwy_60`,variantPrimary:`_variantPrimary_1yvwy_70`,variantSecondary:`_variantSecondary_1yvwy_82`,variantOutline:`_variantOutline_1yvwy_95`,variantGhost:`_variantGhost_1yvwy_107`,variantDanger:`_variantDanger_1yvwy_119`,fullWidth:`_fullWidth_1yvwy_133`,loading:`_loading_1yvwy_139`,spinnerWrapper:`_spinnerWrapper_1yvwy_144`,spinner:`_spinner_1yvwy_144`,"qk-spin":`_qk-spin_1yvwy_1`,iconLeft:`_iconLeft_1yvwy_170`,iconRight:`_iconRight_1yvwy_171`},d=o((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),f=o((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===O?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case D:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=k.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(A.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){N||(N=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function l(){var e=t(this.type);return P[e]||(P[e]=!0,console.error(`Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,"ref",{enumerable:!1,value:null}):Object.defineProperty(e,"ref",{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(j(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}else console.error(`React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.`);else f(p);if(A.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,L[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
2
+ let props = %s;
3
+ <%s {...props} />
4
+ React keys must be passed directly to JSX without using spread:
5
+ let props = %s;
6
+ <%s key={someKey} {...props} />`,o,p,m,p),L[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require("react"),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),O=Symbol.for(`react.client.reference`),k=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,j=Array.isArray,M=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var N,P={},F=m.react_stack_bottom_frame.bind(m,o)(),I=M(i(o)),L={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)}})()})),p=o(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=d():t.exports=f()}))(),m={sm:u.sizeSm,md:u.sizeMd,lg:u.sizeLg},h={primary:u.variantPrimary,secondary:u.variantSecondary,outline:u.variantOutline,ghost:u.variantGhost,danger:u.variantDanger},g=(0,l.forwardRef)(({variant:e=`primary`,size:t=`md`,isLoading:n=!1,leftIcon:r,rightIcon:i,fullWidth:a=!1,disabled:o,className:s,children:c,type:l=`button`,...d},f)=>(0,p.jsxs)(`button`,{ref:f,type:l,className:[u.button,m[t],h[e],a?u.fullWidth:``,n?u.loading:``,s??``].filter(Boolean).join(` `),disabled:o||n,"aria-busy":n||void 0,"aria-disabled":o||n||void 0,...d,children:[n&&(0,p.jsx)(`span`,{className:u.spinnerWrapper,"aria-hidden":`true`,children:(0,p.jsx)(`span`,{className:u.spinner})}),r&&(0,p.jsx)(`span`,{className:u.iconLeft,children:r}),c,i&&(0,p.jsx)(`span`,{className:u.iconRight,children:i})]}));g.displayName=`Button`;var _={card:`_card_bkd5b_5`,variantDefault:`_variantDefault_bkd5b_16`,variantOutlined:`_variantOutlined_bkd5b_21`,variantElevated:`_variantElevated_bkd5b_26`,variantGlass:`_variantGlass_bkd5b_32`,paddingNone:`_paddingNone_bkd5b_42`,paddingSm:`_paddingSm_bkd5b_46`,paddingMd:`_paddingMd_bkd5b_50`,paddingLg:`_paddingLg_bkd5b_54`,hoverable:`_hoverable_bkd5b_60`},v={default:_.variantDefault,outlined:_.variantOutlined,elevated:_.variantElevated,glass:_.variantGlass},y={none:_.paddingNone,sm:_.paddingSm,md:_.paddingMd,lg:_.paddingLg},b=({variant:e=`default`,padding:t=`md`,hoverable:n=!1,className:r,children:i,...a})=>(0,p.jsx)(`div`,{className:[_.card,v[e],y[t],n?_.hoverable:``,r??``].filter(Boolean).join(` `),...a,children:i});b.displayName=`Card`;var x={wrapper:`_wrapper_1jgbq_5`,inputContainer:`_inputContainer_1jgbq_13`,input:`_input_1jgbq_13`,variantFilled:`_variantFilled_1jgbq_58`,sizeSm:`_sizeSm_1jgbq_75`,sizeMd:`_sizeMd_1jgbq_82`,sizeLg:`_sizeLg_1jgbq_89`,hasLeftIcon:`_hasLeftIcon_1jgbq_98`,hasRightIcon:`_hasRightIcon_1jgbq_102`,leftIcon:`_leftIcon_1jgbq_114`,rightIcon:`_rightIcon_1jgbq_115`,label:`_label_1jgbq_137`,helperText:`_helperText_1jgbq_151`,errorText:`_errorText_1jgbq_160`,inputError:`_inputError_1jgbq_170`},S={sm:x.sizeSm,md:x.sizeMd,lg:x.sizeLg},C=(0,l.forwardRef)(({label:e,error:t,helperText:n,leftIcon:r,rightIcon:i,size:a=`md`,variant:o=`default`,className:s,id:c,"aria-describedby":u,...d},f)=>{let m=(0,l.useId)(),h=c??m,g=t?`${h}-error`:void 0,_=n&&!t?`${h}-helper`:void 0,v=u??g??_??void 0,y=[x.input,S[a],o===`filled`?x.variantFilled:``,r?x.hasLeftIcon:``,i?x.hasRightIcon:``,t?x.inputError:``,s??``].filter(Boolean).join(` `);return(0,p.jsxs)(`div`,{className:x.wrapper,children:[e&&(0,p.jsx)(`label`,{htmlFor:h,className:x.label,children:e}),(0,p.jsxs)(`div`,{className:x.inputContainer,children:[r&&(0,p.jsx)(`span`,{className:x.leftIcon,"aria-hidden":`true`,children:r}),(0,p.jsx)(`input`,{ref:f,id:h,className:y,"aria-invalid":t?!0:void 0,"aria-describedby":v,...d}),i&&(0,p.jsx)(`span`,{className:x.rightIcon,"aria-hidden":`true`,children:i})]}),t&&(0,p.jsx)(`p`,{id:g,className:x.errorText,role:`alert`,children:t}),n&&!t&&(0,p.jsx)(`p`,{id:_,className:x.helperText,children:n})]})});C.displayName=`Input`;var w={wrapper:`_wrapper_1pvuf_5`,disabled:`_disabled_1pvuf_13`,input:`_input_1pvuf_20`,track:`_track_1pvuf_34`,trackChecked:`_trackChecked_1pvuf_51`,thumb:`_thumb_1pvuf_76`,sizeSm:`_sizeSm_1pvuf_88`,thumbChecked:`_thumbChecked_1pvuf_100`,sizeMd:`_sizeMd_1pvuf_106`,sizeLg:`_sizeLg_1pvuf_124`,label:`_label_1pvuf_142`},T={sm:w.sizeSm,md:w.sizeMd,lg:w.sizeLg},E=({checked:e=!1,onChange:t,size:n=`md`,label:r,disabled:i=!1,className:a})=>{let o=(0,l.useId)(),s=[w.wrapper,T[n],i?w.disabled:``,a??``].filter(Boolean).join(` `),c=[w.track,e?w.trackChecked:``].filter(Boolean).join(` `),u=[w.thumb,e?w.thumbChecked:``].filter(Boolean).join(` `);return(0,p.jsxs)(`label`,{className:s,children:[(0,p.jsx)(`input`,{id:o,type:`checkbox`,role:`switch`,className:w.input,checked:e,disabled:i,onChange:e=>{i||t?.(e.target.checked)},"aria-checked":e}),(0,p.jsx)(`span`,{className:c,"aria-hidden":`true`,children:(0,p.jsx)(`span`,{className:u})}),r&&(0,p.jsx)(`span`,{className:w.label,children:r})]})};E.displayName=`Toggle`;var D={badge:`_badge_kf03d_5`,sizeSm:`_sizeSm_kf03d_22`,sizeMd:`_sizeMd_kf03d_28`,sizeLg:`_sizeLg_kf03d_34`,variantDefault:`_variantDefault_kf03d_42`,variantPrimary:`_variantPrimary_kf03d_50`,variantSuccess:`_variantSuccess_kf03d_57`,variantWarning:`_variantWarning_kf03d_64`,variantDanger:`_variantDanger_kf03d_71`,variantInfo:`_variantInfo_kf03d_78`,outline:`_outline_kf03d_86`,dot:`_dot_kf03d_119`,dotPulse:`_dotPulse_kf03d_156`,badgePulse:`_badgePulse_kf03d_1`},O={sm:D.sizeSm,md:D.sizeMd,lg:D.sizeLg},k={default:D.variantDefault,primary:D.variantPrimary,success:D.variantSuccess,warning:D.variantWarning,danger:D.variantDanger,info:D.variantInfo},A=({variant:e=`default`,size:t=`md`,dot:n=!1,outline:r=!1,className:i,children:a,...o})=>(0,p.jsxs)(`span`,{className:[D.badge,O[t],k[e],r?D.outline:``,i??``].filter(Boolean).join(` `),...o,children:[n&&(0,p.jsx)(`span`,{className:`${D.dot} ${D.dotPulse}`,"aria-hidden":`true`}),a]});A.displayName=`Badge`;var j={alert:`_alert_19uly_1`,icon:`_icon_19uly_15`,content:`_content_19uly_31`,title:`_title_19uly_35`,description:`_description_19uly_42`,closeButton:`_closeButton_19uly_54`,variantInfo:`_variantInfo_19uly_79`,variantSuccess:`_variantSuccess_19uly_89`,variantWarning:`_variantWarning_19uly_99`,variantDanger:`_variantDanger_19uly_109`},M={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},N=l.default.createContext&&l.default.createContext(M),P=[`attr`,`size`,`title`];function F(e,t){if(e==null)return{};var n,r,i=I(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function I(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},L.apply(null,arguments)}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?R(Object(n),!0).forEach(function(t){B(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function B(e,t,n){return(t=V(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function V(e){var t=H(e,`string`);return typeof t==`symbol`?t:t+``}function H(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function U(e){return e&&e.map((e,t)=>l.default.createElement(e.tag,z({key:t},e.attr),U(e.child)))}function W(e){return t=>l.default.createElement(G,L({attr:z({},e.attr)},t),U(e.child))}function G(e){var t=t=>{var{attr:n,size:r,title:i}=e,a=F(e,P),o=r||t.size||`1em`,s;return t.className&&(s=t.className),e.className&&(s=(s?s+` `:``)+e.className),l.default.createElement(`svg`,L({stroke:`currentColor`,fill:`currentColor`,strokeWidth:`0`},t.attr,n,a,{className:s,style:z(z({color:e.color||t.color},t.style),e.style),height:o,width:o,xmlns:`http://www.w3.org/2000/svg`}),i&&l.default.createElement(`title`,null,i),e.children)};return N===void 0?t(M):l.default.createElement(N.Consumer,null,e=>t(e))}function K(e){return W({tag:`svg`,attr:{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},child:[{tag:`circle`,attr:{cx:`12`,cy:`12`,r:`10`},child:[]},{tag:`line`,attr:{x1:`15`,y1:`9`,x2:`9`,y2:`15`},child:[]},{tag:`line`,attr:{x1:`9`,y1:`9`,x2:`15`,y2:`15`},child:[]}]})(e)}function q(e){return W({tag:`svg`,attr:{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},child:[{tag:`circle`,attr:{cx:`12`,cy:`12`,r:`10`},child:[]},{tag:`line`,attr:{x1:`12`,y1:`16`,x2:`12`,y2:`12`},child:[]},{tag:`line`,attr:{x1:`12`,y1:`8`,x2:`12.01`,y2:`8`},child:[]}]})(e)}function J(e){return W({tag:`svg`,attr:{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},child:[{tag:`path`,attr:{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`},child:[]},{tag:`polyline`,attr:{points:`22 4 12 14.01 9 11.01`},child:[]}]})(e)}function ee(e){return W({tag:`svg`,attr:{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},child:[{tag:`path`,attr:{d:`M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z`},child:[]},{tag:`line`,attr:{x1:`12`,y1:`9`,x2:`12`,y2:`13`},child:[]},{tag:`line`,attr:{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`},child:[]}]})(e)}var te={info:j.variantInfo,success:j.variantSuccess,warning:j.variantWarning,danger:j.variantDanger},ne={info:(0,p.jsx)(q,{}),success:(0,p.jsx)(J,{}),warning:(0,p.jsx)(ee,{}),danger:(0,p.jsx)(K,{})},Y=({variant:e=`info`,title:t,onClose:n,className:r,children:i,...a})=>(0,p.jsxs)(`div`,{className:[j.alert,te[e],r??``].filter(Boolean).join(` `),role:`alert`,...a,children:[(0,p.jsx)(`span`,{className:j.icon,"aria-hidden":`true`,children:ne[e]}),(0,p.jsxs)(`div`,{className:j.content,children:[t&&(0,p.jsx)(`h5`,{className:j.title,children:t}),i&&(0,p.jsx)(`div`,{className:j.description,children:i})]}),n&&(0,p.jsx)(`button`,{type:`button`,className:j.closeButton,onClick:n,"aria-label":`Dismiss alert`,children:`✕`})]});Y.displayName=`Alert`;var X={avatar:`_avatar_1uf1t_1`,image:`_image_1uf1t_15`,fallback:`_fallback_1uf1t_22`,shapeCircle:`_shapeCircle_1uf1t_29`,shapeSquare:`_shapeSquare_1uf1t_33`,sizeXs:`_sizeXs_1uf1t_39`,sizeSm:`_sizeSm_1uf1t_45`,sizeMd:`_sizeMd_1uf1t_51`,sizeLg:`_sizeLg_1uf1t_57`,sizeXl:`_sizeXl_1uf1t_63`,statusDot:`_statusDot_1uf1t_71`,statusOnline:`_statusOnline_1uf1t_109`,statusOffline:`_statusOffline_1uf1t_114`,statusAway:`_statusAway_1uf1t_118`,statusBusy:`_statusBusy_1uf1t_123`},re={xs:X.sizeXs,sm:X.sizeSm,md:X.sizeMd,lg:X.sizeLg,xl:X.sizeXl},ie={circle:X.shapeCircle,square:X.shapeSquare},ae={online:X.statusOnline,offline:X.statusOffline,away:X.statusAway,busy:X.statusBusy},Z=({src:e,alt:t=``,fallback:n,size:r=`md`,shape:i=`circle`,status:a,className:o,...s})=>{let[c,u]=(0,l.useState)(!1),d=[X.avatar,re[r],ie[i],o??``].filter(Boolean).join(` `),f=e&&!c;return(0,p.jsxs)(`div`,{className:d,...s,children:[f?(0,p.jsx)(`img`,{src:e,alt:t,className:X.image,onError:()=>u(!0)}):(0,p.jsx)(`span`,{className:X.fallback,children:n}),a&&(0,p.jsx)(`span`,{className:`${X.statusDot} ${ae[a]}`,"aria-label":a,role:`status`})]})};Z.displayName=`Avatar`;var Q={spinner:`_spinner_txj2l_1`,"qk-spin":`_qk-spin_txj2l_1`,sizeSm:`_sizeSm_txj2l_12`,sizeMd:`_sizeMd_txj2l_18`,sizeLg:`_sizeLg_txj2l_24`,srOnly:`_srOnly_txj2l_31`},oe={sm:Q.sizeSm,md:Q.sizeMd,lg:Q.sizeLg},$=({size:e=`md`,color:t,style:n,className:r,...i})=>(0,p.jsx)(`span`,{className:[Q.spinner,oe[e],r??``].filter(Boolean).join(` `),style:{...n,...t?{borderTopColor:t}:{}},role:`status`,...i,children:(0,p.jsx)(`span`,{className:Q.srOnly,children:`Loading...`})});$.displayName=`Spinner`,exports.Alert=Y,exports.Avatar=Z,exports.Badge=A,exports.Button=g,exports.Card=b,exports.Input=C,exports.Spinner=$,exports.Toggle=E;
package/dist/index.css CHANGED
@@ -1 +1,2 @@
1
- .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--qk-space-2);border:1px solid transparent;font-family:var(--qk-font-sans);font-weight:var(--qk-font-semibold);line-height:var(--qk-leading-tight);letter-spacing:var(--qk-tracking-wide);cursor:pointer;user-select:none;white-space:nowrap;text-decoration:none;outline:none;transition-property:background-color,border-color,color,box-shadow,transform,opacity;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button:active:not(:disabled){transform:scale(.97)}.button:focus-visible{box-shadow:0 0 0 var(--qk-focus-ring-offset) var(--qk-bg-app),0 0 0 calc(var(--qk-focus-ring-offset) + var(--qk-focus-ring-width)) var(--qk-focus-ring-color)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sizeSm{height:32px;padding:0 var(--qk-space-3);font-size:var(--qk-text-xs);border-radius:var(--qk-radius-sm);gap:var(--qk-space-1-5)}.sizeMd{height:40px;padding:0 var(--qk-space-5);font-size:var(--qk-text-sm);border-radius:var(--qk-radius-md);gap:var(--qk-space-2)}.sizeLg{height:48px;padding:0 var(--qk-space-7);font-size:var(--qk-text-base);border-radius:var(--qk-radius-md);gap:var(--qk-space-2-5)}.variantPrimary{background:linear-gradient(135deg,var(--qk-color-primary-600),var(--qk-color-primary-500));color:#fff;border-color:#8b5cf633;box-shadow:var(--qk-shadow-sm)}.variantPrimary:hover:not(:disabled){background:linear-gradient(135deg,var(--qk-color-primary-500),var(--qk-color-primary-400));box-shadow:var(--qk-shadow-glow)}.variantSecondary{background-color:var(--qk-bg-surface-2);color:var(--qk-text-2);border-color:var(--qk-border-color)}.variantSecondary:hover:not(:disabled){background-color:var(--qk-bg-surface-3);color:var(--qk-text-1);border-color:var(--qk-border-color-hover)}.variantOutline{background-color:transparent;color:var(--qk-btn-outline-text);border-color:var(--qk-btn-outline-border)}.variantOutline:hover:not(:disabled){background-color:var(--qk-btn-outline-hover-bg);color:var(--qk-btn-outline-text);border-color:var(--qk-btn-outline-border)}.variantGhost{background-color:transparent;color:var(--qk-btn-outline-text);border-color:transparent}.variantGhost:hover:not(:disabled){background-color:var(--qk-btn-outline-hover-bg);color:var(--qk-btn-outline-text)}.variantDanger{background:linear-gradient(135deg,var(--qk-color-danger-600),var(--qk-color-danger-500));color:#fff;border-color:#f43f5e33;box-shadow:var(--qk-shadow-sm)}.variantDanger:hover:not(:disabled){background:linear-gradient(135deg,var(--qk-color-danger-500),var(--qk-color-danger-400));box-shadow:0 0 20px #f43f5e4d}.fullWidth{width:100%}.loading{color:transparent;pointer-events:none}.spinnerWrapper{position:absolute;display:flex;align-items:center;justify-content:center}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;color:#fff;animation:qk-spin .6s linear infinite}@keyframes qk-spin{to{transform:rotate(360deg)}}.iconLeft,.iconRight{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.iconLeft{margin-right:calc(-1 * var(--qk-space-1))}.iconRight{margin-left:calc(-1 * var(--qk-space-1))}.card{font-family:var(--qk-font-sans);color:var(--qk-text-2);border-radius:var(--qk-radius-lg);transition-property:transform,box-shadow,border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.variantDefault{background-color:var(--qk-bg-surface-1);border:1px solid var(--qk-border-color)}.variantOutlined{background-color:transparent;border:1px solid var(--qk-border-color-hover)}.variantElevated{background-color:var(--qk-bg-surface-2);border:1px solid var(--qk-border-color-hover);box-shadow:var(--qk-shadow-card)}.variantGlass{background:var(--qk-bg-glass);border:1px solid var(--qk-border-glass);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%)}.paddingNone{padding:0}.paddingSm{padding:var(--qk-space-4)}.paddingMd{padding:var(--qk-space-6)}.paddingLg{padding:var(--qk-space-8)}.hoverable{cursor:pointer}.hoverable:hover{transform:translateY(-2px);box-shadow:var(--qk-shadow-card-hover, var(--qk-shadow-card));border-color:var(--qk-border-color-active)}.hoverable.variantGlass:hover{border-color:var(--qk-border-color-active);background-color:var(--qk-bg-glass);opacity:.9}.hoverable:active{transform:translateY(0)}.wrapper{position:relative;display:flex;flex-direction:column;gap:var(--qk-space-1-5);width:100%}.inputContainer{position:relative;display:flex;align-items:center;width:100%}.input{width:100%;font-family:var(--qk-font-sans);color:var(--qk-text-1);background-color:var(--qk-bg-surface-1);border:1px solid var(--qk-border-color);outline:none;transition-property:border-color,box-shadow,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.input::placeholder{color:var(--qk-text-muted);transition:opacity var(--qk-transition-fast)}.input:hover:not(:disabled):not(:focus){border-color:var(--qk-border-color-hover);background-color:var(--qk-bg-surface-2)}.input:focus{border-color:var(--qk-color-primary-500);box-shadow:0 0 0 3px #8b5cf626;background-color:var(--qk-bg-surface-1)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--qk-bg-surface-3)}.variantFilled{background-color:var(--qk-bg-surface-2);border-color:transparent}.variantFilled:hover:not(:disabled):not(:focus){background-color:var(--qk-bg-surface-3)}.variantFilled:focus{background-color:var(--qk-bg-surface-2);border-color:var(--qk-color-primary-500)}.sizeSm{height:32px;padding:0 var(--qk-space-3);font-size:var(--qk-text-xs);border-radius:var(--qk-radius-sm)}.sizeMd{height:40px;padding:0 var(--qk-space-4);font-size:var(--qk-text-sm);border-radius:var(--qk-radius-md)}.sizeLg{height:48px;padding:0 var(--qk-space-5);font-size:var(--qk-text-base);border-radius:var(--qk-radius-md)}.hasLeftIcon{padding-left:var(--qk-space-10)}.hasRightIcon{padding-right:var(--qk-space-10)}.sizeSm.hasLeftIcon{padding-left:var(--qk-space-8)}.sizeSm.hasRightIcon{padding-right:var(--qk-space-8)}.leftIcon,.rightIcon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--qk-text-3);pointer-events:none;transition:color var(--qk-transition-fast)}.leftIcon{left:var(--qk-space-3)}.rightIcon{right:var(--qk-space-3)}.label{font-family:var(--qk-font-sans);font-size:var(--qk-text-sm);font-weight:var(--qk-font-medium);color:var(--qk-text-2);transition:color var(--qk-transition-fast)}.wrapper:focus-within .label{color:var(--qk-theme-primary)}.helperText{font-family:var(--qk-font-sans);font-size:var(--qk-text-xs);color:var(--qk-text-muted);margin:0;line-height:var(--qk-leading-normal)}.errorText{font-family:var(--qk-font-sans);font-size:var(--qk-text-xs);color:var(--qk-theme-danger);margin:0;line-height:var(--qk-leading-normal)}.inputError{border-color:var(--qk-color-danger-500)}.inputError:focus{border-color:var(--qk-color-danger-400);box-shadow:0 0 0 3px #f43f5e26}.wrapper:has(.inputError) .label{color:var(--qk-theme-danger)}.wrapper:has(.inputError) .leftIcon,.wrapper:has(.inputError) .rightIcon{color:var(--qk-theme-danger)}.wrapper{display:inline-flex;align-items:center;gap:var(--qk-space-3);cursor:pointer;user-select:none}.wrapper.disabled{opacity:.5;cursor:not-allowed}.input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;border-radius:var(--qk-radius-full);background-color:var(--qk-bg-surface-3);border:1px solid var(--qk-border-color-hover);transition-property:background-color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.track:hover:not(.disabled *){background-color:var(--qk-border-color-active)}.trackChecked{background-color:var(--qk-color-primary-600);border-color:var(--qk-color-primary-500)}.trackChecked:hover{background-color:var(--qk-color-primary-500)}.input:focus-visible+.track{box-shadow:0 0 0 var(--qk-focus-ring-offset) var(--qk-bg-app),0 0 0 calc(var(--qk-focus-ring-offset) + var(--qk-focus-ring-width)) var(--qk-focus-ring-color)}.trackChecked{box-shadow:0 0 12px #7c3aed40}.thumb{position:absolute;border-radius:50%;background-color:#fff;box-shadow:var(--qk-shadow-sm);transition-property:transform,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.sizeSm .track{width:32px;height:18px}.sizeSm .thumb{width:14px;height:14px;left:2px;top:1px}.sizeSm .thumbChecked{transform:translate(14px)}.sizeMd .track{width:44px;height:24px}.sizeMd .thumb{width:18px;height:18px;left:3px;top:2px}.sizeMd .thumbChecked{transform:translate(20px)}.sizeLg .track{width:56px;height:30px}.sizeLg .thumb{width:24px;height:24px;left:3px;top:2px}.sizeLg .thumbChecked{transform:translate(26px)}.label{font-family:var(--qk-font-sans);font-size:var(--qk-text-sm);font-weight:var(--qk-font-medium);color:var(--qk-text-2);line-height:var(--qk-leading-normal)}.sizeSm .label{font-size:var(--qk-text-xs)}.sizeLg .label{font-size:var(--qk-text-base)}.badge{display:inline-flex;align-items:center;gap:var(--qk-space-1-5);font-family:var(--qk-font-sans);font-weight:var(--qk-font-medium);line-height:var(--qk-leading-none);white-space:nowrap;border-radius:var(--qk-radius-full);border:1px solid transparent;transition-property:background-color,color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sizeSm{height:20px;padding:0 var(--qk-space-2);font-size:.6875rem}.sizeMd{height:24px;padding:0 var(--qk-space-2-5);font-size:var(--qk-text-xs)}.sizeLg{height:28px;padding:0 var(--qk-space-3);font-size:var(--qk-text-sm)}.variantDefault{background-color:var(--qk-bg-surface-2);color:var(--qk-text-2);border-color:var(--qk-border-color)}.variantPrimary{background-color:#8b5cf626;color:var(--qk-theme-primary)}.variantSuccess{background-color:#10b98126;color:var(--qk-theme-success)}.variantWarning{background-color:#f59e0b26;color:var(--qk-theme-warning)}.variantDanger{background-color:#f43f5e26;color:var(--qk-theme-danger)}.variantInfo{background-color:#0ea5e926;color:var(--qk-theme-info)}.outline.variantDefault{background-color:transparent;border-color:var(--qk-border-color-hover)}.outline.variantPrimary{background-color:transparent;border-color:var(--qk-color-primary-500)}.outline.variantSuccess{background-color:transparent;border-color:var(--qk-color-success-500)}.outline.variantWarning{background-color:transparent;border-color:var(--qk-color-warning-500)}.outline.variantDanger{background-color:transparent;border-color:var(--qk-color-danger-500)}.outline.variantInfo{background-color:transparent;border-color:var(--qk-color-info-500)}.dot{position:relative;width:6px;height:6px;border-radius:50%;flex-shrink:0}.sizeLg .dot{width:8px;height:8px}.variantDefault .dot{background-color:var(--qk-color-neutral-400)}.variantPrimary .dot{background-color:var(--qk-theme-primary)}.variantSuccess .dot{background-color:var(--qk-theme-success)}.variantWarning .dot{background-color:var(--qk-theme-warning)}.variantDanger .dot{background-color:var(--qk-theme-danger)}.variantInfo .dot{background-color:var(--qk-theme-info)}.dotPulse{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.4}}.alert{display:flex;align-items:flex-start;gap:var(--qk-space-3);padding:var(--qk-space-4) var(--qk-space-5);border-radius:var(--qk-radius-md);border:1px solid transparent;font-family:var(--qk-font-sans);font-size:var(--qk-text-sm);line-height:var(--qk-leading-normal);position:relative;transition:all var(--qk-transition-normal)}.icon{display:flex;align-items:center;justify-content:center;user-select:none;flex-shrink:0;margin-top:2px}.icon svg{width:18px;height:18px;display:block}.content{flex:1}.title{font-weight:var(--qk-font-semibold);color:var(--qk-text-1);margin:0 0 var(--qk-space-1) 0;font-size:var(--qk-text-sm)}.description{color:var(--qk-text-2)}.alert:has(.description) .title{margin-bottom:var(--qk-space-1)}.alert:not(:has(.description)) .title{margin-bottom:0}.closeButton{background:transparent;border:none;color:var(--qk-text-muted);cursor:pointer;padding:var(--qk-space-1);font-size:var(--qk-text-xs);line-height:1;border-radius:var(--qk-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--qk-transition-fast);margin-top:1px;margin-right:-4px}.closeButton:hover{background-color:#ffffff14;color:var(--qk-text-1)}.variantInfo{background-color:#0ea5e914;border-color:#0ea5e933;color:var(--qk-theme-info)}.variantInfo .closeButton:hover{background-color:#0ea5e926}.variantSuccess{background-color:#10b98114;border-color:#10b98133;color:var(--qk-theme-success)}.variantSuccess .closeButton:hover{background-color:#10b98126}.variantWarning{background-color:#f59e0b14;border-color:#f59e0b33;color:var(--qk-theme-warning)}.variantWarning .closeButton:hover{background-color:#f59e0b26}.variantDanger{background-color:#f43f5e14;border-color:#f43f5e33;color:var(--qk-theme-danger)}.variantDanger .closeButton:hover{background-color:#f43f5e26}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--qk-color-primary-600) 0%,var(--qk-color-primary-400) 100%);color:#fff;font-family:var(--qk-font-sans);font-weight:var(--qk-font-semibold);user-select:none;flex-shrink:0}.image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.fallback{text-transform:uppercase;line-height:1}.shapeCircle{border-radius:var(--qk-radius-full)}.shapeSquare{border-radius:var(--qk-radius-md)}.sizeXs{width:24px;height:24px;font-size:10px}.sizeSm{width:32px;height:32px;font-size:var(--qk-text-xs)}.sizeMd{width:40px;height:40px;font-size:var(--qk-text-sm)}.sizeLg{width:48px;height:48px;font-size:var(--qk-text-base)}.sizeXl{width:64px;height:64px;font-size:var(--qk-text-xl)}.statusDot{position:absolute;bottom:0;right:0;display:block;border-radius:var(--qk-radius-full);border:2px solid var(--qk-bg-surface-1);background-color:var(--qk-text-muted)}.sizeXs .statusDot{width:7px;height:7px;border-width:1px}.sizeSm .statusDot{width:9px;height:9px}.sizeMd .statusDot{width:11px;height:11px}.sizeLg .statusDot{width:13px;height:13px}.sizeXl .statusDot{width:16px;height:16px}.statusOnline{background-color:var(--qk-color-success-500);box-shadow:0 0 6px #10b98166}.statusOffline{background-color:var(--qk-color-neutral-500)}.statusAway{background-color:var(--qk-color-warning-500);box-shadow:0 0 6px #f59e0b66}.statusBusy{background-color:var(--qk-color-danger-500);box-shadow:0 0 6px #f43f5e66}.spinner{display:inline-block;border-style:solid;border-radius:50%;border-color:#8b5cf626;border-top-color:var(--qk-color-primary-500);animation:qk-spin .8s linear infinite}.sizeSm{width:16px;height:16px;border-width:2px}.sizeMd{width:24px;height:24px;border-width:2.5px}.sizeLg{width:36px;height:36px;border-width:3.5px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
1
+ @import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--qk-color-primary-50:#f5f3ff;--qk-color-primary-100:#ede9fe;--qk-color-primary-200:#ddd6fe;--qk-color-primary-300:#c4b5fd;--qk-color-primary-400:#a78bfa;--qk-color-primary-500:#8b5cf6;--qk-color-primary-600:#7c3aed;--qk-color-primary-700:#6d28d9;--qk-color-primary-800:#5b21b6;--qk-color-primary-900:#4c1d95;--qk-color-neutral-0:#fff;--qk-color-neutral-50:#fafafa;--qk-color-neutral-100:#f4f4f5;--qk-color-neutral-200:#e4e4e7;--qk-color-neutral-300:#d4d4d8;--qk-color-neutral-400:#a1a1aa;--qk-color-neutral-500:#71717a;--qk-color-neutral-600:#52525b;--qk-color-neutral-700:#3f3f46;--qk-color-neutral-800:#27272a;--qk-color-neutral-900:#18181b;--qk-color-neutral-950:#09090b;--qk-color-success-50:#ecfdf5;--qk-color-success-100:#d1fae5;--qk-color-success-400:#34d399;--qk-color-success-500:#10b981;--qk-color-success-600:#059669;--qk-color-success-700:#047857;--qk-color-warning-50:#fffbeb;--qk-color-warning-100:#fef3c7;--qk-color-warning-400:#fbbf24;--qk-color-warning-500:#f59e0b;--qk-color-warning-600:#d97706;--qk-color-warning-700:#b45309;--qk-color-danger-50:#fff1f2;--qk-color-danger-100:#ffe4e6;--qk-color-danger-400:#fb7185;--qk-color-danger-500:#f43f5e;--qk-color-danger-600:#e11d48;--qk-color-danger-700:#be123c;--qk-color-info-50:#f0f9ff;--qk-color-info-100:#e0f2fe;--qk-color-info-400:#38bdf8;--qk-color-info-500:#0ea5e9;--qk-color-info-600:#0284c7;--qk-color-info-700:#0369a1;--qk-space-0:0px;--qk-space-0-5:2px;--qk-space-1:4px;--qk-space-1-5:6px;--qk-space-2:8px;--qk-space-2-5:10px;--qk-space-3:12px;--qk-space-3-5:14px;--qk-space-4:16px;--qk-space-5:20px;--qk-space-6:24px;--qk-space-7:28px;--qk-space-8:32px;--qk-space-9:36px;--qk-space-10:40px;--qk-space-12:48px;--qk-space-14:56px;--qk-space-16:64px;--qk-radius-xs:4px;--qk-radius-sm:6px;--qk-radius-md:10px;--qk-radius-lg:16px;--qk-radius-xl:24px;--qk-radius-2xl:32px;--qk-radius-full:9999px;--qk-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--qk-font-mono:"JetBrains Mono", "Fira Code", monospace;--qk-text-xs:.75rem;--qk-text-sm:.875rem;--qk-text-base:1rem;--qk-text-lg:1.125rem;--qk-text-xl:1.25rem;--qk-text-2xl:1.5rem;--qk-text-3xl:1.875rem;--qk-text-4xl:2.25rem;--qk-font-light:300;--qk-font-normal:400;--qk-font-medium:500;--qk-font-semibold:600;--qk-font-bold:700;--qk-leading-none:1;--qk-leading-tight:1.25;--qk-leading-snug:1.375;--qk-leading-normal:1.5;--qk-leading-relaxed:1.75;--qk-tracking-tight:-.025em;--qk-tracking-normal:0em;--qk-tracking-wide:.025em;--qk-shadow-xs:0 1px 2px 0 #0000000d;--qk-shadow-sm:0 1px 3px 0 #0000001a;--qk-shadow-md:0 4px 6px -1px #00000026;--qk-shadow-lg:0 10px 15px -3px #0003;--qk-shadow-xl:0 20px 25px -5px #00000040;--qk-shadow-2xl:0 25px 50px -12px #0006;--qk-shadow-glow:0 0 20px #7c3aed4d;--qk-shadow-glow-lg:0 0 40px #7c3aed66;--qk-shadow-inner:inset 0 2px 4px 0 #0000001a;--qk-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--qk-transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--qk-transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--qk-ease-in:cubic-bezier(.4, 0, 1, 1);--qk-ease-out:cubic-bezier(0, 0, .2, 1);--qk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--qk-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--qk-focus-ring-width:2px;--qk-focus-ring-offset:2px;--qk-focus-ring-color:#8b5cf680;--qk-z-dropdown:1000;--qk-z-sticky:1100;--qk-z-overlay:1300;--qk-z-modal:1400;--qk-z-popover:1500;--qk-z-tooltip:1800;--qk-bg-app:var(--qk-color-neutral-950);--qk-bg-sidebar:#0f0f14;--qk-bg-surface-1:var(--qk-color-neutral-900);--qk-bg-surface-2:var(--qk-color-neutral-800);--qk-bg-surface-3:var(--qk-color-neutral-700);--qk-text-1:var(--qk-color-neutral-100);--qk-text-2:var(--qk-color-neutral-300);--qk-text-3:var(--qk-color-neutral-400);--qk-text-muted:var(--qk-color-neutral-500);--qk-border-color:var(--qk-color-neutral-800);--qk-border-color-hover:var(--qk-color-neutral-700);--qk-border-color-active:var(--qk-color-neutral-600);--qk-shadow-card:var(--qk-shadow-lg);--qk-shadow-app:0 4px 20px #0006;--qk-bg-glass:#18181b99;--qk-border-glass:#ffffff14;--qk-theme-primary:var(--qk-color-primary-400);--qk-theme-success:var(--qk-color-success-400);--qk-theme-warning:var(--qk-color-warning-400);--qk-theme-danger:var(--qk-color-danger-400);--qk-theme-info:var(--qk-color-info-400);--qk-btn-outline-text:var(--qk-color-primary-400);--qk-btn-outline-border:var(--qk-color-primary-500);--qk-btn-outline-hover-bg:#7c3aed1a;--qk-sidebar-active-text:#e9d5ff;--qk-sidebar-active-bg:#7c3aed1a;--qk-sidebar-hover-text:var(--qk-color-primary-300);--qk-sidebar-hover-bg:#7c3aed14;--qk-shadow-card-hover:var(--qk-shadow-xl)}:root[data-theme=light],[data-theme=light]{--qk-bg-app:#f4f4f5;--qk-bg-sidebar:#fff;--qk-bg-surface-1:#fff;--qk-bg-surface-2:#e4e4e7;--qk-bg-surface-3:#d4d4d8;--qk-text-1:#09090b;--qk-text-2:#27272a;--qk-text-3:#52525b;--qk-text-muted:#71717a;--qk-border-color:#e4e4e7;--qk-border-color-hover:#d4d4d8;--qk-border-color-active:#a1a1aa;--qk-shadow-card:var(--qk-shadow-sm);--qk-shadow-app:0 4px 12px #09090b0d;--qk-bg-glass:#fff9;--qk-border-glass:#09090b14;--qk-theme-primary:var(--qk-color-primary-700);--qk-theme-success:var(--qk-color-success-700);--qk-theme-warning:var(--qk-color-warning-700);--qk-theme-danger:var(--qk-color-danger-700);--qk-theme-info:var(--qk-color-info-700);--qk-btn-outline-text:var(--qk-color-primary-600);--qk-btn-outline-border:var(--qk-color-primary-600);--qk-btn-outline-hover-bg:#7c3aed14;--qk-sidebar-active-text:var(--qk-color-primary-600);--qk-sidebar-active-bg:#7c3aed14;--qk-sidebar-hover-text:var(--qk-color-primary-700);--qk-sidebar-hover-bg:#7c3aed0d;--qk-shadow-card-hover:0 12px 24px -8px #09090b1f, 0 4px 6px -2px #09090b0a}*,:before,:after{box-sizing:border-box}@keyframes qk-spin{to{transform:rotate(360deg)}}@keyframes qk-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes qk-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes qk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qk-slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes qk-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._button_1yvwy_5{justify-content:center;align-items:center;gap:var(--qk-space-2);font-family:var(--qk-font-sans);font-weight:var(--qk-font-semibold);line-height:var(--qk-leading-tight);letter-spacing:var(--qk-tracking-wide);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;outline:none;text-decoration:none;transition-property:background-color,border-color,color,box-shadow,transform,opacity;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}._button_1yvwy_5:active:not(:disabled){transform:scale(.97)}._button_1yvwy_5:focus-visible{box-shadow:0 0 0 var(--qk-focus-ring-offset) var(--qk-bg-app), 0 0 0 calc(var(--qk-focus-ring-offset) + var(--qk-focus-ring-width)) var(--qk-focus-ring-color)}._button_1yvwy_5:disabled{opacity:.5;cursor:not-allowed;transform:none}._sizeSm_1yvwy_44{height:32px;padding:0 var(--qk-space-3);font-size:var(--qk-text-xs);border-radius:var(--qk-radius-sm);gap:var(--qk-space-1-5)}._sizeMd_1yvwy_52{height:40px;padding:0 var(--qk-space-5);font-size:var(--qk-text-sm);border-radius:var(--qk-radius-md);gap:var(--qk-space-2)}._sizeLg_1yvwy_60{height:48px;padding:0 var(--qk-space-7);font-size:var(--qk-text-base);border-radius:var(--qk-radius-md);gap:var(--qk-space-2-5)}._variantPrimary_1yvwy_70{background:linear-gradient(135deg, var(--qk-color-primary-600), var(--qk-color-primary-500));color:#fff;box-shadow:var(--qk-shadow-sm);border-color:#8b5cf633}._variantPrimary_1yvwy_70:hover:not(:disabled){background:linear-gradient(135deg, var(--qk-color-primary-500), var(--qk-color-primary-400));box-shadow:var(--qk-shadow-glow)}._variantSecondary_1yvwy_82{background-color:var(--qk-bg-surface-2);color:var(--qk-text-2);border-color:var(--qk-border-color)}._variantSecondary_1yvwy_82:hover:not(:disabled){background-color:var(--qk-bg-surface-3);color:var(--qk-text-1);border-color:var(--qk-border-color-hover)}._variantOutline_1yvwy_95{color:var(--qk-btn-outline-text);border-color:var(--qk-btn-outline-border);background-color:#0000}._variantOutline_1yvwy_95:hover:not(:disabled){background-color:var(--qk-btn-outline-hover-bg);color:var(--qk-btn-outline-text);border-color:var(--qk-btn-outline-border)}._variantGhost_1yvwy_107{color:var(--qk-btn-outline-text);background-color:#0000;border-color:#0000}._variantGhost_1yvwy_107:hover:not(:disabled){background-color:var(--qk-btn-outline-hover-bg);color:var(--qk-btn-outline-text)}._variantDanger_1yvwy_119{background:linear-gradient(135deg, var(--qk-color-danger-600), var(--qk-color-danger-500));color:#fff;box-shadow:var(--qk-shadow-sm);border-color:#f43f5e33}._variantDanger_1yvwy_119:hover:not(:disabled){background:linear-gradient(135deg, var(--qk-color-danger-500), var(--qk-color-danger-400));box-shadow:0 0 20px #f43f5e4d}._fullWidth_1yvwy_133{width:100%}._loading_1yvwy_139{color:#0000;pointer-events:none}._spinnerWrapper_1yvwy_144{justify-content:center;align-items:center;display:flex;position:absolute}._spinner_1yvwy_144{color:#fff;border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite _qk-spin_1yvwy_1}@keyframes _qk-spin_1yvwy_1{to{transform:rotate(360deg)}}._iconLeft_1yvwy_170,._iconRight_1yvwy_171{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._iconLeft_1yvwy_170{margin-right:calc(-1 * var(--qk-space-1))}._iconRight_1yvwy_171{margin-left:calc(-1 * var(--qk-space-1))}._card_bkd5b_5{font-family:var(--qk-font-sans);color:var(--qk-text-2);border-radius:var(--qk-radius-lg);transition-property:transform,box-shadow,border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._variantDefault_bkd5b_16{background-color:var(--qk-bg-surface-1);border:1px solid var(--qk-border-color)}._variantOutlined_bkd5b_21{border:1px solid var(--qk-border-color-hover);background-color:#0000}._variantElevated_bkd5b_26{background-color:var(--qk-bg-surface-2);border:1px solid var(--qk-border-color-hover);box-shadow:var(--qk-shadow-card)}._variantGlass_bkd5b_32{background:var(--qk-bg-glass);border:1px solid var(--qk-border-glass);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%)}._paddingNone_bkd5b_42{padding:0}._paddingSm_bkd5b_46{padding:var(--qk-space-4)}._paddingMd_bkd5b_50{padding:var(--qk-space-6)}._paddingLg_bkd5b_54{padding:var(--qk-space-8)}._hoverable_bkd5b_60{cursor:pointer}._hoverable_bkd5b_60:hover{box-shadow:var(--qk-shadow-card-hover,var(--qk-shadow-card));border-color:var(--qk-border-color-active);transform:translateY(-2px)}._hoverable_bkd5b_60._variantGlass_bkd5b_32:hover{border-color:var(--qk-border-color-active);background-color:var(--qk-bg-glass);opacity:.9}._hoverable_bkd5b_60:active{transform:translateY(0)}._wrapper_1jgbq_5{gap:var(--qk-space-1-5);flex-direction:column;width:100%;display:flex;position:relative}._inputContainer_1jgbq_13{align-items:center;width:100%;display:flex;position:relative}._input_1jgbq_13{width:100%;font-family:var(--qk-font-sans);color:var(--qk-text-1);background-color:var(--qk-bg-surface-1);border:1px solid var(--qk-border-color);outline:none;transition-property:border-color,box-shadow,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._input_1jgbq_13::placeholder{color:var(--qk-text-muted);transition:opacity var(--qk-transition-fast)}._input_1jgbq_13:hover:not(:disabled):not(:focus){border-color:var(--qk-border-color-hover);background-color:var(--qk-bg-surface-2)}._input_1jgbq_13:focus{border-color:var(--qk-color-primary-500);background-color:var(--qk-bg-surface-1);box-shadow:0 0 0 3px #8b5cf626}._input_1jgbq_13:disabled{opacity:.5;cursor:not-allowed;background-color:var(--qk-bg-surface-3)}._variantFilled_1jgbq_58{background-color:var(--qk-bg-surface-2);border-color:#0000}._variantFilled_1jgbq_58:hover:not(:disabled):not(:focus){background-color:var(--qk-bg-surface-3)}._variantFilled_1jgbq_58:focus{background-color:var(--qk-bg-surface-2);border-color:var(--qk-color-primary-500)}._sizeSm_1jgbq_75{height:32px;padding:0 var(--qk-space-3);font-size:var(--qk-text-xs);border-radius:var(--qk-radius-sm)}._sizeMd_1jgbq_82{height:40px;padding:0 var(--qk-space-4);font-size:var(--qk-text-sm);border-radius:var(--qk-radius-md)}._sizeLg_1jgbq_89{height:48px;padding:0 var(--qk-space-5);font-size:var(--qk-text-base);border-radius:var(--qk-radius-md)}._hasLeftIcon_1jgbq_98{padding-left:var(--qk-space-10)}._hasRightIcon_1jgbq_102{padding-right:var(--qk-space-10)}._sizeSm_1jgbq_75._hasLeftIcon_1jgbq_98{padding-left:var(--qk-space-8)}._sizeSm_1jgbq_75._hasRightIcon_1jgbq_102{padding-right:var(--qk-space-8)}._leftIcon_1jgbq_114,._rightIcon_1jgbq_115{color:var(--qk-text-3);pointer-events:none;transition:color var(--qk-transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}._leftIcon_1jgbq_114{left:var(--qk-space-3)}._rightIcon_1jgbq_115{right:var(--qk-space-3)}._label_1jgbq_137{font-family:var(--qk-font-sans);font-size:var(--qk-text-sm);font-weight:var(--qk-font-medium);color:var(--qk-text-2);transition:color var(--qk-transition-fast)}._wrapper_1jgbq_5:focus-within ._label_1jgbq_137{color:var(--qk-theme-primary)}._helperText_1jgbq_151{font-family:var(--qk-font-sans);font-size:var(--qk-text-xs);color:var(--qk-text-muted);line-height:var(--qk-leading-normal);margin:0}._errorText_1jgbq_160{font-family:var(--qk-font-sans);font-size:var(--qk-text-xs);color:var(--qk-theme-danger);line-height:var(--qk-leading-normal);margin:0}._inputError_1jgbq_170{border-color:var(--qk-color-danger-500)}._inputError_1jgbq_170:focus{border-color:var(--qk-color-danger-400);box-shadow:0 0 0 3px #f43f5e26}._wrapper_1jgbq_5:has(._inputError_1jgbq_170) ._label_1jgbq_137{color:var(--qk-theme-danger)}:is(._wrapper_1jgbq_5:has(._inputError_1jgbq_170) ._leftIcon_1jgbq_114,._wrapper_1jgbq_5:has(._inputError_1jgbq_170) ._rightIcon_1jgbq_115){color:var(--qk-theme-danger)}._wrapper_1pvuf_5{align-items:center;gap:var(--qk-space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}._wrapper_1pvuf_5._disabled_1pvuf_13{opacity:.5;cursor:not-allowed}._input_1pvuf_20{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._track_1pvuf_34{border-radius:var(--qk-radius-full);background-color:var(--qk-bg-surface-3);border:1px solid var(--qk-border-color-hover);flex-shrink:0;align-items:center;transition-property:background-color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}._track_1pvuf_34:hover:not(._disabled_1pvuf_13 *){background-color:var(--qk-border-color-active)}._trackChecked_1pvuf_51{background-color:var(--qk-color-primary-600);border-color:var(--qk-color-primary-500)}._trackChecked_1pvuf_51:hover{background-color:var(--qk-color-primary-500)}._input_1pvuf_20:focus-visible+._track_1pvuf_34{box-shadow:0 0 0 var(--qk-focus-ring-offset) var(--qk-bg-app), 0 0 0 calc(var(--qk-focus-ring-offset) + var(--qk-focus-ring-width)) var(--qk-focus-ring-color)}._trackChecked_1pvuf_51{box-shadow:0 0 12px #7c3aed40}._thumb_1pvuf_76{box-shadow:var(--qk-shadow-sm);background-color:#fff;border-radius:50%;transition-property:transform,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.34,1.56,.64,1);position:absolute}._sizeSm_1pvuf_88 ._track_1pvuf_34{width:32px;height:18px}._sizeSm_1pvuf_88 ._thumb_1pvuf_76{width:14px;height:14px;top:1px;left:2px}._sizeSm_1pvuf_88 ._thumbChecked_1pvuf_100{transform:translate(14px)}._sizeMd_1pvuf_106 ._track_1pvuf_34{width:44px;height:24px}._sizeMd_1pvuf_106 ._thumb_1pvuf_76{width:18px;height:18px;top:2px;left:3px}._sizeMd_1pvuf_106 ._thumbChecked_1pvuf_100{transform:translate(20px)}._sizeLg_1pvuf_124 ._track_1pvuf_34{width:56px;height:30px}._sizeLg_1pvuf_124 ._thumb_1pvuf_76{width:24px;height:24px;top:2px;left:3px}._sizeLg_1pvuf_124 ._thumbChecked_1pvuf_100{transform:translate(26px)}._label_1pvuf_142{font-family:var(--qk-font-sans);font-size:var(--qk-text-sm);font-weight:var(--qk-font-medium);color:var(--qk-text-2);line-height:var(--qk-leading-normal)}._sizeSm_1pvuf_88 ._label_1pvuf_142{font-size:var(--qk-text-xs)}._sizeLg_1pvuf_124 ._label_1pvuf_142{font-size:var(--qk-text-base)}._badge_kf03d_5{align-items:center;gap:var(--qk-space-1-5);font-family:var(--qk-font-sans);font-weight:var(--qk-font-medium);line-height:var(--qk-leading-none);white-space:nowrap;border-radius:var(--qk-radius-full);border:1px solid #0000;transition-property:background-color,color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}._sizeSm_kf03d_22{height:20px;padding:0 var(--qk-space-2);font-size:.6875rem}._sizeMd_kf03d_28{height:24px;padding:0 var(--qk-space-2-5);font-size:var(--qk-text-xs)}._sizeLg_kf03d_34{height:28px;padding:0 var(--qk-space-3);font-size:var(--qk-text-sm)}._variantDefault_kf03d_42{background-color:var(--qk-bg-surface-2);color:var(--qk-text-2);border-color:var(--qk-border-color)}._variantPrimary_kf03d_50{color:var(--qk-theme-primary);background-color:#8b5cf626}._variantSuccess_kf03d_57{color:var(--qk-theme-success);background-color:#10b98126}._variantWarning_kf03d_64{color:var(--qk-theme-warning);background-color:#f59e0b26}._variantDanger_kf03d_71{color:var(--qk-theme-danger);background-color:#f43f5e26}._variantInfo_kf03d_78{color:var(--qk-theme-info);background-color:#0ea5e926}._outline_kf03d_86._variantDefault_kf03d_42{border-color:var(--qk-border-color-hover);background-color:#0000}._outline_kf03d_86._variantPrimary_kf03d_50{border-color:var(--qk-color-primary-500);background-color:#0000}._outline_kf03d_86._variantSuccess_kf03d_57{border-color:var(--qk-color-success-500);background-color:#0000}._outline_kf03d_86._variantWarning_kf03d_64{border-color:var(--qk-color-warning-500);background-color:#0000}._outline_kf03d_86._variantDanger_kf03d_71{border-color:var(--qk-color-danger-500);background-color:#0000}._outline_kf03d_86._variantInfo_kf03d_78{border-color:var(--qk-color-info-500);background-color:#0000}._dot_kf03d_119{border-radius:50%;flex-shrink:0;width:6px;height:6px;position:relative}._sizeLg_kf03d_34 ._dot_kf03d_119{width:8px;height:8px}._variantDefault_kf03d_42 ._dot_kf03d_119{background-color:var(--qk-color-neutral-400)}._variantPrimary_kf03d_50 ._dot_kf03d_119{background-color:var(--qk-theme-primary)}._variantSuccess_kf03d_57 ._dot_kf03d_119{background-color:var(--qk-theme-success)}._variantWarning_kf03d_64 ._dot_kf03d_119{background-color:var(--qk-theme-warning)}._variantDanger_kf03d_71 ._dot_kf03d_119{background-color:var(--qk-theme-danger)}._variantInfo_kf03d_78 ._dot_kf03d_119{background-color:var(--qk-theme-info)}._dotPulse_kf03d_156{animation:2s ease-in-out infinite _badgePulse_kf03d_1}@keyframes _badgePulse_kf03d_1{0%,to{opacity:1}50%{opacity:.4}}._alert_19uly_1{align-items:flex-start;gap:var(--qk-space-3);padding:var(--qk-space-4) var(--qk-space-5);border-radius:var(--qk-radius-md);font-family:var(--qk-font-sans);font-size:var(--qk-text-sm);line-height:var(--qk-leading-normal);transition:all var(--qk-transition-normal);border:1px solid #0000;display:flex;position:relative}._icon_19uly_15{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}._icon_19uly_15 svg{width:18px;height:18px;display:block}._content_19uly_31{flex:1}._title_19uly_35{font-weight:var(--qk-font-semibold);color:var(--qk-text-1);margin:0 0 var(--qk-space-1) 0;font-size:var(--qk-text-sm)}._description_19uly_42{color:var(--qk-text-2)}._alert_19uly_1:has(._description_19uly_42) ._title_19uly_35{margin-bottom:var(--qk-space-1)}._alert_19uly_1:not(:has(._description_19uly_42)) ._title_19uly_35{margin-bottom:0}._closeButton_19uly_54{color:var(--qk-text-muted);cursor:pointer;padding:var(--qk-space-1);font-size:var(--qk-text-xs);border-radius:var(--qk-radius-sm);transition:all var(--qk-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-top:1px;margin-right:-4px;line-height:1;display:flex}._closeButton_19uly_54:hover{color:var(--qk-text-1);background-color:#ffffff14}._variantInfo_19uly_79{color:var(--qk-theme-info);background-color:#0ea5e914;border-color:#0ea5e933}._variantInfo_19uly_79 ._closeButton_19uly_54:hover{background-color:#0ea5e926}._variantSuccess_19uly_89{color:var(--qk-theme-success);background-color:#10b98114;border-color:#10b98133}._variantSuccess_19uly_89 ._closeButton_19uly_54:hover{background-color:#10b98126}._variantWarning_19uly_99{color:var(--qk-theme-warning);background-color:#f59e0b14;border-color:#f59e0b33}._variantWarning_19uly_99 ._closeButton_19uly_54:hover{background-color:#f59e0b26}._variantDanger_19uly_109{color:var(--qk-theme-danger);background-color:#f43f5e14;border-color:#f43f5e33}._variantDanger_19uly_109 ._closeButton_19uly_54:hover{background-color:#f43f5e26}._avatar_1uf1t_1{background:linear-gradient(135deg, var(--qk-color-primary-600) 0%, var(--qk-color-primary-400) 100%);color:#fff;font-family:var(--qk-font-sans);font-weight:var(--qk-font-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}._image_1uf1t_15{object-fit:cover;border-radius:inherit;width:100%;height:100%}._fallback_1uf1t_22{text-transform:uppercase;line-height:1}._shapeCircle_1uf1t_29{border-radius:var(--qk-radius-full)}._shapeSquare_1uf1t_33{border-radius:var(--qk-radius-md)}._sizeXs_1uf1t_39{width:24px;height:24px;font-size:10px}._sizeSm_1uf1t_45{width:32px;height:32px;font-size:var(--qk-text-xs)}._sizeMd_1uf1t_51{width:40px;height:40px;font-size:var(--qk-text-sm)}._sizeLg_1uf1t_57{width:48px;height:48px;font-size:var(--qk-text-base)}._sizeXl_1uf1t_63{width:64px;height:64px;font-size:var(--qk-text-xl)}._statusDot_1uf1t_71{border-radius:var(--qk-radius-full);border:2px solid var(--qk-bg-surface-1);background-color:var(--qk-text-muted);display:block;position:absolute;bottom:0;right:0}._sizeXs_1uf1t_39 ._statusDot_1uf1t_71{border-width:1px;width:7px;height:7px}._sizeSm_1uf1t_45 ._statusDot_1uf1t_71{width:9px;height:9px}._sizeMd_1uf1t_51 ._statusDot_1uf1t_71{width:11px;height:11px}._sizeLg_1uf1t_57 ._statusDot_1uf1t_71{width:13px;height:13px}._sizeXl_1uf1t_63 ._statusDot_1uf1t_71{width:16px;height:16px}._statusOnline_1uf1t_109{background-color:var(--qk-color-success-500);box-shadow:0 0 6px #10b98166}._statusOffline_1uf1t_114{background-color:var(--qk-color-neutral-500)}._statusAway_1uf1t_118{background-color:var(--qk-color-warning-500);box-shadow:0 0 6px #f59e0b66}._statusBusy_1uf1t_123{background-color:var(--qk-color-danger-500);box-shadow:0 0 6px #f43f5e66}._spinner_txj2l_1{border-style:solid;border-color:#8b5cf626;border-top-color:var(--qk-color-primary-500);border-radius:50%;animation:.8s linear infinite _qk-spin_txj2l_1;display:inline-block}._sizeSm_txj2l_12{border-width:2px;width:16px;height:16px}._sizeMd_txj2l_18{border-width:2.5px;width:24px;height:24px}._sizeLg_txj2l_24{border-width:3.5px;width:36px;height:36px}._srOnly_txj2l_31{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
2
+ /*$vite$:1*/
package/dist/index.d.ts CHANGED
@@ -1,98 +1,17 @@
1
- import React from 'react';
2
-
3
- interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
- /** Visual style variant */
5
- variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
6
- /** Size preset */
7
- size?: 'sm' | 'md' | 'lg';
8
- /** Show loading spinner and disable interaction */
9
- isLoading?: boolean;
10
- /** Icon element placed before the label */
11
- leftIcon?: React.ReactNode;
12
- /** Icon element placed after the label */
13
- rightIcon?: React.ReactNode;
14
- /** Stretch to fill container width */
15
- fullWidth?: boolean;
16
- }
17
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
18
-
19
- interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
20
- /** Visual style variant */
21
- variant?: 'default' | 'outlined' | 'elevated' | 'glass';
22
- /** Inner padding preset */
23
- padding?: 'none' | 'sm' | 'md' | 'lg';
24
- /** Enable hover lift animation */
25
- hoverable?: boolean;
26
- }
27
- declare const Card: React.FC<CardProps>;
28
-
29
- interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
30
- /** Label displayed above the input */
31
- label?: string;
32
- /** Error message — sets the input into an error state */
33
- error?: string;
34
- /** Helper text displayed below the input */
35
- helperText?: string;
36
- /** Icon element placed inside the left edge */
37
- leftIcon?: React.ReactNode;
38
- /** Icon element placed inside the right edge */
39
- rightIcon?: React.ReactNode;
40
- /** Size preset */
41
- size?: 'sm' | 'md' | 'lg';
42
- /** Visual variant */
43
- variant?: 'default' | 'filled';
44
- }
45
- declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
46
-
47
- interface ToggleProps {
48
- /** Controlled checked state */
49
- checked?: boolean;
50
- /** Change handler */
51
- onChange?: (checked: boolean) => void;
52
- /** Size preset */
53
- size?: 'sm' | 'md' | 'lg';
54
- /** Label displayed to the right of the switch */
55
- label?: string;
56
- /** Disable interaction */
57
- disabled?: boolean;
58
- /** Additional class name for the wrapper */
59
- className?: string;
60
- }
61
- declare const Toggle: React.FC<ToggleProps>;
62
-
63
- interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
64
- /** Color variant */
65
- variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
66
- /** Size preset */
67
- size?: 'sm' | 'md' | 'lg';
68
- /** Show a coloured dot indicator */
69
- dot?: boolean;
70
- /** Use outline style instead of filled */
71
- outline?: boolean;
72
- }
73
- declare const Badge: React.FC<BadgeProps>;
74
-
75
- interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
76
- variant?: 'info' | 'success' | 'warning' | 'danger';
77
- title?: string;
78
- onClose?: () => void;
79
- }
80
- declare const Alert: React.FC<AlertProps>;
81
-
82
- interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
83
- src?: string;
84
- alt?: string;
85
- fallback?: string;
86
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
87
- shape?: 'circle' | 'square';
88
- status?: 'online' | 'offline' | 'away' | 'busy';
89
- }
90
- declare const Avatar: React.FC<AvatarProps>;
91
-
92
- interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
93
- size?: 'sm' | 'md' | 'lg';
94
- color?: string;
95
- }
96
- declare const Spinner: React.FC<SpinnerProps>;
97
-
98
- export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Input, type InputProps, Spinner, type SpinnerProps, Toggle, type ToggleProps };
1
+ export { Button } from './components/Button';
2
+ export type { ButtonProps } from './components/Button';
3
+ export { Card } from './components/Card';
4
+ export type { CardProps } from './components/Card';
5
+ export { Input } from './components/Input';
6
+ export type { InputProps } from './components/Input';
7
+ export { Toggle } from './components/Toggle';
8
+ export type { ToggleProps } from './components/Toggle';
9
+ export { Badge } from './components/Badge';
10
+ export type { BadgeProps } from './components/Badge';
11
+ export { Alert } from './components/Alert';
12
+ export type { AlertProps } from './components/Alert';
13
+ export { Avatar } from './components/Avatar';
14
+ export type { AvatarProps } from './components/Avatar';
15
+ export { Spinner } from './components/Spinner';
16
+ export type { SpinnerProps } from './components/Spinner';
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}