@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/label.js

@@ -1,16 +1,15 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
-import { Root } from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+import label_module from "./label.module.js";
+const Label = /*#__PURE__*/ forwardRef(({ children, className, htmlFor, ...props }, ref)=>/*#__PURE__*/ jsx("label", {
         ref: ref,
-        className: cn(labelVariants(), className),
-        ...props
+        className: cn(label_module.label, className),
+        htmlFor: htmlFor,
+        ...props,
+        children: children
     }));
-Label.displayName = Root.displayName;
+Label.displayName = "Label";
 export { Label };
 
 //# sourceMappingURL=label.js.map

package/dist/components/ui/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/label.js","sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst labelVariants = cva(\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\");\r\n\r\nconst Label = React.forwardRef<\r\n  React.ComponentRef<typeof LabelPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\r\n>(({className, ...props}, ref) => (\r\n  <LabelPrimitive.Root\r\n    ref={ref}\r\n    className={cn(labelVariants(), className)}\r\n    {...props}\r\n  />\r\n));\r\nLabel.displayName = LabelPrimitive.Root.displayName;\r\n\r\nexport {Label};\r\n"],"names":["labelVariants","cva","Label","React","className","props","ref","LabelPrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,gBAAgBC,IAAI;AAE1B,MAAMC,QAAQ,WAARA,GAAQC,WAGZ,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAmB;QAClB,KAAKD;QACL,WAAWE,GAAGR,iBAAiBI;QAC9B,GAAGC,KAAK;;AAGbH,MAAM,WAAW,GAAGK,KAAAA,WAA+B"}
+{"version":3,"file":"components/ui/label.js","sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./label.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the Label component.\r\n *\r\n * @remarks\r\n * Extends native `<label>` attributes so the component can participate in accessible\r\n * form relationships while exposing a documented class override.\r\n */\r\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\r\n  /**\r\n   * Additional CSS classes merged with the default label typography.\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * An accessible text label for form controls and field groups.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client Component.\r\n *\r\n * Renders a styled `<label>` element that pairs naturally with form inputs through\r\n * `htmlFor`. Use it to provide clear, clickable context for interactive controls.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Label htmlFor=\"email\">Email address</Label>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/label Base UI Label docs}\r\n */\r\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(({children, className, htmlFor, ...props}, ref) => (\r\n  <label\r\n    ref={ref}\r\n    className={cn(styles.label, className)}\r\n    htmlFor={htmlFor}\r\n    {...props}>\r\n    {children}\r\n  </label>\r\n));\r\nLabel.displayName = \"Label\";\r\n\r\nexport {Label};\r\n"],"names":["Label","React","children","className","htmlFor","props","ref","cn","styles"],"mappings":";;;;AAmCA,MAAMA,QAAQ,WAAHA,GAAGC,WAA+C,CAAC,EAACC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,aAAAA,KAAY,EAAEL;QAC5B,SAASC;QACR,GAAGC,KAAK;kBACRH;;AAGLF,MAAM,WAAW,GAAG"}

package/dist/components/ui/label.module.js

@@ -0,0 +1,7 @@
+import "./label_module.css";
+const label_module = {
+    label: "label-sOXmNO"
+};
+export default label_module;
+
+//# sourceMappingURL=label.module.js.map

package/dist/components/ui/label.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/label.module.js","sources":["../../../src/components/ui/label.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./label_module.css\"\nexport default {\"label\":\"label-sOXmNO\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,OAAQ;AAAc"}

package/dist/components/ui/label_module.css

@@ -0,0 +1,17 @@
+.label-sOXmNO {
+  color: var(--ac-foreground);
+  cursor: default;
+  font-size: var(--ac-text-sm);
+  -webkit-user-select: none;
+  user-select: none;
+  font-weight: 500;
+  line-height: 1;
+}
+
+.label-sOXmNO[data-disabled] {
+  cursor: not-allowed;
+  opacity: .7;
+}
+
+
+/*# sourceMappingURL=label_module.css.map */

package/dist/components/ui/label_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/label.module.css","webpack://./src/components/ui/label.module.css"],"names":[],"mappings":"AADA;ECEE,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,gBAAgB;EAChB,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,WAAW;AACb","sourcesContent":[".label{color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;line-height:1;user-select:none}.label[data-disabled]{cursor:not-allowed;opacity:.7}",".label {\n  color: var(--ac-foreground);\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  font-weight: 500;\n  line-height: 1;\n}\n\n.label[data-disabled] {\n  cursor: not-allowed;\n  opacity: .7;\n}\n"],"sourceRoot":""}

package/dist/components/ui/list-skeleton.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import list_skeleton_module from "./list-skeleton.module.js";
+import { Skeleton } from "./skeleton.js";
+const ListSkeleton = /*#__PURE__*/ forwardRef(({ items = 5, showAvatar = true, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn(list_skeleton_module.list, className),
+        ...props,
+        children: Array.from({
+            length: items
+        }, (_, index)=>/*#__PURE__*/ jsxs("div", {
+                className: list_skeleton_module.item,
+                children: [
+                    showAvatar ? /*#__PURE__*/ jsx(Skeleton, {
+                        className: list_skeleton_module.avatar
+                    }) : null,
+                    /*#__PURE__*/ jsxs("div", {
+                        className: list_skeleton_module.text,
+                        children: [
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: list_skeleton_module.primary
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                className: list_skeleton_module.secondary
+                            })
+                        ]
+                    })
+                ]
+            }, index))
+    }));
+ListSkeleton.displayName = "ListSkeleton";
+export { ListSkeleton };
+
+//# sourceMappingURL=list-skeleton.js.map

package/dist/components/ui/list-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/list-skeleton.js","sources":["../../../src/components/ui/list-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./list-skeleton.module.css\";\r\nimport {Skeleton} from \"./skeleton\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link ListSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so list-shaped placeholders can be embedded in\r\n * semantic containers and customized with layout or accessibility attributes.\r\n */\r\ninterface ListSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of list item placeholders to render.\r\n   *\r\n   * @default 5\r\n   */\r\n  items?: number;\r\n  /**\r\n   * Whether each item should render a leading circular avatar placeholder.\r\n   *\r\n   * @default true\r\n   */\r\n  showAvatar?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a stacked list of items.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Each item includes optional avatar media plus two text lines, making it suitable for\r\n * activity feeds, contact lists, or navigation menus that load incrementally.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ListSkeleton items={8} showAvatar={false} aria-label=\"Loading notifications\" />\r\n * ```\r\n *\r\n * @see {@link ListSkeletonProps} for available props\r\n */\r\nconst ListSkeleton = React.forwardRef<HTMLDivElement, ListSkeletonProps>(\r\n  ({items = 5, showAvatar = true, className, ...props}: Readonly<ListSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.list, className)}\r\n      {...props}>\r\n      {Array.from({length: items}, (_, index) => (\r\n        <div\r\n          key={index}\r\n          className={styles.item}>\r\n          {showAvatar ? <Skeleton className={styles.avatar} /> : null}\r\n          <div className={styles.text}>\r\n            <Skeleton className={styles.primary} />\r\n            <Skeleton className={styles.secondary} />\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  ),\r\n);\r\n\r\nListSkeleton.displayName = \"ListSkeleton\";\r\n\r\nexport {ListSkeleton};\r\nexport type {ListSkeletonProps};\r\n"],"names":["ListSkeleton","React","items","showAvatar","className","props","ref","cn","styles","Array","_","index","Skeleton"],"mappings":";;;;;AA6CA,MAAMA,eAAe,WAAHA,GAAGC,WACnB,CAAC,EAACC,QAAQ,CAAC,EAAEC,aAAa,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACjF,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,qBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;kBACRI,MAAM,IAAI,CAAC;YAAC,QAAQP;QAAK,GAAG,CAACQ,GAAGC,QAAAA,WAAAA,GAC/B,KAAC;gBAEC,WAAWH,qBAAAA,IAAW;;oBACrBL,aAAa,WAAbA,GAAa,IAACS,UAAQA;wBAAC,WAAWJ,qBAAAA,MAAa;yBAAO;kCACvD,KAAC;wBAAI,WAAWA,qBAAAA,IAAW;;0CACzB,IAACI,UAAQA;gCAAC,WAAWJ,qBAAAA,OAAc;;0CACnC,IAACI,UAAQA;gCAAC,WAAWJ,qBAAAA,SAAgB;;;;;eALlCG;;AAafX,aAAa,WAAW,GAAG"}

package/dist/components/ui/list-skeleton.module.js

@@ -0,0 +1,12 @@
+import "./list-skeleton_module.css";
+const list_skeleton_module = {
+    list: "list-SbRcHI",
+    item: "item-_qvyzn",
+    avatar: "avatar-qzVJkX",
+    text: "text-STIwGx",
+    primary: "primary-HPSdpG",
+    secondary: "secondary-tamTw3"
+};
+export default list_skeleton_module;
+
+//# sourceMappingURL=list-skeleton.module.js.map

package/dist/components/ui/list-skeleton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/list-skeleton.module.js","sources":["../../../src/components/ui/list-skeleton.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./list-skeleton_module.css\"\nexport default {\"list\":\"list-SbRcHI\",\"item\":\"item-_qvyzn\",\"avatar\":\"avatar-qzVJkX\",\"text\":\"text-STIwGx\",\"primary\":\"primary-HPSdpG\",\"secondary\":\"secondary-tamTw3\"};"],"names":[],"mappings":";AAEA,6BAAe;IAAC,MAAO;IAAc,MAAO;IAAc,QAAS;IAAgB,MAAO;IAAc,SAAU;IAAiB,WAAY;AAAkB"}

package/dist/components/ui/list-skeleton_module.css

@@ -0,0 +1,39 @@
+.list-SbRcHI {
+  flex-direction: column;
+}
+
+.item-_qvyzn, .list-SbRcHI {
+  gap: var(--ac-space-3);
+  display: flex;
+}
+
+.item-_qvyzn {
+  align-items: center;
+}
+
+.avatar-qzVJkX {
+  border-radius: 50%;
+  flex-shrink: 0;
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+.text-STIwGx {
+  gap: var(--ac-space-1);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.primary-HPSdpG {
+  width: 60%;
+  height: .875rem;
+}
+
+.secondary-tamTw3 {
+  width: 40%;
+  height: .75rem;
+}
+
+
+/*# sourceMappingURL=list-skeleton_module.css.map */

package/dist/components/ui/list-skeleton_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/list-skeleton.module.css","webpack://./src/components/ui/list-skeleton.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,sBAAsB;EACtB,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;AAEA;EACE,UAAU;EACV,eAAe;AACjB;;AAEA;EACE,UAAU;EACV,cAAc;AAChB","sourcesContent":[".list{flex-direction:column}.item,.list{display:flex;gap:var(--ac-space-3)}.item{align-items:center}.avatar{border-radius:50%;flex-shrink:0;height:2.5rem;width:2.5rem}.text{display:flex;flex:1;flex-direction:column;gap:var(--ac-space-1)}.primary{height:.875rem;width:60%}.secondary{height:.75rem;width:40%}",".list {\n  flex-direction: column;\n}\n\n.item, .list {\n  gap: var(--ac-space-3);\n  display: flex;\n}\n\n.item {\n  align-items: center;\n}\n\n.avatar {\n  border-radius: 50%;\n  flex-shrink: 0;\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.text {\n  gap: var(--ac-space-1);\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.primary {\n  width: 60%;\n  height: .875rem;\n}\n\n.secondary {\n  width: 40%;\n  height: .75rem;\n}\n"],"sourceRoot":""}

package/dist/components/ui/loading-overlay.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import loading_overlay_module from "./loading-overlay.module.js";
+import { Spinner } from "./spinner.js";
+const LoadingOverlay = /*#__PURE__*/ forwardRef(({ visible = true, blur = false, className, children, ...props }, ref)=>{
+    if (!visible) return null;
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn(loading_overlay_module.overlay, blur && loading_overlay_module.blur, className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Spinner, {
+            className: loading_overlay_module.spinner
+        })
+    });
+});
+LoadingOverlay.displayName = "LoadingOverlay";
+export { LoadingOverlay };
+
+//# sourceMappingURL=loading-overlay.js.map

package/dist/components/ui/loading-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/loading-overlay.js","sources":["../../../src/components/ui/loading-overlay.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./loading-overlay.module.css\";\r\nimport {Spinner} from \"./spinner\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link LoadingOverlay} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so overlays can be positioned inside relatively\r\n * positioned containers, annotated for accessibility, and visually customized.\r\n */\r\ninterface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Whether the overlay should be rendered.\r\n   *\r\n   * @default true\r\n   */\r\n  visible?: boolean;\r\n  /**\r\n   * Whether a backdrop blur effect should be applied behind the overlay.\r\n   *\r\n   * @default false\r\n   */\r\n  blur?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a centered loading overlay for pending asynchronous operations.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client component.\r\n *\r\n * Place this component inside a relatively positioned container to block interactions\r\n * while preserving the layout underneath. By default, it renders the shared spinner, but\r\n * custom children can replace that indicator when richer progress UI is needed.\r\n *\r\n * @example\r\n * ```tsx\r\n * <div className=\"relative\">\r\n *   <LoadingOverlay visible blur />\r\n *   <Content />\r\n * </div>\r\n * ```\r\n *\r\n * @see {@link LoadingOverlayProps} for available props\r\n */\r\nconst LoadingOverlay = React.forwardRef<HTMLDivElement, LoadingOverlayProps>(\r\n  ({visible = true, blur = false, className, children, ...props}: Readonly<LoadingOverlayProps>, ref): React.JSX.Element | null => {\r\n    if (!visible) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.overlay, blur && styles.blur, className)}\r\n        {...props}>\r\n        {children ?? <Spinner className={styles.spinner} />}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nLoadingOverlay.displayName = \"LoadingOverlay\";\r\n\r\nexport {LoadingOverlay};\r\nexport type {LoadingOverlayProps};\r\n"],"names":["LoadingOverlay","React","visible","blur","className","children","props","ref","cn","styles","Spinner"],"mappings":";;;;;;AAmDA,MAAMA,iBAAiB,WAAHA,GAAGC,WACrB,CAAC,EAACC,UAAU,IAAI,EAAEC,OAAO,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAqC,EAAEC;IAC7F,IAAI,CAACL,SACH,OAAO;IAGT,OAAO,WAAP,GACE,IAAC;QACC,KAAKK;QACL,WAAWC,GAAGC,uBAAAA,OAAc,EAAEN,QAAQM,uBAAAA,IAAW,EAAEL;QAClD,GAAGE,KAAK;kBACRD,YAAY,WAAZA,GAAY,IAACK,SAAOA;YAAC,WAAWD,uBAAAA,OAAc;;;AAGrD;AAGFT,eAAe,WAAW,GAAG"}

package/dist/components/ui/loading-overlay.module.js

@@ -0,0 +1,9 @@
+import "./loading-overlay_module.css";
+const loading_overlay_module = {
+    overlay: "overlay-kF4wNA",
+    blur: "blur-LuLfmA",
+    spinner: "spinner-KTfJu3"
+};
+export default loading_overlay_module;
+
+//# sourceMappingURL=loading-overlay.module.js.map

package/dist/components/ui/loading-overlay.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/loading-overlay.module.js","sources":["../../../src/components/ui/loading-overlay.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./loading-overlay_module.css\"\nexport default {\"overlay\":\"overlay-kF4wNA\",\"blur\":\"blur-LuLfmA\",\"spinner\":\"spinner-KTfJu3\"};"],"names":[],"mappings":";AAEA,+BAAe;IAAC,SAAU;IAAiB,MAAO;IAAc,SAAU;AAAgB"}

package/dist/components/ui/loading-overlay_module.css

@@ -0,0 +1,22 @@
+.overlay-kF4wNA {
+  background-color: rgb(from var(--ac-background) r g b/.7);
+  border-radius: inherit;
+  z-index: 10;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+.blur-LuLfmA {
+  backdrop-filter: blur(4px);
+}
+
+.spinner-KTfJu3 {
+  width: 2rem;
+  height: 2rem;
+}
+
+
+/*# sourceMappingURL=loading-overlay_module.css.map */

package/dist/components/ui/loading-overlay_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/loading-overlay.module.css","webpack://./src/components/ui/loading-overlay.module.css"],"names":[],"mappings":"AADA;ECEE,yDAAyD;EACzD,sBAAsB;EACtB,WAAW;EACX,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;EACX,YAAY;AACd","sourcesContent":[".overlay{align-items:center;background-color:rgb(from var(--ac-background) r g b/.7);border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.blur{backdrop-filter:blur(4px)}.spinner{height:2rem;width:2rem}",".overlay {\n  background-color: rgb(from var(--ac-background) r g b/.7);\n  border-radius: inherit;\n  z-index: 10;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.blur {\n  backdrop-filter: blur(4px);\n}\n\n.spinner {\n  width: 2rem;\n  height: 2rem;\n}\n"],"sourceRoot":""}