@raystack/apsara 0.50.0 → 0.50.1

package/dist/components/table/table.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
 var table_module = require('./table.module.css.cjs');
 
-const table = index.cva(table_module.default["table"]);
+const table = index.cva(table_module.default['table']);
 const TableRoot = React.forwardRef(({ className, ...props }, ref) => {
     return jsxRuntime.jsx("table", { ref: ref, ...props, className: table({ className }) });
 });
-const header = index.cva(table_module.default["header"]);
+const header = index.cva(table_module.default['header']);
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => {
     return jsxRuntime.jsx("thead", { ref: ref, ...props, className: header({ className }) });
 });
@@ -19,15 +19,15 @@ const TableBody = React.forwardRef(({ ...props }, ref) => {
 const TableRow = React.forwardRef(({ ...props }, ref) => {
     return jsxRuntime.jsx("tr", { ref: ref, ...props });
 });
-const head = index.cva(table_module.default["head"]);
+const head = index.cva(table_module.default['head']);
 const TableHead = React.forwardRef(({ className, ...props }, ref) => {
     return jsxRuntime.jsx("th", { ref: ref, ...props, className: head({ className }) });
 });
-const cell = index.cva(table_module.default["cell"]);
+const cell = index.cva(table_module.default['cell']);
 const TableCell = React.forwardRef(({ className, ...props }, ref) => {
     return jsxRuntime.jsx("td", { ref: ref, ...props, className: cell({ className }) });
 });
-const sectionHeader = index.cva(table_module.default["sectionHeader"]);
+const sectionHeader = index.cva(table_module.default['sectionHeader']);
 const SectionHeader = React.forwardRef(({ classNames, colSpan, children }, ref) => {
     return (jsxRuntime.jsx("tr", { ref: ref, className: sectionHeader({ className: classNames?.row }), children: jsxRuntime.jsx("th", { colSpan: colSpan, className: classNames?.cell, children: children }) }));
 });
@@ -37,7 +37,7 @@ const Table = Object.assign(TableRoot, {
     Row: TableRow,
     Head: TableHead,
     Cell: TableCell,
-    SectionHeader: SectionHeader,
+    SectionHeader: SectionHeader
 });
 
 exports.Table = Table;

package/dist/components/table/table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.cjs","sources":["../../../components/table/table.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles[\"table\"]);\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.TableHTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n  return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles[\"header\"]);\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n  return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles[\"head\"]);\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => {\n  return <th ref={ref} {...props} className={head({ className })} />;\n});\n\nconst cell = cva(styles[\"cell\"]);\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof cell>>\n>(({ className, ...props }, ref) => {\n  return <td ref={ref} {...props} className={cell({ className })} />;\n});\n\nconst sectionHeader = cva(styles[\"sectionHeader\"]);\ntype SectionHeaderClassNames = \"row\" | \"cell\";\nconst SectionHeader = React.forwardRef<\n  HTMLTableRowElement,\n  React.PropsWithChildren & {\n    colSpan: number;\n    classNames?: Partial<Record<SectionHeaderClassNames, string>>;\n  }\n>(({ classNames, colSpan, children }, ref) => {\n  return (\n    <tr ref={ref} className={sectionHeader({ className: classNames?.row })}>\n      <th colSpan={colSpan} className={classNames?.cell}>\n        {children}\n      </th>\n    </tr>\n  );\n});\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SectionHeader: SectionHeader,\n});\n"],"names":["cva","styles","_jsx"],"mappings":"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"}
+{"version":3,"file":"table.cjs","sources":["../../../components/table/table.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport React from 'react';\nimport styles from './table.module.css';\n\nconst table = cva(styles['table']);\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.TableHTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n  return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles['header']);\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n  return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles['head']);\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => {\n  return <th ref={ref} {...props} className={head({ className })} />;\n});\n\nconst cell = cva(styles['cell']);\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof cell>>\n>(({ className, ...props }, ref) => {\n  return <td ref={ref} {...props} className={cell({ className })} />;\n});\n\nconst sectionHeader = cva(styles['sectionHeader']);\ntype SectionHeaderClassNames = 'row' | 'cell';\nconst SectionHeader = React.forwardRef<\n  HTMLTableRowElement,\n  React.PropsWithChildren & {\n    colSpan: number;\n    classNames?: Partial<Record<SectionHeaderClassNames, string>>;\n  }\n>(({ classNames, colSpan, children }, ref) => {\n  return (\n    <tr ref={ref} className={sectionHeader({ className: classNames?.row })}>\n      <th colSpan={colSpan} className={classNames?.cell}>\n        {children}\n      </th>\n    </tr>\n  );\n});\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SectionHeader: SectionHeader\n});\n"],"names":["cva","styles","_jsx"],"mappings":"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"}

package/dist/components/table/table.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { type VariantProps } from "class-variance-authority";
-type SectionHeaderClassNames = "row" | "cell";
+import { type VariantProps } from 'class-variance-authority';
+import React from 'react';
+type SectionHeaderClassNames = 'row' | 'cell';
 export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLTableElement>> & {

package/dist/components/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAsDlE,KAAK,uBAAuB,GAAG,KAAK,GAAG,MAAM,CAAC;AAiB9C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;iBAbL,MAAM;;;CAoBjB,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAsD1B,KAAK,uBAAuB,GAAG,KAAK,GAAG,MAAM,CAAC;AAiB9C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;iBAbL,MAAM;;;CAoBjB,CAAC"}

package/dist/components/table/table.js

@@ -1,13 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import React__default from 'react';
 import styles from './table.module.css.js';
 
-const table = cva(styles["table"]);
+const table = cva(styles['table']);
 const TableRoot = React__default.forwardRef(({ className, ...props }, ref) => {
     return jsx("table", { ref: ref, ...props, className: table({ className }) });
 });
-const header = cva(styles["header"]);
+const header = cva(styles['header']);
 const TableHeader = React__default.forwardRef(({ className, ...props }, ref) => {
     return jsx("thead", { ref: ref, ...props, className: header({ className }) });
 });
@@ -17,15 +17,15 @@ const TableBody = React__default.forwardRef(({ ...props }, ref) => {
 const TableRow = React__default.forwardRef(({ ...props }, ref) => {
     return jsx("tr", { ref: ref, ...props });
 });
-const head = cva(styles["head"]);
+const head = cva(styles['head']);
 const TableHead = React__default.forwardRef(({ className, ...props }, ref) => {
     return jsx("th", { ref: ref, ...props, className: head({ className }) });
 });
-const cell = cva(styles["cell"]);
+const cell = cva(styles['cell']);
 const TableCell = React__default.forwardRef(({ className, ...props }, ref) => {
     return jsx("td", { ref: ref, ...props, className: cell({ className }) });
 });
-const sectionHeader = cva(styles["sectionHeader"]);
+const sectionHeader = cva(styles['sectionHeader']);
 const SectionHeader = React__default.forwardRef(({ classNames, colSpan, children }, ref) => {
     return (jsx("tr", { ref: ref, className: sectionHeader({ className: classNames?.row }), children: jsx("th", { colSpan: colSpan, className: classNames?.cell, children: children }) }));
 });
@@ -35,7 +35,7 @@ const Table = Object.assign(TableRoot, {
     Row: TableRow,
     Head: TableHead,
     Cell: TableCell,
-    SectionHeader: SectionHeader,
+    SectionHeader: SectionHeader
 });
 
 export { Table };

package/dist/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../components/table/table.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles[\"table\"]);\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.TableHTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n  return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles[\"header\"]);\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n  return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles[\"head\"]);\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => {\n  return <th ref={ref} {...props} className={head({ className })} />;\n});\n\nconst cell = cva(styles[\"cell\"]);\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof cell>>\n>(({ className, ...props }, ref) => {\n  return <td ref={ref} {...props} className={cell({ className })} />;\n});\n\nconst sectionHeader = cva(styles[\"sectionHeader\"]);\ntype SectionHeaderClassNames = \"row\" | \"cell\";\nconst SectionHeader = React.forwardRef<\n  HTMLTableRowElement,\n  React.PropsWithChildren & {\n    colSpan: number;\n    classNames?: Partial<Record<SectionHeaderClassNames, string>>;\n  }\n>(({ classNames, colSpan, children }, ref) => {\n  return (\n    <tr ref={ref} className={sectionHeader({ className: classNames?.row })}>\n      <th colSpan={colSpan} className={classNames?.cell}>\n        {children}\n      </th>\n    </tr>\n  );\n});\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SectionHeader: SectionHeader,\n});\n"],"names":["React","_jsx"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../../components/table/table.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport React from 'react';\nimport styles from './table.module.css';\n\nconst table = cva(styles['table']);\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.TableHTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => {\n  return <table ref={ref} {...props} className={table({ className })} />;\n});\n\nconst header = cva(styles['header']);\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => {\n  return <thead ref={ref} {...props} className={header({ className })} />;\n});\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tbody ref={ref} {...props} />;\n});\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> & React.PropsWithChildren\n>(({ ...props }, ref) => {\n  return <tr ref={ref} {...props} />;\n});\n\nconst head = cva(styles['head']);\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => {\n  return <th ref={ref} {...props} className={head({ className })} />;\n});\n\nconst cell = cva(styles['cell']);\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof cell>>\n>(({ className, ...props }, ref) => {\n  return <td ref={ref} {...props} className={cell({ className })} />;\n});\n\nconst sectionHeader = cva(styles['sectionHeader']);\ntype SectionHeaderClassNames = 'row' | 'cell';\nconst SectionHeader = React.forwardRef<\n  HTMLTableRowElement,\n  React.PropsWithChildren & {\n    colSpan: number;\n    classNames?: Partial<Record<SectionHeaderClassNames, string>>;\n  }\n>(({ classNames, colSpan, children }, ref) => {\n  return (\n    <tr ref={ref} className={sectionHeader({ className: classNames?.row })}>\n      <th colSpan={colSpan} className={classNames?.cell}>\n        {children}\n      </th>\n    </tr>\n  );\n});\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SectionHeader: SectionHeader\n});\n"],"names":["React","_jsx"],"mappings":"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"}

package/dist/components/text-area/text-area.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/text-area/text-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.cjs","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport * as React from 'react';\nimport { HTMLAttributes, PropsWithChildren } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport styles from './text-area.module.css';\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps\n  extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      className,\n      style,\n      label,\n      required,\n      infoTooltip,\n      helperText,\n      error,\n      disabled,\n      width = '100%',\n      value,\n      onChange,\n      placeholder,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles.labelDisabled)}\n            >\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span\n            className={cx(\n              styles.helperText,\n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":["cva","styles","React","_jsxs","cx","_jsx","Tooltip","InfoCircledIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,QAAQ,GAAGA,SAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;YACL,IAAI,EAAEA,uBAAM,CAAC,KAAK;AACnB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAeH,MAAM,QAAQ,GAAGC,gBAAK,CAAC,UAAU,CAC/B,CACE,EACE,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEF,uBAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAC/C,QAAA,EAAA,CAAA,KAAK,KACJE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,uBAAM,CAAC,cAAc,EACnC,QAAA,EAAA,CAAAE,eAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAEC,QAAE,CAACH,uBAAM,CAAC,KAAK,EAAE,QAAQ,IAAIA,uBAAM,CAAC,aAAa,CAAC,EAE5D,QAAA,EAAA,CAAA,KAAK,EACL,CAAC,QAAQ,IAAII,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,2BAAmB,CAC3D,EAAA,CAAA,EACP,WAAW,KACVI,eAACC,eAAO,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YACzCD,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,EAAA,QAAA,EAC9BI,eAACE,8BAAe,EAAA,EAAA,CAAG,GACd,EACC,CAAA,CACX,CACG,EAAA,CAAA,CACP,EACDF,cACE,CAAA,UAAA,EAAA,EAAA,SAAS,EAAED,QAAE,CACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EACnB,QAAQ,IAAIH,uBAAM,CAAC,QAAQ,EAC3B,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,GACpB,KAAK,EACT,CAAA,EACD,UAAU,KACTI,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAED,QAAE,CACXH,uBAAM,CAAC,UAAU,EACjB,KAAK,IAAIA,uBAAM,CAAC,eAAe,EAC/B,QAAQ,IAAIA,uBAAM,CAAC,kBAAkB,CACtC,EAEA,QAAA,EAAA,UAAU,GACN,CACR,CAAA,EAAA,CACG,EACN;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"text-area.cjs","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["'use client';\n\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport * as React from 'react';\nimport { HTMLAttributes, PropsWithChildren } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport styles from './text-area.module.css';\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps\n  extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      className,\n      style,\n      label,\n      required,\n      infoTooltip,\n      helperText,\n      error,\n      disabled,\n      width = '100%',\n      value,\n      onChange,\n      placeholder,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles.labelDisabled)}\n            >\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span\n            className={cx(\n              styles.helperText,\n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA;AACE;AACE;;AAEC;AACF;AACF;AAeD;AAmBI;AA8CF;AAGF;;"}

package/dist/components/text-area/text-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../components/text-area/text-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa1D,MAAM,WAAW,aACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,QAAA,MAAM,QAAQ,2FAkEb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../components/text-area/text-area.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa1D,MAAM,WAAW,aACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,QAAA,MAAM,QAAQ,2FAkEb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/text-area/text-area.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

package/dist/components/text-area/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport * as React from 'react';\nimport { HTMLAttributes, PropsWithChildren } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport styles from './text-area.module.css';\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps\n  extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      className,\n      style,\n      label,\n      required,\n      infoTooltip,\n      helperText,\n      error,\n      disabled,\n      width = '100%',\n      value,\n      onChange,\n      placeholder,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles.labelDisabled)}\n            >\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span\n            className={cx(\n              styles.helperText,\n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAQA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,KAAK;AACnB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAeH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAC/C,QAAA,EAAA,CAAA,KAAK,KACJA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EACnC,QAAA,EAAA,CAAAA,IAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,aAAa,CAAC,EAE5D,QAAA,EAAA,CAAA,KAAK,EACL,CAAC,QAAQ,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,2BAAmB,CAC3D,EAAA,CAAA,EACP,WAAW,KACVA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YACzCA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC9BA,IAAC,eAAe,EAAA,EAAA,CAAG,GACd,EACC,CAAA,CACX,CACG,EAAA,CAAA,CACP,EACDA,GACE,CAAA,UAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EACnB,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,GACpB,KAAK,EACT,CAAA,EACD,UAAU,KACTA,GACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,UAAU,EACjB,KAAK,IAAI,MAAM,CAAC,eAAe,EAC/B,QAAQ,IAAI,MAAM,CAAC,kBAAkB,CACtC,EAEA,QAAA,EAAA,UAAU,GACN,CACR,CAAA,EAAA,CACG,EACN;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"text-area.js","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["'use client';\n\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport * as React from 'react';\nimport { HTMLAttributes, PropsWithChildren } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport styles from './text-area.module.css';\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps\n  extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      className,\n      style,\n      label,\n      required,\n      infoTooltip,\n      helperText,\n      error,\n      disabled,\n      width = '100%',\n      value,\n      onChange,\n      placeholder,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles.labelDisabled)}\n            >\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span\n            className={cx(\n              styles.helperText,\n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":[],"mappings":";;;;;;;;AAUA;AACE;AACE;;AAEC;AACF;AACF;AAeD;AAmBI;AA8CF;AAGF;;"}

package/dist/components/theme-provider/switcher.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/theme-provider/switcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"switcher.cjs","sources":["../../../components/theme-provider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\n\nimport { Box } from \"../box\";\nimport { useTheme } from \"./theme\";\n\nenum Theme {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n  const { theme, setTheme } = useTheme();\n  const onClickHandler = () => {\n    setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n  };\n\n  return (\n    <Box {...props}>\n      {theme === Theme.DARK ? (\n        <SunIcon width={size} height={size} onClick={onClickHandler} />\n      ) : (\n        <MoonIcon width={size} height={size} onClick={onClickHandler} />\n      )}\n    </Box>\n  );\n}\n"],"names":["theme","useTheme","_jsx","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;AAKA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA,CAAA;AAGK,SAAU,aAAa,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC1D,MAAM,SAAEA,OAAK,EAAE,QAAQ,EAAE,GAAGC,cAAQ,EAAE,CAAC;IACvC,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QAAQ,CAACD,OAAK,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAC5D,KAAC,CAAC;IAEF,QACEE,cAAC,CAAAC,OAAG,EAAK,EAAA,GAAA,KAAK,YACXH,OAAK,KAAK,KAAK,CAAC,IAAI,IACnBE,cAAC,CAAAE,sBAAO,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,KAE/DF,cAAA,CAACG,uBAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,CACjE,EACG,CAAA,EACN;AACJ;;;;"}
+{"version":3,"file":"switcher.cjs","sources":["../../../components/theme-provider/switcher.tsx"],"sourcesContent":["'use client';\n\nimport { MoonIcon, SunIcon } from '@radix-ui/react-icons';\n\nimport { Box } from '../box';\nimport { useTheme } from './theme';\n\nenum Theme {\n  DARK = 'dark',\n  LIGHT = 'light'\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n  const { theme, setTheme } = useTheme();\n  const onClickHandler = () => {\n    setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n  };\n\n  return (\n    <Box {...props}>\n      {theme === Theme.DARK ? (\n        <SunIcon width={size} height={size} onClick={onClickHandler} />\n      ) : (\n        <MoonIcon width={size} height={size} onClick={onClickHandler} />\n      )}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAOA;AAAA;AACE;AACA;AACF;AAGM;;;AAGF;AACF;;AAWF;;"}

package/dist/components/theme-provider/switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switcher.d.ts","sourceRoot":"","sources":["../../../components/theme-provider/switcher.tsx"],"names":[],"mappings":"AAUA,KAAK,KAAK,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/B,wBAAgB,aAAa,CAAC,EAAE,IAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAe3D"}
+{"version":3,"file":"switcher.d.ts","sourceRoot":"","sources":["../../../components/theme-provider/switcher.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/B,wBAAgB,aAAa,CAAC,EAAE,IAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAe3D"}

package/dist/components/theme-provider/switcher.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { SunIcon, MoonIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { Box } from '../box/box.js';

package/dist/components/theme-provider/switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"switcher.js","sources":["../../../components/theme-provider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\n\nimport { Box } from \"../box\";\nimport { useTheme } from \"./theme\";\n\nenum Theme {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n  const { theme, setTheme } = useTheme();\n  const onClickHandler = () => {\n    setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n  };\n\n  return (\n    <Box {...props}>\n      {theme === Theme.DARK ? (\n        <SunIcon width={size} height={size} onClick={onClickHandler} />\n      ) : (\n        <MoonIcon width={size} height={size} onClick={onClickHandler} />\n      )}\n    </Box>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;AAKA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA,CAAA;AAGK,SAAU,aAAa,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IACvC,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAC5D,KAAC,CAAC;IAEF,QACEA,GAAC,CAAA,GAAG,EAAK,EAAA,GAAA,KAAK,YACX,KAAK,KAAK,KAAK,CAAC,IAAI,IACnBA,GAAC,CAAA,OAAO,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,KAE/DA,GAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,CACjE,EACG,CAAA,EACN;AACJ;;;;"}
+{"version":3,"file":"switcher.js","sources":["../../../components/theme-provider/switcher.tsx"],"sourcesContent":["'use client';\n\nimport { MoonIcon, SunIcon } from '@radix-ui/react-icons';\n\nimport { Box } from '../box';\nimport { useTheme } from './theme';\n\nenum Theme {\n  DARK = 'dark',\n  LIGHT = 'light'\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n  const { theme, setTheme } = useTheme();\n  const onClickHandler = () => {\n    setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n  };\n\n  return (\n    <Box {...props}>\n      {theme === Theme.DARK ? (\n        <SunIcon width={size} height={size} onClick={onClickHandler} />\n      ) : (\n        <MoonIcon width={size} height={size} onClick={onClickHandler} />\n      )}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAOA;AAAA;AACE;AACA;AACF;AAGM;;;AAGF;AACF;;AAWF;;"}

package/dist/components/theme-provider/theme.cjs

@@ -1,23 +1,24 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-const colorSchemes = ["light", "dark"];
-const MEDIA = "(prefers-color-scheme: dark)";
-const isServer = typeof window === "undefined";
+const colorSchemes = ['light', 'dark'];
+const MEDIA = '(prefers-color-scheme: dark)';
+const isServer = typeof window === 'undefined';
 const ThemeContext = React.createContext(undefined);
-const defaultContext = { setTheme: (_) => { }, themes: [] };
+const defaultContext = { setTheme: _ => { }, themes: [] };
 const useTheme = () => React.useContext(ThemeContext) ?? defaultContext;
-const ThemeProvider = (props) => {
+const ThemeProvider = props => {
     const context = React.useContext(ThemeContext);
     // Ignore nested context providers, just passthrough children
     if (context)
         return jsxRuntime.jsx(React.Fragment, { children: props.children });
     return jsxRuntime.jsx(Theme, { ...props });
 };
-const defaultThemes = ["light", "dark"];
-const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = "theme", themes = defaultThemes, defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce, style = "modern", accentColor = "indigo", grayColor = "gray", }) => {
+const defaultThemes = ['light', 'dark'];
+const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = 'theme', themes = defaultThemes, defaultTheme = enableSystem ? 'system' : 'light', attribute = 'data-theme', value, children, nonce, style = 'modern', accentColor = 'indigo', grayColor = 'gray' }) => {
     const [theme, setThemeState] = React.useState(() => getTheme(storageKey, defaultTheme));
     const [resolvedTheme, setResolvedTheme] = React.useState(() => getTheme(storageKey));
     const attrs = !value ? themes : Object.values(value);
@@ -26,13 +27,13 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
         if (!resolved)
             return;
         // If theme is system, resolve it before setting theme
-        if (theme === "system" && enableSystem) {
+        if (theme === 'system' && enableSystem) {
             resolved = getSystemTheme();
         }
         const name = value ? value[resolved] : resolved;
         const enable = disableTransitionOnChange ? disableAnimation() : null;
         const d = document.documentElement;
-        if (attribute === "class") {
+        if (attribute === 'class') {
             d.classList.remove(...attrs);
             if (name)
                 d.classList.add(name);
@@ -52,12 +53,24 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
             const fallback = colorSchemes.includes(defaultTheme)
                 ? defaultTheme
                 : null;
-            const colorScheme = colorSchemes.includes(resolved) ? resolved : fallback;
+            const colorScheme = colorSchemes.includes(resolved)
+                ? resolved
+                : fallback;
             // @ts-ignore
             d.style.colorScheme = colorScheme;
         }
         enable?.();
-    }, [style, accentColor, grayColor, attribute, attrs, value, enableSystem, enableColorScheme, defaultTheme]);
+    }, [
+        style,
+        accentColor,
+        grayColor,
+        attribute,
+        attrs,
+        value,
+        enableSystem,
+        enableColorScheme,
+        defaultTheme
+    ]);
     const setTheme = React.useCallback((theme) => {
         setThemeState(theme);
         // Save to storage
@@ -71,8 +84,8 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
     const handleMediaQuery = React.useCallback((e) => {
         const resolved = getSystemTheme(e);
         setResolvedTheme(resolved);
-        if (theme === "system" && enableSystem && !forcedTheme) {
-            applyTheme("system");
+        if (theme === 'system' && enableSystem && !forcedTheme) {
+            applyTheme('system');
         }
     }, [theme, forcedTheme]);
     // Always listen to System preference
@@ -92,8 +105,8 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
             const theme = e.newValue || defaultTheme;
             setTheme(theme);
         };
-        window.addEventListener("storage", handleStorage);
-        return () => window.removeEventListener("storage", handleStorage);
+        window.addEventListener('storage', handleStorage);
+        return () => window.removeEventListener('storage', handleStorage);
     }, [setTheme]);
     // Whenever theme or forcedTheme changes, apply it
     React.useEffect(() => {
@@ -104,13 +117,23 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
         theme,
         setTheme,
         forcedTheme,
-        resolvedTheme: theme === "system" ? resolvedTheme : theme,
-        themes: enableSystem ? [...themes, "system"] : themes,
+        resolvedTheme: theme === 'system' ? resolvedTheme : theme,
+        themes: enableSystem ? [...themes, 'system'] : themes,
         systemTheme: (enableSystem ? resolvedTheme : undefined),
         style,
         accentColor,
-        grayColor,
-    }), [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, style, accentColor, grayColor]);
+        grayColor
+    }), [
+        theme,
+        setTheme,
+        forcedTheme,
+        resolvedTheme,
+        enableSystem,
+        themes,
+        style,
+        accentColor,
+        grayColor
+    ]);
     return (jsxRuntime.jsxs(ThemeContext.Provider, { value: providerValue, children: [jsxRuntime.jsx(ThemeScript, { forcedTheme,
                 disableTransitionOnChange,
                 enableSystem,
@@ -127,14 +150,14 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
                 accentColor,
                 grayColor }), children] }));
 };
-const ThemeScript = React.memo(({ forcedTheme, storageKey, attribute, enableSystem, enableColorScheme, defaultTheme, value, attrs, nonce, style, accentColor, grayColor, }) => {
-    const defaultSystem = defaultTheme === "system";
+const ThemeScript = React.memo(({ forcedTheme, storageKey, attribute, enableSystem, enableColorScheme, defaultTheme, value, attrs, nonce, style, accentColor, grayColor }) => {
+    const defaultSystem = defaultTheme === 'system';
     // Code-golfing the amount of characters in the script
     const optimization = (() => {
-        if (attribute === "class") {
+        if (attribute === 'class') {
             const removeClasses = `c.remove(${attrs
                 .map((t) => `'${t}'`)
-                .join(",")})`;
+                .join(',')})`;
             return `var d=document.documentElement,c=d.classList;${removeClasses};`;
         }
         else {
@@ -143,7 +166,7 @@ const ThemeScript = React.memo(({ forcedTheme, storageKey, attribute, enableSyst
     })();
     const fallbackColorScheme = (() => {
         if (!enableColorScheme) {
-            return "";
+            return '';
         }
         const fallback = colorSchemes.includes(defaultTheme)
             ? defaultTheme
@@ -158,7 +181,7 @@ const ThemeScript = React.memo(({ forcedTheme, storageKey, attribute, enableSyst
     const updateDOM = (name, literal = false, setColorScheme = true) => {
         const resolvedName = value ? value[name] : name;
         const val = literal ? name + `|| ''` : `'${resolvedName}'`;
-        let text = "";
+        let text = '';
         // MUCH faster to set colorScheme alongside HTML attribute/class
         // as it only incurs 1 style recalculation rather than 2
         // This can save over 250ms of work for pages with big DOM
@@ -168,7 +191,7 @@ const ThemeScript = React.memo(({ forcedTheme, storageKey, attribute, enableSyst
             colorSchemes.includes(name)) {
             text += `d.style.colorScheme = '${name}';`;
         }
-        if (attribute === "class") {
+        if (attribute === 'class') {
             if (literal || resolvedName) {
                 text += `c.add(${val})`;
             }
@@ -188,11 +211,11 @@ const ThemeScript = React.memo(({ forcedTheme, storageKey, attribute, enableSyst
             return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;
         }
         if (enableSystem) {
-            return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e||(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM("dark")}}else{${updateDOM("light")}}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}${!defaultSystem
-                ? `else{` + updateDOM(defaultTheme, false, false) + "}"
-                : ""}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;
+            return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e||(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM('dark')}}else{${updateDOM('light')}}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ''}${updateDOM(value ? `x[e]` : 'e', true)}}${!defaultSystem
+                ? `else{` + updateDOM(defaultTheme, false, false) + '}'
+                : ''}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;
         }
-        return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}else{${updateDOM(defaultTheme, false, false)};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;
+        return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${value ? `var x=${JSON.stringify(value)};` : ''}${updateDOM(value ? `x[e]` : 'e', true)}}else{${updateDOM(defaultTheme, false, false)};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;
     })();
     return (jsxRuntime.jsx("script", { nonce: nonce, dangerouslySetInnerHTML: { __html: scriptSrc } }));
 }, 
@@ -212,7 +235,7 @@ const getTheme = (key, fallback) => {
     return theme || fallback;
 };
 const disableAnimation = () => {
-    const css = document.createElement("style");
+    const css = document.createElement('style');
     css.appendChild(document.createTextNode(`*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`));
     document.head.appendChild(css);
     return () => {
@@ -228,7 +251,7 @@ const getSystemTheme = (e) => {
     if (!e)
         e = window.matchMedia(MEDIA);
     const isDark = e.matches;
-    const systemTheme = isDark ? "dark" : "light";
+    const systemTheme = isDark ? 'dark' : 'light';
     return systemTheme;
 };
 

package/dist/components/theme-provider/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs","sources":["../../../components/theme-provider/theme.tsx"],"sourcesContent":["import React, {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport type { ThemeProviderProps, UseThemeProps } from \"./types\";\n\nconst colorSchemes = [\"light\", \"dark\"];\nconst MEDIA = \"(prefers-color-scheme: dark)\";\nconst isServer = typeof window === \"undefined\";\nconst ThemeContext = createContext<UseThemeProps | undefined>(undefined);\nconst defaultContext: UseThemeProps = { setTheme: (_) => {}, themes: [] };\n\nexport const useTheme = () => useContext(ThemeContext) ?? defaultContext;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = (props) => {\n  const context = useContext(ThemeContext);\n\n  // Ignore nested context providers, just passthrough children\n  if (context) return <Fragment>{props.children}</Fragment>;\n  return <Theme {...props} />;\n};\n\nconst defaultThemes = [\"light\", \"dark\"];\n\nconst Theme: React.FC<ThemeProviderProps> = ({\n  forcedTheme,\n  disableTransitionOnChange = false,\n  enableSystem = true,\n  enableColorScheme = true,\n  storageKey = \"theme\",\n  themes = defaultThemes,\n  defaultTheme = enableSystem ? \"system\" : \"light\",\n  attribute = \"data-theme\",\n  value,\n  children,\n  nonce,\n  style = \"modern\",\n  accentColor = \"indigo\",\n  grayColor = \"gray\",\n}) => {\n  const [theme, setThemeState] = useState(() =>\n    getTheme(storageKey, defaultTheme)\n  );\n  const [resolvedTheme, setResolvedTheme] = useState(() =>\n    getTheme(storageKey)\n  );\n  const attrs = !value ? themes : Object.values(value);\n\n  const applyTheme = useCallback((theme: string) => {\n    let resolved = theme;\n    if (!resolved) return;\n\n    // If theme is system, resolve it before setting theme\n    if (theme === \"system\" && enableSystem) {\n      resolved = getSystemTheme();\n    }\n\n    const name = value ? value[resolved] : resolved;\n    const enable = disableTransitionOnChange ? disableAnimation() : null;\n    const d = document.documentElement;\n\n    if (attribute === \"class\") {\n      d.classList.remove(...attrs);\n\n      if (name) d.classList.add(name);\n    } else {\n      if (name) {\n        d.setAttribute(attribute, name);\n      } else {\n        d.removeAttribute(attribute);\n      }\n    }\n\n    d.setAttribute('data-style', style);\n    d.setAttribute('data-accent-color', accentColor);\n    d.setAttribute('data-gray-color', grayColor);\n\n    if (enableColorScheme) {\n      const fallback = colorSchemes.includes(defaultTheme)\n        ? defaultTheme\n        : null;\n      const colorScheme = colorSchemes.includes(resolved) ? resolved : fallback;\n      // @ts-ignore\n      d.style.colorScheme = colorScheme;\n    }\n\n    enable?.();\n  }, [style, accentColor, grayColor, attribute, attrs, value, enableSystem, enableColorScheme, defaultTheme]);\n\n  const setTheme = useCallback(\n    (theme: string) => {\n      setThemeState(theme);\n\n      // Save to storage\n      try {\n        localStorage.setItem(storageKey, theme);\n      } catch (e) {\n        // Unsupported\n      }\n    },\n    [forcedTheme]\n  );\n\n  const handleMediaQuery = useCallback(\n    (e: MediaQueryListEvent | MediaQueryList) => {\n      const resolved = getSystemTheme(e);\n      setResolvedTheme(resolved);\n\n      if (theme === \"system\" && enableSystem && !forcedTheme) {\n        applyTheme(\"system\");\n      }\n    },\n    [theme, forcedTheme]\n  );\n\n  // Always listen to System preference\n  useEffect(() => {\n    const media = window.matchMedia(MEDIA);\n\n    media.addEventListener('change', handleMediaQuery);\n    handleMediaQuery(media);\n\n    return () => media.removeEventListener('change', handleMediaQuery);\n  }, [handleMediaQuery]);\n\n  // localStorage event handling\n  useEffect(() => {\n    const handleStorage = (e: StorageEvent) => {\n      if (e.key !== storageKey) {\n        return;\n      }\n\n      // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n      const theme = e.newValue || defaultTheme;\n      setTheme(theme);\n    };\n\n    window.addEventListener(\"storage\", handleStorage);\n    return () => window.removeEventListener(\"storage\", handleStorage);\n  }, [setTheme]);\n\n  // Whenever theme or forcedTheme changes, apply it\n  useEffect(() => {\n    // @ts-ignore\n    applyTheme(forcedTheme ?? theme);\n  }, [forcedTheme, theme]);\n\n  const providerValue = useMemo(\n    () => ({\n      theme,\n      setTheme,\n      forcedTheme,\n      resolvedTheme: theme === \"system\" ? resolvedTheme : theme,\n      themes: enableSystem ? [...themes, \"system\"] : themes,\n      systemTheme: (enableSystem ? resolvedTheme : undefined) as\n        | \"light\"\n        | \"dark\"\n        | undefined,\n      style,\n      accentColor,\n      grayColor,\n    }),\n    [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, style, accentColor, grayColor]\n  );\n\n  return (\n    <ThemeContext.Provider value={providerValue}>\n      <ThemeScript\n        {...{\n          forcedTheme,\n          disableTransitionOnChange,\n          enableSystem,\n          enableColorScheme,\n          storageKey,\n          themes,\n          defaultTheme,\n          attribute,\n          value,\n          children,\n          attrs,\n          nonce,\n          style,\n          accentColor,\n          grayColor,\n        }}\n      />\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nconst ThemeScript = memo(\n  ({\n    forcedTheme,\n    storageKey,\n    attribute,\n    enableSystem,\n    enableColorScheme,\n    defaultTheme,\n    value,\n    attrs,\n    nonce,\n    style,\n    accentColor,\n    grayColor,\n  }: ThemeProviderProps & { attrs: string[]; defaultTheme: string }) => {\n    const defaultSystem = defaultTheme === \"system\";\n\n    // Code-golfing the amount of characters in the script\n    const optimization = (() => {\n      if (attribute === \"class\") {\n        const removeClasses = `c.remove(${attrs\n          .map((t: string) => `'${t}'`)\n          .join(\",\")})`;\n\n        return `var d=document.documentElement,c=d.classList;${removeClasses};`;\n      } else {\n        return `var d=document.documentElement,n='${attribute}',s='setAttribute';`;\n      }\n    })();\n\n    const fallbackColorScheme = (() => {\n      if (!enableColorScheme) {\n        return \"\";\n      }\n\n      const fallback = colorSchemes.includes(defaultTheme)\n        ? defaultTheme\n        : null;\n\n      if (fallback) {\n        return `if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${defaultTheme}'`;\n      } else {\n        return `if(e==='light'||e==='dark')d.style.colorScheme=e`;\n      }\n    })();\n\n    const updateDOM = (\n      name: string,\n      literal: boolean = false,\n      setColorScheme = true\n    ) => {\n      const resolvedName = value ? value[name] : name;\n      const val = literal ? name + `|| ''` : `'${resolvedName}'`;\n      let text = \"\";\n\n      // MUCH faster to set colorScheme alongside HTML attribute/class\n      // as it only incurs 1 style recalculation rather than 2\n      // This can save over 250ms of work for pages with big DOM\n      if (\n        enableColorScheme &&\n        setColorScheme &&\n        !literal &&\n        colorSchemes.includes(name)\n      ) {\n        text += `d.style.colorScheme = '${name}';`;\n      }\n\n      if (attribute === \"class\") {\n        if (literal || resolvedName) {\n          text += `c.add(${val})`;\n        } else {\n          text += `null`;\n        }\n      } else {\n        if (resolvedName) {\n          text += `d[s](n,${val})`;\n        }\n      }\n\n      return text;\n    };\n\n    const scriptSrc = (() => {\n      if (forcedTheme) {\n        return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;\n      }\n\n      if (enableSystem) {\n        return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e||(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM(\n          \"dark\"\n        )}}else{${updateDOM(\"light\")}}}else if(e){${\n          value ? `var x=${JSON.stringify(value)};` : \"\"\n        }${updateDOM(value ? `x[e]` : \"e\", true)}}${\n          !defaultSystem\n            ? `else{` + updateDOM(defaultTheme, false, false) + \"}\"\n            : \"\"\n        }${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;\n      }\n\n      return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${\n        value ? `var x=${JSON.stringify(value)};` : \"\"\n      }${updateDOM(value ? `x[e]` : \"e\", true)}}else{${updateDOM(\n        defaultTheme,\n        false,\n        false\n      )};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;\n    })();\n\n    return (\n      <script nonce={nonce} dangerouslySetInnerHTML={{ __html: scriptSrc }} />\n    );\n  },\n  // Never re-render this component\n  () => true\n);\n\n// Helpers\nconst getTheme = (key: string, fallback?: string) => {\n  if (isServer) return undefined;\n  let theme;\n  try {\n    theme = localStorage.getItem(key) || undefined;\n  } catch (e) {\n    // Unsupported\n  }\n  return theme || fallback;\n};\n\nconst disableAnimation = () => {\n  const css = document.createElement(\"style\");\n  css.appendChild(\n    document.createTextNode(\n      `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n    )\n  );\n  document.head.appendChild(css);\n\n  return () => {\n    // Force restyle\n    (() => window.getComputedStyle(document.body))();\n\n    // Wait for next tick before removing\n    setTimeout(() => {\n      document.head.removeChild(css);\n    }, 1);\n  };\n};\n\nconst getSystemTheme = (e?: MediaQueryList | MediaQueryListEvent) => {\n  if (!e) e = window.matchMedia(MEDIA);\n  const isDark = e.matches;\n  const systemTheme = isDark ? \"dark\" : \"light\";\n  return systemTheme;\n};\n"],"names":["createContext","useContext","_jsx","Fragment","useState","useCallback","useEffect","useMemo","_jsxs","memo"],"mappings":"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"}
+{"version":3,"file":"theme.cjs","sources":["../../../components/theme-provider/theme.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState\n} from 'react';\n\nimport type { ThemeProviderProps, UseThemeProps } from './types';\n\nconst colorSchemes = ['light', 'dark'];\nconst MEDIA = '(prefers-color-scheme: dark)';\nconst isServer = typeof window === 'undefined';\nconst ThemeContext = createContext<UseThemeProps | undefined>(undefined);\nconst defaultContext: UseThemeProps = { setTheme: _ => {}, themes: [] };\n\nexport const useTheme = () => useContext(ThemeContext) ?? defaultContext;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = props => {\n  const context = useContext(ThemeContext);\n\n  // Ignore nested context providers, just passthrough children\n  if (context) return <Fragment>{props.children}</Fragment>;\n  return <Theme {...props} />;\n};\n\nconst defaultThemes = ['light', 'dark'];\n\nconst Theme: React.FC<ThemeProviderProps> = ({\n  forcedTheme,\n  disableTransitionOnChange = false,\n  enableSystem = true,\n  enableColorScheme = true,\n  storageKey = 'theme',\n  themes = defaultThemes,\n  defaultTheme = enableSystem ? 'system' : 'light',\n  attribute = 'data-theme',\n  value,\n  children,\n  nonce,\n  style = 'modern',\n  accentColor = 'indigo',\n  grayColor = 'gray'\n}) => {\n  const [theme, setThemeState] = useState(() =>\n    getTheme(storageKey, defaultTheme)\n  );\n  const [resolvedTheme, setResolvedTheme] = useState(() =>\n    getTheme(storageKey)\n  );\n  const attrs = !value ? themes : Object.values(value);\n\n  const applyTheme = useCallback(\n    (theme: string) => {\n      let resolved = theme;\n      if (!resolved) return;\n\n      // If theme is system, resolve it before setting theme\n      if (theme === 'system' && enableSystem) {\n        resolved = getSystemTheme();\n      }\n\n      const name = value ? value[resolved] : resolved;\n      const enable = disableTransitionOnChange ? disableAnimation() : null;\n      const d = document.documentElement;\n\n      if (attribute === 'class') {\n        d.classList.remove(...attrs);\n\n        if (name) d.classList.add(name);\n      } else {\n        if (name) {\n          d.setAttribute(attribute, name);\n        } else {\n          d.removeAttribute(attribute);\n        }\n      }\n\n      d.setAttribute('data-style', style);\n      d.setAttribute('data-accent-color', accentColor);\n      d.setAttribute('data-gray-color', grayColor);\n\n      if (enableColorScheme) {\n        const fallback = colorSchemes.includes(defaultTheme)\n          ? defaultTheme\n          : null;\n        const colorScheme = colorSchemes.includes(resolved)\n          ? resolved\n          : fallback;\n        // @ts-ignore\n        d.style.colorScheme = colorScheme;\n      }\n\n      enable?.();\n    },\n    [\n      style,\n      accentColor,\n      grayColor,\n      attribute,\n      attrs,\n      value,\n      enableSystem,\n      enableColorScheme,\n      defaultTheme\n    ]\n  );\n\n  const setTheme = useCallback(\n    (theme: string) => {\n      setThemeState(theme);\n\n      // Save to storage\n      try {\n        localStorage.setItem(storageKey, theme);\n      } catch (e) {\n        // Unsupported\n      }\n    },\n    [forcedTheme]\n  );\n\n  const handleMediaQuery = useCallback(\n    (e: MediaQueryListEvent | MediaQueryList) => {\n      const resolved = getSystemTheme(e);\n      setResolvedTheme(resolved);\n\n      if (theme === 'system' && enableSystem && !forcedTheme) {\n        applyTheme('system');\n      }\n    },\n    [theme, forcedTheme]\n  );\n\n  // Always listen to System preference\n  useEffect(() => {\n    const media = window.matchMedia(MEDIA);\n\n    media.addEventListener('change', handleMediaQuery);\n    handleMediaQuery(media);\n\n    return () => media.removeEventListener('change', handleMediaQuery);\n  }, [handleMediaQuery]);\n\n  // localStorage event handling\n  useEffect(() => {\n    const handleStorage = (e: StorageEvent) => {\n      if (e.key !== storageKey) {\n        return;\n      }\n\n      // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n      const theme = e.newValue || defaultTheme;\n      setTheme(theme);\n    };\n\n    window.addEventListener('storage', handleStorage);\n    return () => window.removeEventListener('storage', handleStorage);\n  }, [setTheme]);\n\n  // Whenever theme or forcedTheme changes, apply it\n  useEffect(() => {\n    // @ts-ignore\n    applyTheme(forcedTheme ?? theme);\n  }, [forcedTheme, theme]);\n\n  const providerValue = useMemo(\n    () => ({\n      theme,\n      setTheme,\n      forcedTheme,\n      resolvedTheme: theme === 'system' ? resolvedTheme : theme,\n      themes: enableSystem ? [...themes, 'system'] : themes,\n      systemTheme: (enableSystem ? resolvedTheme : undefined) as\n        | 'light'\n        | 'dark'\n        | undefined,\n      style,\n      accentColor,\n      grayColor\n    }),\n    [\n      theme,\n      setTheme,\n      forcedTheme,\n      resolvedTheme,\n      enableSystem,\n      themes,\n      style,\n      accentColor,\n      grayColor\n    ]\n  );\n\n  return (\n    <ThemeContext.Provider value={providerValue}>\n      <ThemeScript\n        {...{\n          forcedTheme,\n          disableTransitionOnChange,\n          enableSystem,\n          enableColorScheme,\n          storageKey,\n          themes,\n          defaultTheme,\n          attribute,\n          value,\n          children,\n          attrs,\n          nonce,\n          style,\n          accentColor,\n          grayColor\n        }}\n      />\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nconst ThemeScript = memo(\n  ({\n    forcedTheme,\n    storageKey,\n    attribute,\n    enableSystem,\n    enableColorScheme,\n    defaultTheme,\n    value,\n    attrs,\n    nonce,\n    style,\n    accentColor,\n    grayColor\n  }: ThemeProviderProps & { attrs: string[]; defaultTheme: string }) => {\n    const defaultSystem = defaultTheme === 'system';\n\n    // Code-golfing the amount of characters in the script\n    const optimization = (() => {\n      if (attribute === 'class') {\n        const removeClasses = `c.remove(${attrs\n          .map((t: string) => `'${t}'`)\n          .join(',')})`;\n\n        return `var d=document.documentElement,c=d.classList;${removeClasses};`;\n      } else {\n        return `var d=document.documentElement,n='${attribute}',s='setAttribute';`;\n      }\n    })();\n\n    const fallbackColorScheme = (() => {\n      if (!enableColorScheme) {\n        return '';\n      }\n\n      const fallback = colorSchemes.includes(defaultTheme)\n        ? defaultTheme\n        : null;\n\n      if (fallback) {\n        return `if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${defaultTheme}'`;\n      } else {\n        return `if(e==='light'||e==='dark')d.style.colorScheme=e`;\n      }\n    })();\n\n    const updateDOM = (\n      name: string,\n      literal: boolean = false,\n      setColorScheme = true\n    ) => {\n      const resolvedName = value ? value[name] : name;\n      const val = literal ? name + `|| ''` : `'${resolvedName}'`;\n      let text = '';\n\n      // MUCH faster to set colorScheme alongside HTML attribute/class\n      // as it only incurs 1 style recalculation rather than 2\n      // This can save over 250ms of work for pages with big DOM\n      if (\n        enableColorScheme &&\n        setColorScheme &&\n        !literal &&\n        colorSchemes.includes(name)\n      ) {\n        text += `d.style.colorScheme = '${name}';`;\n      }\n\n      if (attribute === 'class') {\n        if (literal || resolvedName) {\n          text += `c.add(${val})`;\n        } else {\n          text += `null`;\n        }\n      } else {\n        if (resolvedName) {\n          text += `d[s](n,${val})`;\n        }\n      }\n\n      return text;\n    };\n\n    const scriptSrc = (() => {\n      if (forcedTheme) {\n        return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;\n      }\n\n      if (enableSystem) {\n        return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e||(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM(\n          'dark'\n        )}}else{${updateDOM('light')}}}else if(e){${\n          value ? `var x=${JSON.stringify(value)};` : ''\n        }${updateDOM(value ? `x[e]` : 'e', true)}}${\n          !defaultSystem\n            ? `else{` + updateDOM(defaultTheme, false, false) + '}'\n            : ''\n        }${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;\n      }\n\n      return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${\n        value ? `var x=${JSON.stringify(value)};` : ''\n      }${updateDOM(value ? `x[e]` : 'e', true)}}else{${updateDOM(\n        defaultTheme,\n        false,\n        false\n      )};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;\n    })();\n\n    return (\n      <script nonce={nonce} dangerouslySetInnerHTML={{ __html: scriptSrc }} />\n    );\n  },\n  // Never re-render this component\n  () => true\n);\n\n// Helpers\nconst getTheme = (key: string, fallback?: string) => {\n  if (isServer) return undefined;\n  let theme;\n  try {\n    theme = localStorage.getItem(key) || undefined;\n  } catch (e) {\n    // Unsupported\n  }\n  return theme || fallback;\n};\n\nconst disableAnimation = () => {\n  const css = document.createElement('style');\n  css.appendChild(\n    document.createTextNode(\n      `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n    )\n  );\n  document.head.appendChild(css);\n\n  return () => {\n    // Force restyle\n    (() => window.getComputedStyle(document.body))();\n\n    // Wait for next tick before removing\n    setTimeout(() => {\n      document.head.removeChild(css);\n    }, 1);\n  };\n};\n\nconst getSystemTheme = (e?: MediaQueryList | MediaQueryListEvent) => {\n  if (!e) e = window.matchMedia(MEDIA);\n  const isDark = e.matches;\n  const systemTheme = isDark ? 'dark' : 'light';\n  return systemTheme;\n};\n"],"names":[],"mappings":";;;;;;AAeA;AACA;AACA;AACA;AACA;AAEO;AAEM;AACX;;AAGA;AAAa;AACb;AACF;AAEA;AAEA;AAgBE;AAGA;AAGA;AAEA;;AAGI;;;AAGA;;;AAIA;AACA;AACA;AAEA;;AAGE;AAAU;;;;AAGR;;;AAEA;;;AAIJ;AACA;AACA;;AAGE;AACE;;AAEF;AACE;;;AAGF;;;AAIJ;;;;;;;;;;AAWC;AAGH;;;AAKI;AACE;;;;;AAIJ;AAIF;AAEI;;;;;AAMF;;;;AAQA;;;AAIF;;;AAIE;AACE;;;;AAKA;;AAEF;AAEA;;AAEF;;;;AAKE;AACF;AAEA;;;;;AAMI;;;;;AAQD;;;;;;;;;;AAWA;AAGH;;;;;;;;;;;;;;AAkBQ;AAMV;AAEA;AAeI;;AAGA;AACE;;;AAGK;;;;;;;AAQP;;AAEI;;AAGF;AACE;;;;;;AAMA;;;AAIJ;AAKE;AACA;;;;;AAMA;;AAGE;AACA;AAEA;;AAGF;AACE;AACE;;;;;;;;AAMA;;;AAIJ;AACF;AAEA;;AAEI;;;;AAUI;;;;;AAcR;AAGF;AACA;AACA;AAGF;AACA;AACE;AAAc;AACd;AACA;;;;;;;AAMF;AAEA;;;AAOE;AAEA;;AAEE;;;AAIE;;AAEJ;AACF;AAEA;AACE;AAAQ;AACR;;AAEA;AACF;;;"}

package/dist/components/theme-provider/theme.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { ThemeProviderProps, UseThemeProps } from "./types";
+import React from 'react';
+import type { ThemeProviderProps, UseThemeProps } from './types';
 export declare const useTheme: () => UseThemeProps;
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
 //# sourceMappingURL=theme.d.ts.map

package/dist/components/theme-provider/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../components/theme-provider/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQjE,eAAO,MAAM,QAAQ,qBAAmD,CAAC;AAEzE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../components/theme-provider/theme.tsx"],"names":[],"mappings":"AAEA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQjE,eAAO,MAAM,QAAQ,qBAAmD,CAAC;AAEzE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}