@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/textAreaField/textAreaField.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/textAreaField/textAreaField.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst textAreaFieldVariants = ['classic', 'surface', 'soft'] as const\nconst textAreaFieldSizes = ['sm', 'md', 'lg'] as const\nconst textAreaFieldResizeValues = ['none', 'vertical', 'horizontal', 'both'] as const\nconst textAreaFieldRadiusValues = ['none', 'sm', 'md', 'lg'] as const\n\nconst textAreaFieldPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: textAreaFieldVariants,\n    default: 'surface',\n  },\n  size: {\n    type: 'enum',\n    values: textAreaFieldSizes,\n    default: 'md',\n  },\n  invalid: {\n    type: 'boolean',\n    default: false,\n  },\n  resize: {\n    type: 'enum',\n    values: textAreaFieldResizeValues,\n    default: 'vertical',\n  },\n  showCount: {\n    type: 'boolean',\n    default: true,\n  },\n  maxLength: {\n    type: 'number',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: textAreaFieldRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof textAreaFieldVariants)[number]>\n  size: PropDef<(typeof textAreaFieldSizes)[number]>\n  invalid: PropDef\n  resize: PropDef<(typeof textAreaFieldResizeValues)[number]>\n  showCount: PropDef\n  maxLength: PropDef\n  color: PropDef<string>\n  radius: PropDef<(typeof textAreaFieldRadiusValues)[number]>\n}\n\nexport { textAreaFieldPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,wBAAwB,CAAC,WAAW,WAAW,MAAM;AAC3D,MAAM,qBAAqB,CAAC,MAAM,MAAM,IAAI;AAC5C,MAAM,4BAA4B,CAAC,QAAQ,YAAY,cAAc,MAAM;AAC3E,MAAM,4BAA4B,CAAC,QAAQ,MAAM,MAAM,IAAI;AAE3D,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/textField/TextField.cjs

@@ -107,13 +107,14 @@ const TextFieldInput = React.forwardRef(
 );
 TextFieldInput.displayName = "TextFieldInput";
 const TextFieldSlot = React.forwardRef(
-  ({ className, ...props }, forwardedRef) => {
+  ({ className, side, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ...props,
         ref: forwardedRef,
-        className: (0, import_classnames.default)("dsx-text-field__slot", className)
+        className: (0, import_classnames.default)("dsx-text-field__slot", className),
+        "data-side": side
       }
     );
   }

package/dist/components/textField/TextField.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/textField/TextField.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { textFieldPropDefs } from './textField.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TextFieldContextValue = {\n  id?: string\n  invalid?: boolean\n}\n\nconst TextFieldContext = React.createContext<TextFieldContextValue>({})\n\nfunction useTextFieldContext() {\n  return React.useContext(TextFieldContext)\n}\n\ntype TextFieldRootElement = React.ComponentRef<'div'>\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n}\n\ninterface TextFieldRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, TextFieldRootOwnProps {}\n\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    density = 'md',\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    radius,\n    variant = 'surface',\n    ...textFieldProps\n  } = extractProps(props, textFieldPropDefs)\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <TextFieldContext.Provider value={React.useMemo(() => ({ id, invalid }), [id, invalid])}>\n      <Comp\n        {...textFieldProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-text-field',\n          `dsx-text-field--${density}`,\n          `dsx-text-field--${variant}`,\n          invalid && 'dsx-text-field--invalid',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={density}\n        data-variant={variant}\n      >\n        {label ? (\n          <Label htmlFor={id} className=\"dsx-text-field__label\">\n            {label}\n          </Label>\n        ) : null}\n        <div className=\"dsx-text-field__shell\">\n          {children}\n        </div>\n        {errorText && invalid ? (\n          <Text variant=\"label-small\" className=\"dsx-text-field__error\">\n            {errorText}\n          </Text>\n        ) : null}\n        {helperText && !invalid ? (\n          <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-text-field__helper\">\n            {helperText}\n          </Text>\n        ) : null}\n      </Comp>\n    </TextFieldContext.Provider>\n  )\n})\nTextFieldRoot.displayName = 'TextField'\n\ntype TextFieldInputElement = React.ComponentRef<'input'>\n\ninterface TextFieldInputProps extends React.ComponentPropsWithoutRef<'input'> {}\n\nconst TextFieldInput = React.forwardRef<TextFieldInputElement, TextFieldInputProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { id, invalid } = useTextFieldContext()\n\n    return (\n      <input\n        {...props}\n        id={id}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__input', className)}\n        aria-invalid={invalid || undefined}\n      />\n    )\n  },\n)\nTextFieldInput.displayName = 'TextFieldInput'\n\ntype TextFieldSlotElement = React.ComponentRef<'div'>\n\ninterface TextFieldSlotProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__slot', className)}\n      />\n    )\n  },\n)\nTextFieldSlot.displayName = 'TextFieldSlot'\n\nconst TextField: typeof TextFieldRoot & {\n  Input: typeof TextFieldInput\n  Slot: typeof TextFieldSlot\n} = Object.assign(TextFieldRoot, {\n  Input: TextFieldInput,\n  Slot: TextFieldSlot,\n})\n\nexport { TextField, TextFieldInput, TextFieldRoot, TextFieldSlot }\nexport type { TextFieldInputProps, TextFieldRootProps, TextFieldSlotProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,uBAAkC;AAClC,mBAAsB;AACtB,kBAAqB;AA8Cf;AArCN,MAAM,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AAEtE,SAAS,sBAAsB;AAC7B,SAAO,MAAM,WAAW,gBAAgB;AAC1C;AAYA,MAAM,gBAAgB,MAAM,WAAqD,CAAC,OAAO,iBAAiB;AACxG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,kCAAiB;AAEzC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAAM,QAAQ,OAAO,EAAE,IAAI,QAAQ,IAAI,CAAC,IAAI,OAAO,CAAC,GACpF;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA;AAAA,QACT;AAAA,QACA,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,OAAO;AAAA,QAC1B,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,gBACC,4CAAC,sBAAM,SAAS,IAAI,WAAU,yBAC3B,iBACH,IACE;AAAA,QACJ,4CAAC,SAAI,WAAU,yBACZ,UACH;AAAA,QACC,aAAa,UACZ,4CAAC,oBAAK,SAAQ,eAAc,WAAU,yBACnC,qBACH,IACE;AAAA,QACH,cAAc,CAAC,UACd,4CAAC,oBAAK,SAAQ,eAAc,MAAK,SAAQ,WAAU,0BAChD,sBACH,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AACD,cAAc,cAAc;AAM5B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,UAAM,EAAE,IAAI,QAAQ,IAAI,oBAAoB;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,yBAAyB,SAAS;AAAA,QACxD,gBAAc,WAAW;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAM7B,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,wBAAwB,SAAS;AAAA;AAAA,IACzD;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAE5B,MAAM,YAGF,OAAO,OAAO,eAAe;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { textFieldPropDefs } from './textField.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TextFieldContextValue = {\n  id?: string\n  invalid?: boolean\n}\n\nconst TextFieldContext = React.createContext<TextFieldContextValue>({})\n\nfunction useTextFieldContext() {\n  return React.useContext(TextFieldContext)\n}\n\ntype TextFieldRootElement = React.ComponentRef<'div'>\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n}\n\ninterface TextFieldRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, TextFieldRootOwnProps {}\n\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    density = 'md',\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    radius,\n    variant = 'surface',\n    ...textFieldProps\n  } = extractProps(props, textFieldPropDefs)\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <TextFieldContext.Provider value={React.useMemo(() => ({ id, invalid }), [id, invalid])}>\n      <Comp\n        {...textFieldProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-text-field',\n          `dsx-text-field--${density}`,\n          `dsx-text-field--${variant}`,\n          invalid && 'dsx-text-field--invalid',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={density}\n        data-variant={variant}\n      >\n        {label ? (\n          <Label htmlFor={id} className=\"dsx-text-field__label\">\n            {label}\n          </Label>\n        ) : null}\n        <div className=\"dsx-text-field__shell\">\n          {children}\n        </div>\n        {errorText && invalid ? (\n          <Text variant=\"label-small\" className=\"dsx-text-field__error\">\n            {errorText}\n          </Text>\n        ) : null}\n        {helperText && !invalid ? (\n          <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-text-field__helper\">\n            {helperText}\n          </Text>\n        ) : null}\n      </Comp>\n    </TextFieldContext.Provider>\n  )\n})\nTextFieldRoot.displayName = 'TextField'\n\ntype TextFieldInputElement = React.ComponentRef<'input'>\n\ninterface TextFieldInputProps extends React.ComponentPropsWithoutRef<'input'> {}\n\nconst TextFieldInput = React.forwardRef<TextFieldInputElement, TextFieldInputProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { id, invalid } = useTextFieldContext()\n\n    return (\n      <input\n        {...props}\n        id={id}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__input', className)}\n        aria-invalid={invalid || undefined}\n      />\n    )\n  },\n)\nTextFieldInput.displayName = 'TextFieldInput'\n\ntype TextFieldSlotElement = React.ComponentRef<'div'>\n\ninterface TextFieldSlotProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: 'left' | 'right'\n}\n\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  ({ className, side, ...props }, forwardedRef) => {\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__slot', className)}\n        data-side={side}\n      />\n    )\n  },\n)\nTextFieldSlot.displayName = 'TextFieldSlot'\n\nconst TextField: typeof TextFieldRoot & {\n  Input: typeof TextFieldInput\n  Slot: typeof TextFieldSlot\n} = Object.assign(TextFieldRoot, {\n  Input: TextFieldInput,\n  Slot: TextFieldSlot,\n})\n\nexport { TextField, TextFieldInput, TextFieldRoot, TextFieldSlot }\nexport type { TextFieldInputProps, TextFieldRootProps, TextFieldSlotProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,uBAAkC;AAClC,mBAAsB;AACtB,kBAAqB;AA8Cf;AArCN,MAAM,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AAEtE,SAAS,sBAAsB;AAC7B,SAAO,MAAM,WAAW,gBAAgB;AAC1C;AAYA,MAAM,gBAAgB,MAAM,WAAqD,CAAC,OAAO,iBAAiB;AACxG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,kCAAiB;AAEzC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAAM,QAAQ,OAAO,EAAE,IAAI,QAAQ,IAAI,CAAC,IAAI,OAAO,CAAC,GACpF;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA;AAAA,QACT;AAAA,QACA,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,OAAO;AAAA,QAC1B,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,gBACC,4CAAC,sBAAM,SAAS,IAAI,WAAU,yBAC3B,iBACH,IACE;AAAA,QACJ,4CAAC,SAAI,WAAU,yBACZ,UACH;AAAA,QACC,aAAa,UACZ,4CAAC,oBAAK,SAAQ,eAAc,WAAU,yBACnC,qBACH,IACE;AAAA,QACH,cAAc,CAAC,UACd,4CAAC,oBAAK,SAAQ,eAAc,MAAK,SAAQ,WAAU,0BAChD,sBACH,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AACD,cAAc,cAAc;AAM5B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,UAAM,EAAE,IAAI,QAAQ,IAAI,oBAAoB;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,yBAAyB,SAAS;AAAA,QACxD,gBAAc,WAAW;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAQ7B,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,iBAAiB;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,wBAAwB,SAAS;AAAA,QACvD,aAAW;AAAA;AAAA,IACb;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAE5B,MAAM,YAGF,OAAO,OAAO,eAAe;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/textField/TextField.d.cts

@@ -14,6 +14,7 @@ interface TextFieldInputProps extends React.ComponentPropsWithoutRef<'input'> {
 }
 declare const TextFieldInput: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;
 interface TextFieldSlotProps extends React.ComponentPropsWithoutRef<'div'> {
+    side?: 'left' | 'right';
 }
 declare const TextFieldSlot: React.ForwardRefExoticComponent<TextFieldSlotProps & React.RefAttributes<HTMLDivElement>>;
 declare const TextField: typeof TextFieldRoot & {

package/dist/components/textField/TextField.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.cts","sourceRoot":"","sources":["../../../src/components/textField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAcpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,qBAAqB;CAAG;AAEnH,QAAA,MAAM,aAAa,2FAyDjB,CAAA;AAKF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAEhF,QAAA,MAAM,cAAc,8FAcnB,CAAA;AAKD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE7E,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAClE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"TextField.d.cts","sourceRoot":"","sources":["../../../src/components/textField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAcpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,qBAAqB;CAAG;AAEnH,QAAA,MAAM,aAAa,2FAyDjB,CAAA;AAKF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAEhF,QAAA,MAAM,cAAc,8FAcnB,CAAA;AAKD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAWlB,CAAA;AAGD,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAClE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/textField/TextField.d.mts

@@ -14,6 +14,7 @@ interface TextFieldInputProps extends React.ComponentPropsWithoutRef<'input'> {
 }
 declare const TextFieldInput: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;
 interface TextFieldSlotProps extends React.ComponentPropsWithoutRef<'div'> {
+    side?: 'left' | 'right';
 }
 declare const TextFieldSlot: React.ForwardRefExoticComponent<TextFieldSlotProps & React.RefAttributes<HTMLDivElement>>;
 declare const TextField: typeof TextFieldRoot & {

package/dist/components/textField/TextField.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.mts","sourceRoot":"","sources":["../../../src/components/textField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAcpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,qBAAqB;CAAG;AAEnH,QAAA,MAAM,aAAa,2FAyDjB,CAAA;AAKF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAEhF,QAAA,MAAM,cAAc,8FAcnB,CAAA;AAKD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE7E,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAClE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"TextField.d.mts","sourceRoot":"","sources":["../../../src/components/textField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAcpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,qBAAqB;CAAG;AAEnH,QAAA,MAAM,aAAa,2FAyDjB,CAAA;AAKF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAEhF,QAAA,MAAM,cAAc,8FAcnB,CAAA;AAKD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAWlB,CAAA;AAGD,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAClE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/textField/TextField.d.ts

@@ -14,6 +14,7 @@ interface TextFieldInputProps extends React.ComponentPropsWithoutRef<'input'> {
 }
 declare const TextFieldInput: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;
 interface TextFieldSlotProps extends React.ComponentPropsWithoutRef<'div'> {
+    side?: 'left' | 'right';
 }
 declare const TextFieldSlot: React.ForwardRefExoticComponent<TextFieldSlotProps & React.RefAttributes<HTMLDivElement>>;
 declare const TextField: typeof TextFieldRoot & {

package/dist/components/textField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/textField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAcpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,qBAAqB;CAAG;AAEnH,QAAA,MAAM,aAAa,2FAyDjB,CAAA;AAKF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAEhF,QAAA,MAAM,cAAc,8FAcnB,CAAA;AAKD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE7E,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAClE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/textField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAcpE,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,qBAAqB;CAAG;AAEnH,QAAA,MAAM,aAAa,2FAyDjB,CAAA;AAKF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;CAAG;AAEhF,QAAA,MAAM,cAAc,8FAcnB,CAAA;AAKD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAWlB,CAAA;AAGD,QAAA,MAAM,SAAS,EAAE,OAAO,aAAa,GAAG;IACtC,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,IAAI,EAAE,OAAO,aAAa,CAAA;CAI1B,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAClE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/textField/TextField.js

@@ -71,13 +71,14 @@ const TextFieldInput = React.forwardRef(
 );
 TextFieldInput.displayName = "TextFieldInput";
 const TextFieldSlot = React.forwardRef(
-  ({ className, ...props }, forwardedRef) => {
+  ({ className, side, ...props }, forwardedRef) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ...props,
         ref: forwardedRef,
-        className: classNames("dsx-text-field__slot", className)
+        className: classNames("dsx-text-field__slot", className),
+        "data-side": side
       }
     );
   }

package/dist/components/textField/TextField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/textField/TextField.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { textFieldPropDefs } from './textField.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TextFieldContextValue = {\n  id?: string\n  invalid?: boolean\n}\n\nconst TextFieldContext = React.createContext<TextFieldContextValue>({})\n\nfunction useTextFieldContext() {\n  return React.useContext(TextFieldContext)\n}\n\ntype TextFieldRootElement = React.ComponentRef<'div'>\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n}\n\ninterface TextFieldRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, TextFieldRootOwnProps {}\n\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    density = 'md',\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    radius,\n    variant = 'surface',\n    ...textFieldProps\n  } = extractProps(props, textFieldPropDefs)\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <TextFieldContext.Provider value={React.useMemo(() => ({ id, invalid }), [id, invalid])}>\n      <Comp\n        {...textFieldProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-text-field',\n          `dsx-text-field--${density}`,\n          `dsx-text-field--${variant}`,\n          invalid && 'dsx-text-field--invalid',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={density}\n        data-variant={variant}\n      >\n        {label ? (\n          <Label htmlFor={id} className=\"dsx-text-field__label\">\n            {label}\n          </Label>\n        ) : null}\n        <div className=\"dsx-text-field__shell\">\n          {children}\n        </div>\n        {errorText && invalid ? (\n          <Text variant=\"label-small\" className=\"dsx-text-field__error\">\n            {errorText}\n          </Text>\n        ) : null}\n        {helperText && !invalid ? (\n          <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-text-field__helper\">\n            {helperText}\n          </Text>\n        ) : null}\n      </Comp>\n    </TextFieldContext.Provider>\n  )\n})\nTextFieldRoot.displayName = 'TextField'\n\ntype TextFieldInputElement = React.ComponentRef<'input'>\n\ninterface TextFieldInputProps extends React.ComponentPropsWithoutRef<'input'> {}\n\nconst TextFieldInput = React.forwardRef<TextFieldInputElement, TextFieldInputProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { id, invalid } = useTextFieldContext()\n\n    return (\n      <input\n        {...props}\n        id={id}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__input', className)}\n        aria-invalid={invalid || undefined}\n      />\n    )\n  },\n)\nTextFieldInput.displayName = 'TextFieldInput'\n\ntype TextFieldSlotElement = React.ComponentRef<'div'>\n\ninterface TextFieldSlotProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__slot', className)}\n      />\n    )\n  },\n)\nTextFieldSlot.displayName = 'TextFieldSlot'\n\nconst TextField: typeof TextFieldRoot & {\n  Input: typeof TextFieldInput\n  Slot: typeof TextFieldSlot\n} = Object.assign(TextFieldRoot, {\n  Input: TextFieldInput,\n  Slot: TextFieldSlot,\n})\n\nexport { TextField, TextFieldInput, TextFieldRoot, TextFieldSlot }\nexport type { TextFieldInputProps, TextFieldRootProps, TextFieldSlotProps }\n"],
-  "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,aAAa;AACtB,SAAS,YAAY;AA8Cf,SAgBI,KAhBJ;AArCN,MAAM,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AAEtE,SAAS,sBAAsB;AAC7B,SAAO,MAAM,WAAW,gBAAgB;AAC1C;AAYA,MAAM,gBAAgB,MAAM,WAAqD,CAAC,OAAO,iBAAiB;AACxG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,iBAAiB;AAEzC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAAM,QAAQ,OAAO,EAAE,IAAI,QAAQ,IAAI,CAAC,IAAI,OAAO,CAAC,GACpF;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,OAAO;AAAA,QAC1B,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,gBACC,oBAAC,SAAM,SAAS,IAAI,WAAU,yBAC3B,iBACH,IACE;AAAA,QACJ,oBAAC,SAAI,WAAU,yBACZ,UACH;AAAA,QACC,aAAa,UACZ,oBAAC,QAAK,SAAQ,eAAc,WAAU,yBACnC,qBACH,IACE;AAAA,QACH,cAAc,CAAC,UACd,oBAAC,QAAK,SAAQ,eAAc,MAAK,SAAQ,WAAU,0BAChD,sBACH,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AACD,cAAc,cAAc;AAM5B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,UAAM,EAAE,IAAI,QAAQ,IAAI,oBAAoB;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL,WAAW,WAAW,yBAAyB,SAAS;AAAA,QACxD,gBAAc,WAAW;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAM7B,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,wBAAwB,SAAS;AAAA;AAAA,IACzD;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAE5B,MAAM,YAGF,OAAO,OAAO,eAAe;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { textFieldPropDefs } from './textField.props'\nimport { Label } from '../label/Label'\nimport { Text } from '../text/Text'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TextFieldContextValue = {\n  id?: string\n  invalid?: boolean\n}\n\nconst TextFieldContext = React.createContext<TextFieldContextValue>({})\n\nfunction useTextFieldContext() {\n  return React.useContext(TextFieldContext)\n}\n\ntype TextFieldRootElement = React.ComponentRef<'div'>\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldPropDefs> & {\n  id?: string\n  label?: string\n  helperText?: string\n  errorText?: string\n}\n\ninterface TextFieldRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, TextFieldRootOwnProps {}\n\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    density = 'md',\n    errorText,\n    helperText,\n    id,\n    invalid = false,\n    label,\n    radius,\n    variant = 'surface',\n    ...textFieldProps\n  } = extractProps(props, textFieldPropDefs)\n\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <TextFieldContext.Provider value={React.useMemo(() => ({ id, invalid }), [id, invalid])}>\n      <Comp\n        {...textFieldProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-text-field',\n          `dsx-text-field--${density}`,\n          `dsx-text-field--${variant}`,\n          invalid && 'dsx-text-field--invalid',\n          className,\n        )}\n        data-accent-color={color}\n        data-radius={radius}\n        data-size={density}\n        data-variant={variant}\n      >\n        {label ? (\n          <Label htmlFor={id} className=\"dsx-text-field__label\">\n            {label}\n          </Label>\n        ) : null}\n        <div className=\"dsx-text-field__shell\">\n          {children}\n        </div>\n        {errorText && invalid ? (\n          <Text variant=\"label-small\" className=\"dsx-text-field__error\">\n            {errorText}\n          </Text>\n        ) : null}\n        {helperText && !invalid ? (\n          <Text variant=\"label-small\" tone=\"muted\" className=\"dsx-text-field__helper\">\n            {helperText}\n          </Text>\n        ) : null}\n      </Comp>\n    </TextFieldContext.Provider>\n  )\n})\nTextFieldRoot.displayName = 'TextField'\n\ntype TextFieldInputElement = React.ComponentRef<'input'>\n\ninterface TextFieldInputProps extends React.ComponentPropsWithoutRef<'input'> {}\n\nconst TextFieldInput = React.forwardRef<TextFieldInputElement, TextFieldInputProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { id, invalid } = useTextFieldContext()\n\n    return (\n      <input\n        {...props}\n        id={id}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__input', className)}\n        aria-invalid={invalid || undefined}\n      />\n    )\n  },\n)\nTextFieldInput.displayName = 'TextFieldInput'\n\ntype TextFieldSlotElement = React.ComponentRef<'div'>\n\ninterface TextFieldSlotProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: 'left' | 'right'\n}\n\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  ({ className, side, ...props }, forwardedRef) => {\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-text-field__slot', className)}\n        data-side={side}\n      />\n    )\n  },\n)\nTextFieldSlot.displayName = 'TextFieldSlot'\n\nconst TextField: typeof TextFieldRoot & {\n  Input: typeof TextFieldInput\n  Slot: typeof TextFieldSlot\n} = Object.assign(TextFieldRoot, {\n  Input: TextFieldInput,\n  Slot: TextFieldSlot,\n})\n\nexport { TextField, TextFieldInput, TextFieldRoot, TextFieldSlot }\nexport type { TextFieldInputProps, TextFieldRootProps, TextFieldSlotProps }\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,aAAa;AACtB,SAAS,YAAY;AA8Cf,SAgBI,KAhBJ;AArCN,MAAM,mBAAmB,MAAM,cAAqC,CAAC,CAAC;AAEtE,SAAS,sBAAsB;AAC7B,SAAO,MAAM,WAAW,gBAAgB;AAC1C;AAYA,MAAM,gBAAgB,MAAM,WAAqD,CAAC,OAAO,iBAAiB;AACxG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,iBAAiB;AAEzC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAAM,QAAQ,OAAO,EAAE,IAAI,QAAQ,IAAI,CAAC,IAAI,OAAO,CAAC,GACpF;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,OAAO;AAAA,QAC1B,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,gBACC,oBAAC,SAAM,SAAS,IAAI,WAAU,yBAC3B,iBACH,IACE;AAAA,QACJ,oBAAC,SAAI,WAAU,yBACZ,UACH;AAAA,QACC,aAAa,UACZ,oBAAC,QAAK,SAAQ,eAAc,WAAU,yBACnC,qBACH,IACE;AAAA,QACH,cAAc,CAAC,UACd,oBAAC,QAAK,SAAQ,eAAc,MAAK,SAAQ,WAAU,0BAChD,sBACH,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AACD,cAAc,cAAc;AAM5B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,UAAM,EAAE,IAAI,QAAQ,IAAI,oBAAoB;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL,WAAW,WAAW,yBAAyB,SAAS;AAAA,QACxD,gBAAc,WAAW;AAAA;AAAA,IAC3B;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAQ7B,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,iBAAiB;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,wBAAwB,SAAS;AAAA,QACvD,aAAW;AAAA;AAAA,IACb;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAE5B,MAAM,YAGF,OAAO,OAAO,eAAe;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM;AACR,CAAC;",
   "names": []
 }

package/dist/components/textarea.css

@@ -41,13 +41,22 @@
   font-size: var(--dsx-typography-body-large-font-size);
 }
 
-/* Variant — classic: elevated shadow over default surface border */
+/* Variant — classic: raised fill + elevation over the default surface shell. */
 .dsx-textarea[data-variant='classic'] {
-  box-shadow: var(--dsx-effect-shadow-1);
+  background: var(--dsx-color-surface-raised);
+  box-shadow: var(--dsx-shadow-elevation-2);
 }
 
 /* Variant — soft: tinted background, no border */
 .dsx-textarea[data-variant='soft'] {
-  background: var(--dsx-color-primary-ghost, color-mix(in srgb, var(--dsx-color-primary) 8%, transparent));
+  background: var(--dsx-color-accent-surface);
   border-color: transparent;
 }
+
+/* No resize-grip styling: the bare primitive keeps the platform-native grip.
+   Painted chrome on the native resizer box proved unkeepable across zoom and
+   engines (seven iterations); the designed grip lives in TextAreaField. */
+.dsx-textarea[data-radius='none'] { border-radius: 0; }
+.dsx-textarea[data-radius='sm']   { border-radius: var(--dsx-rounded-sm); }
+.dsx-textarea[data-radius='md']   { border-radius: var(--dsx-rounded-md); }
+.dsx-textarea[data-radius='lg']   { border-radius: var(--dsx-rounded-lg); }

package/dist/components/theme-panel.css

@@ -6,7 +6,8 @@
   gap: var(--dsx-space-xs);
   padding: var(--dsx-space-md);
   border-radius: var(--dsx-rounded-lg);
-  background: var(--dsx-color-surface-overlay);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   border: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
   font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
 }

package/dist/components/themeProvider/ThemeProvider.cjs

@@ -38,6 +38,14 @@ var import_Theme = require("../../foundations/Theme");
 var import_constants = require("../../_internal/constants");
 var import_themeProvider = require("./themeProvider.props");
 var import_jsx_runtime = require("react/jsx-runtime");
+function getTelegramWebApp() {
+  if (typeof window === "undefined") return void 0;
+  return window.Telegram?.WebApp;
+}
+function getTelegramColorScheme() {
+  const scheme = getTelegramWebApp()?.colorScheme;
+  return scheme === "light" || scheme === "dark" ? scheme : void 0;
+}
 const defaultDimensions = {
   accentColor: "rift",
   density: "comfortable",
@@ -50,7 +58,7 @@ const defaultDimensions = {
 const ThemeProviderContext = React.createContext(null);
 function getSystemTheme() {
   if (typeof window === "undefined") return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  return getTelegramColorScheme() ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
 }
 function getStoredDimensions(storageKey, defaults) {
   if (typeof window === "undefined") return defaults;
@@ -83,6 +91,7 @@ function ThemeProvider({
   scaling: scalingProp,
   storageKey
 }) {
+  if (!storageKey) throw new Error("ThemeProvider requires a storageKey");
   const defaults = {
     accentColor: accentColorProp ?? defaultDimensions.accentColor,
     density: densityProp ?? defaultDimensions.density,
@@ -121,6 +130,18 @@ function ThemeProvider({
   }, [foundationThemeValue]);
   React.useEffect(() => {
     if (typeof window === "undefined" || dimensions.mode !== "system") return;
+    const telegramWebApp = getTelegramWebApp();
+    if (telegramWebApp?.onEvent) {
+      const updateFromTelegram = () => {
+        const scheme = getTelegramColorScheme();
+        if (scheme) setSystemTheme(scheme);
+      };
+      updateFromTelegram();
+      telegramWebApp.onEvent("themeChanged", updateFromTelegram);
+      return () => {
+        telegramWebApp.offEvent?.("themeChanged", updateFromTelegram);
+      };
+    }
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const updateTheme = () => {
       setSystemTheme(mediaQuery.matches ? "dark" : "light");

package/dist/components/themeProvider/ThemeProvider.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/themeProvider/ThemeProvider.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport {\n  applyThemeToDocument,\n  ThemeContext,\n  type ThemeAccentColor,\n  type ThemeContextValue as FoundationThemeContextValue,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { type ThemeProviderProps } from './themeProvider.props'\n\nexport type ThemePreference = 'light' | 'dark' | 'system'\n\ntype ThemeDimensions = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling: ThemeScaling\n}\n\nconst defaultDimensions: ThemeDimensions = {\n  accentColor: 'rift',\n  density: 'comfortable',\n  grayColor: 'auto',\n  mode: 'system',\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\ntype ThemeContextValue = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  resolvedTheme: 'light' | 'dark'\n  scaling: ThemeScaling\n  setAccentColor: (value: ThemeAccentColor) => void\n  setDensity: (value: 'comfortable' | 'compact') => void\n  setGrayColor: (value: ThemeGrayColor) => void\n  setMode: React.Dispatch<React.SetStateAction<ThemePreference>>\n  setPanelBackground: (value: ThemePanelBackground) => void\n  setRadius: (value: ThemeRadius) => void\n  setScaling: (value: ThemeScaling) => void\n  setTheme: React.Dispatch<React.SetStateAction<ThemePreference>>\n  theme: ThemePreference\n}\n\nconst ThemeProviderContext = React.createContext<ThemeContextValue | null>(null)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction getStoredDimensions(storageKey: string, defaults: ThemeDimensions): ThemeDimensions {\n  if (typeof window === 'undefined') return defaults\n\n  try {\n    const stored = window.localStorage.getItem(storageKey)\n    if (!stored) return defaults\n\n    const parsed = JSON.parse(stored) as Partial<ThemeDimensions>\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Guard against replaying an\n    // unrecognized value into `data-accent-color` \u2014 there is no CSS override\n    // block for it, so it silently inherits whatever accent happens to be\n    // ambient instead of a real, intentional tier.\n    const storedAccentColor =\n      parsed.accentColor && (ACCENT_COLOR_VALUES as readonly string[]).includes(parsed.accentColor)\n        ? parsed.accentColor\n        : undefined\n    return {\n      accentColor: storedAccentColor ?? defaults.accentColor,\n      density: parsed.density ?? defaults.density,\n      grayColor: parsed.grayColor ?? defaults.grayColor,\n      mode: parsed.mode ?? defaults.mode,\n      panelBackground: parsed.panelBackground ?? defaults.panelBackground,\n      radius: parsed.radius ?? defaults.radius,\n      scaling: parsed.scaling ?? defaults.scaling,\n    }\n  } catch {\n    return defaults\n  }\n}\n\nexport function ThemeProvider({\n  accentColor: accentColorProp,\n  children,\n  defaultTheme = 'system',\n  density: densityProp,\n  grayColor: grayColorProp,\n  panelBackground: panelBackgroundProp,\n  radius: radiusProp,\n  scaling: scalingProp,\n  storageKey,\n}: ThemeProviderProps) {\n  const defaults: ThemeDimensions = {\n    accentColor: accentColorProp ?? defaultDimensions.accentColor,\n    density: densityProp ?? defaultDimensions.density,\n    grayColor: grayColorProp ?? defaultDimensions.grayColor,\n    mode: defaultTheme,\n    panelBackground: panelBackgroundProp ?? defaultDimensions.panelBackground,\n    radius: radiusProp ?? defaultDimensions.radius,\n    scaling: scalingProp ?? defaultDimensions.scaling,\n  }\n\n  // Start with SSR-safe defaults so server and client initial renders match.\n  // Stored preferences and system theme are applied after mount to avoid hydration mismatches.\n  const [dimensions, setDimensions] = React.useState<ThemeDimensions>(defaults)\n  const [systemTheme, setSystemTheme] = React.useState<'light' | 'dark'>('light')\n\n  const resolvedTheme = dimensions.mode === 'system' ? systemTheme : dimensions.mode\n\n  // After hydration: restore stored preferences and detect system theme.\n  // A layout effect (not `useEffect`) so this \u2014 and the document-attribute\n  // effect below, also promoted to a layout effect \u2014 resolve synchronously\n  // before the browser paints. Splitting document application into a plain\n  // `useEffect` would let the browser paint the SSR-safe 'light' default\n  // first, since passive effects run after paint: exactly the flash this\n  // fix closes. ThemeScript (see ThemeScript.tsx) closes the earlier gap,\n  // before hydration even starts.\n  React.useLayoutEffect(() => {\n    setDimensions(getStoredDimensions(storageKey, defaults))\n    setSystemTheme(getSystemTheme())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Persist all dimensions to localStorage\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    window.localStorage.setItem(storageKey, JSON.stringify(dimensions))\n  }, [storageKey, dimensions])\n\n  const foundationThemeValue = React.useMemo<FoundationThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      hasBackground: true,\n      mode: resolvedTheme,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      scaling: dimensions.scaling,\n    }),\n    [dimensions, resolvedTheme],\n  )\n\n  // Apply data attributes to document. useLayoutEffect, not useEffect \u2014 see\n  // the restore effect above for why: this must resolve before paint.\n  React.useLayoutEffect(() => {\n    return applyThemeToDocument(foundationThemeValue)\n  }, [foundationThemeValue])\n\n  // Listen for system theme changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || dimensions.mode !== 'system') return\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const updateTheme = () => {\n      setSystemTheme(mediaQuery.matches ? 'dark' : 'light')\n    }\n\n    updateTheme()\n    mediaQuery.addEventListener('change', updateTheme)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateTheme)\n    }\n  }, [dimensions.mode])\n\n  const setMode = React.useCallback(\n    (action: React.SetStateAction<ThemePreference>) => {\n      setDimensions((prev) => ({\n        ...prev,\n        mode: typeof action === 'function' ? action(prev.mode) : action,\n      }))\n    },\n    [],\n  )\n\n  const setAccentColor = React.useCallback((value: ThemeAccentColor) => {\n    setDimensions((prev) => ({ ...prev, accentColor: value }))\n  }, [])\n\n  const setDensity = React.useCallback((value: 'comfortable' | 'compact') => {\n    setDimensions((prev) => ({ ...prev, density: value }))\n  }, [])\n\n  const setGrayColor = React.useCallback((value: ThemeGrayColor) => {\n    setDimensions((prev) => ({ ...prev, grayColor: value }))\n  }, [])\n\n  const setPanelBackground = React.useCallback((value: ThemePanelBackground) => {\n    setDimensions((prev) => ({ ...prev, panelBackground: value }))\n  }, [])\n\n  const setRadius = React.useCallback((value: ThemeRadius) => {\n    setDimensions((prev) => ({ ...prev, radius: value }))\n  }, [])\n\n  const setScaling = React.useCallback((value: ThemeScaling) => {\n    setDimensions((prev) => ({ ...prev, scaling: value }))\n  }, [])\n\n  const contextValue = React.useMemo<ThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      mode: dimensions.mode,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      resolvedTheme,\n      scaling: dimensions.scaling,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n      setTheme: setMode,\n      theme: dimensions.mode,\n    }),\n    [\n      dimensions,\n      resolvedTheme,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n    ],\n  )\n\n  return (\n    <ThemeContext.Provider value={foundationThemeValue}>\n      <ThemeProviderContext.Provider value={contextValue}>{children}</ThemeProviderContext.Provider>\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeProviderContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport {\n  applyThemeToDocument,\n  ThemeContext,\n  type ThemeAccentColor,\n  type ThemeContextValue as FoundationThemeContextValue,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { type ThemeProviderProps } from './themeProvider.props'\n\nexport type ThemePreference = 'light' | 'dark' | 'system'\n\n// Kept local and unexported (not `declare global`): a consumer that also\n// installs a Telegram SDK's own types (e.g. `@telegram-apps/sdk`,\n// `@twa-dev/sdk`) would collide with a global `Window.Telegram` augmentation\n// shipped from this package. Reading through a narrow structural type at the\n// access site avoids that entirely while still getting type safety here.\ntype MinimalTelegramWebApp = {\n  colorScheme?: 'light' | 'dark'\n  offEvent?: (eventType: 'themeChanged', callback: () => void) => void\n  onEvent?: (eventType: 'themeChanged', callback: () => void) => void\n}\n\nfunction getTelegramWebApp(): MinimalTelegramWebApp | undefined {\n  if (typeof window === 'undefined') return undefined\n  return (window as typeof window & { Telegram?: { WebApp?: MinimalTelegramWebApp } }).Telegram?.WebApp\n}\n\nfunction getTelegramColorScheme(): 'light' | 'dark' | undefined {\n  const scheme = getTelegramWebApp()?.colorScheme\n  return scheme === 'light' || scheme === 'dark' ? scheme : undefined\n}\n\ntype ThemeDimensions = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling: ThemeScaling\n}\n\nconst defaultDimensions: ThemeDimensions = {\n  accentColor: 'rift',\n  density: 'comfortable',\n  grayColor: 'auto',\n  mode: 'system',\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\ntype ThemeContextValue = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  resolvedTheme: 'light' | 'dark'\n  scaling: ThemeScaling\n  setAccentColor: (value: ThemeAccentColor) => void\n  setDensity: (value: 'comfortable' | 'compact') => void\n  setGrayColor: (value: ThemeGrayColor) => void\n  setMode: React.Dispatch<React.SetStateAction<ThemePreference>>\n  setPanelBackground: (value: ThemePanelBackground) => void\n  setRadius: (value: ThemeRadius) => void\n  setScaling: (value: ThemeScaling) => void\n  setTheme: React.Dispatch<React.SetStateAction<ThemePreference>>\n  theme: ThemePreference\n}\n\nconst ThemeProviderContext = React.createContext<ThemeContextValue | null>(null)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return getTelegramColorScheme() ?? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n}\n\nfunction getStoredDimensions(storageKey: string, defaults: ThemeDimensions): ThemeDimensions {\n  if (typeof window === 'undefined') return defaults\n\n  try {\n    const stored = window.localStorage.getItem(storageKey)\n    if (!stored) return defaults\n\n    const parsed = JSON.parse(stored) as Partial<ThemeDimensions>\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Guard against replaying an\n    // unrecognized value into `data-accent-color` \u2014 there is no CSS override\n    // block for it, so it silently inherits whatever accent happens to be\n    // ambient instead of a real, intentional tier.\n    const storedAccentColor =\n      parsed.accentColor && (ACCENT_COLOR_VALUES as readonly string[]).includes(parsed.accentColor)\n        ? parsed.accentColor\n        : undefined\n    return {\n      accentColor: storedAccentColor ?? defaults.accentColor,\n      density: parsed.density ?? defaults.density,\n      grayColor: parsed.grayColor ?? defaults.grayColor,\n      mode: parsed.mode ?? defaults.mode,\n      panelBackground: parsed.panelBackground ?? defaults.panelBackground,\n      radius: parsed.radius ?? defaults.radius,\n      scaling: parsed.scaling ?? defaults.scaling,\n    }\n  } catch {\n    return defaults\n  }\n}\n\nexport function ThemeProvider({\n  accentColor: accentColorProp,\n  children,\n  defaultTheme = 'system',\n  density: densityProp,\n  grayColor: grayColorProp,\n  panelBackground: panelBackgroundProp,\n  radius: radiusProp,\n  scaling: scalingProp,\n  storageKey,\n}: ThemeProviderProps) {\n  if (!storageKey) throw new Error('ThemeProvider requires a storageKey')\n  const defaults: ThemeDimensions = {\n    accentColor: accentColorProp ?? defaultDimensions.accentColor,\n    density: densityProp ?? defaultDimensions.density,\n    grayColor: grayColorProp ?? defaultDimensions.grayColor,\n    mode: defaultTheme,\n    panelBackground: panelBackgroundProp ?? defaultDimensions.panelBackground,\n    radius: radiusProp ?? defaultDimensions.radius,\n    scaling: scalingProp ?? defaultDimensions.scaling,\n  }\n\n  // Start with SSR-safe defaults so server and client initial renders match.\n  // Stored preferences and system theme are applied after mount to avoid hydration mismatches.\n  const [dimensions, setDimensions] = React.useState<ThemeDimensions>(defaults)\n  const [systemTheme, setSystemTheme] = React.useState<'light' | 'dark'>('light')\n\n  const resolvedTheme = dimensions.mode === 'system' ? systemTheme : dimensions.mode\n\n  // After hydration: restore stored preferences and detect system theme.\n  // A layout effect (not `useEffect`) so this \u2014 and the document-attribute\n  // effect below, also promoted to a layout effect \u2014 resolve synchronously\n  // before the browser paints. Splitting document application into a plain\n  // `useEffect` would let the browser paint the SSR-safe 'light' default\n  // first, since passive effects run after paint: exactly the flash this\n  // fix closes. ThemeScript (see ThemeScript.tsx) closes the earlier gap,\n  // before hydration even starts.\n  React.useLayoutEffect(() => {\n    setDimensions(getStoredDimensions(storageKey, defaults))\n    setSystemTheme(getSystemTheme())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Persist all dimensions to localStorage\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    window.localStorage.setItem(storageKey, JSON.stringify(dimensions))\n  }, [storageKey, dimensions])\n\n  const foundationThemeValue = React.useMemo<FoundationThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      hasBackground: true,\n      mode: resolvedTheme,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      scaling: dimensions.scaling,\n    }),\n    [dimensions, resolvedTheme],\n  )\n\n  // Apply data attributes to document. useLayoutEffect, not useEffect \u2014 see\n  // the restore effect above for why: this must resolve before paint.\n  React.useLayoutEffect(() => {\n    return applyThemeToDocument(foundationThemeValue)\n  }, [foundationThemeValue])\n\n  // Listen for system theme changes. Inside a Telegram Mini App WebView,\n  // `prefers-color-scheme` reflects the OS theme, not the Telegram client's\n  // own theme (a user can run light-mode Telegram on a dark-mode phone, or\n  // vice versa) \u2014 `Telegram.WebApp`'s `colorScheme` + `themeChanged` event is\n  // the actual signal, and take priority whenever the WebApp bridge exists.\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || dimensions.mode !== 'system') return\n\n    const telegramWebApp = getTelegramWebApp()\n    if (telegramWebApp?.onEvent) {\n      const updateFromTelegram = () => {\n        const scheme = getTelegramColorScheme()\n        if (scheme) setSystemTheme(scheme)\n      }\n\n      updateFromTelegram()\n      telegramWebApp.onEvent('themeChanged', updateFromTelegram)\n\n      return () => {\n        telegramWebApp.offEvent?.('themeChanged', updateFromTelegram)\n      }\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const updateTheme = () => {\n      setSystemTheme(mediaQuery.matches ? 'dark' : 'light')\n    }\n\n    updateTheme()\n    mediaQuery.addEventListener('change', updateTheme)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateTheme)\n    }\n  }, [dimensions.mode])\n\n  const setMode = React.useCallback(\n    (action: React.SetStateAction<ThemePreference>) => {\n      setDimensions((prev) => ({\n        ...prev,\n        mode: typeof action === 'function' ? action(prev.mode) : action,\n      }))\n    },\n    [],\n  )\n\n  const setAccentColor = React.useCallback((value: ThemeAccentColor) => {\n    setDimensions((prev) => ({ ...prev, accentColor: value }))\n  }, [])\n\n  const setDensity = React.useCallback((value: 'comfortable' | 'compact') => {\n    setDimensions((prev) => ({ ...prev, density: value }))\n  }, [])\n\n  const setGrayColor = React.useCallback((value: ThemeGrayColor) => {\n    setDimensions((prev) => ({ ...prev, grayColor: value }))\n  }, [])\n\n  const setPanelBackground = React.useCallback((value: ThemePanelBackground) => {\n    setDimensions((prev) => ({ ...prev, panelBackground: value }))\n  }, [])\n\n  const setRadius = React.useCallback((value: ThemeRadius) => {\n    setDimensions((prev) => ({ ...prev, radius: value }))\n  }, [])\n\n  const setScaling = React.useCallback((value: ThemeScaling) => {\n    setDimensions((prev) => ({ ...prev, scaling: value }))\n  }, [])\n\n  const contextValue = React.useMemo<ThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      mode: dimensions.mode,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      resolvedTheme,\n      scaling: dimensions.scaling,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n      setTheme: setMode,\n      theme: dimensions.mode,\n    }),\n    [\n      dimensions,\n      resolvedTheme,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n    ],\n  )\n\n  return (\n    <ThemeContext.Provider value={foundationThemeValue}>\n      <ThemeProviderContext.Provider value={contextValue}>{children}</ThemeProviderContext.Provider>\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeProviderContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAEvB,mBASO;AAEP,uBAAoC;AACpC,2BAAwC;AAqRlC;AAtQN,SAAS,oBAAuD;AAC9D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAQ,OAA6E,UAAU;AACjG;AAEA,SAAS,yBAAuD;AAC9D,QAAM,SAAS,kBAAkB,GAAG;AACpC,SAAO,WAAW,WAAW,WAAW,SAAS,SAAS;AAC5D;AAYA,MAAM,oBAAqC;AAAA,EACzC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,SAAS;AACX;AAsBA,MAAM,uBAAuB,MAAM,cAAwC,IAAI;AAE/E,SAAS,iBAAmC;AAC1C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,uBAAuB,MAAM,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS;AAC3G;AAEA,SAAS,oBAAoB,YAAoB,UAA4C;AAC3F,MAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,MAAI;AACF,UAAM,SAAS,OAAO,aAAa,QAAQ,UAAU;AACrD,QAAI,CAAC,OAAQ,QAAO;AAEpB,UAAM,SAAS,KAAK,MAAM,MAAM;AAMhC,UAAM,oBACJ,OAAO,eAAgB,qCAA0C,SAAS,OAAO,WAAW,IACxF,OAAO,cACP;AACN,WAAO;AAAA,MACL,aAAa,qBAAqB,SAAS;AAAA,MAC3C,SAAS,OAAO,WAAW,SAAS;AAAA,MACpC,WAAW,OAAO,aAAa,SAAS;AAAA,MACxC,MAAM,OAAO,QAAQ,SAAS;AAAA,MAC9B,iBAAiB,OAAO,mBAAmB,SAAS;AAAA,MACpD,QAAQ,OAAO,UAAU,SAAS;AAAA,MAClC,SAAS,OAAO,WAAW,SAAS;AAAA,IACtC;AAAA,EACF,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,cAAc;AAAA,EAC5B,aAAa;AAAA,EACb;AAAA,EACA,eAAe;AAAA,EACf,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AACF,GAAuB;AACrB,MAAI,CAAC,WAAY,OAAM,IAAI,MAAM,qCAAqC;AACtE,QAAM,WAA4B;AAAA,IAChC,aAAa,mBAAmB,kBAAkB;AAAA,IAClD,SAAS,eAAe,kBAAkB;AAAA,IAC1C,WAAW,iBAAiB,kBAAkB;AAAA,IAC9C,MAAM;AAAA,IACN,iBAAiB,uBAAuB,kBAAkB;AAAA,IAC1D,QAAQ,cAAc,kBAAkB;AAAA,IACxC,SAAS,eAAe,kBAAkB;AAAA,EAC5C;AAIA,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA0B,QAAQ;AAC5E,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA2B,OAAO;AAE9E,QAAM,gBAAgB,WAAW,SAAS,WAAW,cAAc,WAAW;AAU9E,QAAM,gBAAgB,MAAM;AAC1B,kBAAc,oBAAoB,YAAY,QAAQ,CAAC;AACvD,mBAAe,eAAe,CAAC;AAAA,EAEjC,GAAG,CAAC,CAAC;AAGL,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,YAAa;AACnC,WAAO,aAAa,QAAQ,YAAY,KAAK,UAAU,UAAU,CAAC;AAAA,EACpE,GAAG,CAAC,YAAY,UAAU,CAAC;AAE3B,QAAM,uBAAuB,MAAM;AAAA,IACjC,OAAO;AAAA,MACL,aAAa,WAAW;AAAA,MACxB,SAAS,WAAW;AAAA,MACpB,WAAW,WAAW;AAAA,MACtB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,iBAAiB,WAAW;AAAA,MAC5B,QAAQ,WAAW;AAAA,MACnB,SAAS,WAAW;AAAA,IACtB;AAAA,IACA,CAAC,YAAY,aAAa;AAAA,EAC5B;AAIA,QAAM,gBAAgB,MAAM;AAC1B,eAAO,mCAAqB,oBAAoB;AAAA,EAClD,GAAG,CAAC,oBAAoB,CAAC;AAOzB,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,WAAW,eAAe,WAAW,SAAS,SAAU;AAEnE,UAAM,iBAAiB,kBAAkB;AACzC,QAAI,gBAAgB,SAAS;AAC3B,YAAM,qBAAqB,MAAM;AAC/B,cAAM,SAAS,uBAAuB;AACtC,YAAI,OAAQ,gBAAe,MAAM;AAAA,MACnC;AAEA,yBAAmB;AACnB,qBAAe,QAAQ,gBAAgB,kBAAkB;AAEzD,aAAO,MAAM;AACX,uBAAe,WAAW,gBAAgB,kBAAkB;AAAA,MAC9D;AAAA,IACF;AAEA,UAAM,aAAa,OAAO,WAAW,8BAA8B;AACnE,UAAM,cAAc,MAAM;AACxB,qBAAe,WAAW,UAAU,SAAS,OAAO;AAAA,IACtD;AAEA,gBAAY;AACZ,eAAW,iBAAiB,UAAU,WAAW;AAEjD,WAAO,MAAM;AACX,iBAAW,oBAAoB,UAAU,WAAW;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,WAAW,IAAI,CAAC;AAEpB,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,WAAkD;AACjD,oBAAc,CAAC,UAAU;AAAA,QACvB,GAAG;AAAA,QACH,MAAM,OAAO,WAAW,aAAa,OAAO,KAAK,IAAI,IAAI;AAAA,MAC3D,EAAE;AAAA,IACJ;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,iBAAiB,MAAM,YAAY,CAAC,UAA4B;AACpE,kBAAc,CAAC,UAAU,EAAE,GAAG,MAAM,aAAa,MAAM,EAAE;AAAA,EAC3D,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,MAAM,YAAY,CAAC,UAAqC;AACzE,kBAAc,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,MAAM,EAAE;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM,YAAY,CAAC,UAA0B;AAChE,kBAAc,CAAC,UAAU,EAAE,GAAG,MAAM,WAAW,MAAM,EAAE;AAAA,EACzD,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,MAAM,YAAY,CAAC,UAAgC;AAC5E,kBAAc,CAAC,UAAU,EAAE,GAAG,MAAM,iBAAiB,MAAM,EAAE;AAAA,EAC/D,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,MAAM,YAAY,CAAC,UAAuB;AAC1D,kBAAc,CAAC,UAAU,EAAE,GAAG,MAAM,QAAQ,MAAM,EAAE;AAAA,EACtD,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,MAAM,YAAY,CAAC,UAAwB;AAC5D,kBAAc,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,MAAM,EAAE;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO;AAAA,MACL,aAAa,WAAW;AAAA,MACxB,SAAS,WAAW;AAAA,MACpB,WAAW,WAAW;AAAA,MACtB,MAAM,WAAW;AAAA,MACjB,iBAAiB,WAAW;AAAA,MAC5B,QAAQ,WAAW;AAAA,MACnB;AAAA,MACA,SAAS,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,OAAO,WAAW;AAAA,IACpB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SACE,4CAAC,0BAAa,UAAb,EAAsB,OAAO,sBAC5B,sDAAC,qBAAqB,UAArB,EAA8B,OAAO,cAAe,UAAS,GAChE;AAEJ;AAEO,SAAS,WAAW;AACzB,QAAM,UAAU,MAAM,WAAW,oBAAoB;AAErD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/components/themeProvider/ThemeProvider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAsBzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAmJpB;AAED,wBAAgB,QAAQ,sBAQvB"}
+{"version":3,"file":"ThemeProvider.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AA2CzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAuKpB;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/themeProvider/ThemeProvider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAsBzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAmJpB;AAED,wBAAgB,QAAQ,sBAQvB"}
+{"version":3,"file":"ThemeProvider.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AA2CzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAuKpB;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/themeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAsBzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAmJpB;AAED,wBAAgB,QAAQ,sBAQvB"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AA2CzD,KAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,OAAO,EAAE,YAAY,CAAA;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9D,kBAAkB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACzD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,eAAe,CAAA;CACvB,CAAA;AAwCD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,UAAU,GACX,EAAE,kBAAkB,2CAuKpB;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/themeProvider/ThemeProvider.js

@@ -7,6 +7,14 @@ import {
 import { ACCENT_COLOR_VALUES } from "../../_internal/constants.js";
 import {} from "./themeProvider.props.js";
 import { jsx } from "react/jsx-runtime";
+function getTelegramWebApp() {
+  if (typeof window === "undefined") return void 0;
+  return window.Telegram?.WebApp;
+}
+function getTelegramColorScheme() {
+  const scheme = getTelegramWebApp()?.colorScheme;
+  return scheme === "light" || scheme === "dark" ? scheme : void 0;
+}
 const defaultDimensions = {
   accentColor: "rift",
   density: "comfortable",
@@ -19,7 +27,7 @@ const defaultDimensions = {
 const ThemeProviderContext = React.createContext(null);
 function getSystemTheme() {
   if (typeof window === "undefined") return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  return getTelegramColorScheme() ?? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
 }
 function getStoredDimensions(storageKey, defaults) {
   if (typeof window === "undefined") return defaults;
@@ -52,6 +60,7 @@ function ThemeProvider({
   scaling: scalingProp,
   storageKey
 }) {
+  if (!storageKey) throw new Error("ThemeProvider requires a storageKey");
   const defaults = {
     accentColor: accentColorProp ?? defaultDimensions.accentColor,
     density: densityProp ?? defaultDimensions.density,
@@ -90,6 +99,18 @@ function ThemeProvider({
   }, [foundationThemeValue]);
   React.useEffect(() => {
     if (typeof window === "undefined" || dimensions.mode !== "system") return;
+    const telegramWebApp = getTelegramWebApp();
+    if (telegramWebApp?.onEvent) {
+      const updateFromTelegram = () => {
+        const scheme = getTelegramColorScheme();
+        if (scheme) setSystemTheme(scheme);
+      };
+      updateFromTelegram();
+      telegramWebApp.onEvent("themeChanged", updateFromTelegram);
+      return () => {
+        telegramWebApp.offEvent?.("themeChanged", updateFromTelegram);
+      };
+    }
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const updateTheme = () => {
       setSystemTheme(mediaQuery.matches ? "dark" : "light");

package/dist/components/themeProvider/ThemeProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/themeProvider/ThemeProvider.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport {\n  applyThemeToDocument,\n  ThemeContext,\n  type ThemeAccentColor,\n  type ThemeContextValue as FoundationThemeContextValue,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { type ThemeProviderProps } from './themeProvider.props'\n\nexport type ThemePreference = 'light' | 'dark' | 'system'\n\ntype ThemeDimensions = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling: ThemeScaling\n}\n\nconst defaultDimensions: ThemeDimensions = {\n  accentColor: 'rift',\n  density: 'comfortable',\n  grayColor: 'auto',\n  mode: 'system',\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\ntype ThemeContextValue = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  resolvedTheme: 'light' | 'dark'\n  scaling: ThemeScaling\n  setAccentColor: (value: ThemeAccentColor) => void\n  setDensity: (value: 'comfortable' | 'compact') => void\n  setGrayColor: (value: ThemeGrayColor) => void\n  setMode: React.Dispatch<React.SetStateAction<ThemePreference>>\n  setPanelBackground: (value: ThemePanelBackground) => void\n  setRadius: (value: ThemeRadius) => void\n  setScaling: (value: ThemeScaling) => void\n  setTheme: React.Dispatch<React.SetStateAction<ThemePreference>>\n  theme: ThemePreference\n}\n\nconst ThemeProviderContext = React.createContext<ThemeContextValue | null>(null)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction getStoredDimensions(storageKey: string, defaults: ThemeDimensions): ThemeDimensions {\n  if (typeof window === 'undefined') return defaults\n\n  try {\n    const stored = window.localStorage.getItem(storageKey)\n    if (!stored) return defaults\n\n    const parsed = JSON.parse(stored) as Partial<ThemeDimensions>\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Guard against replaying an\n    // unrecognized value into `data-accent-color` \u2014 there is no CSS override\n    // block for it, so it silently inherits whatever accent happens to be\n    // ambient instead of a real, intentional tier.\n    const storedAccentColor =\n      parsed.accentColor && (ACCENT_COLOR_VALUES as readonly string[]).includes(parsed.accentColor)\n        ? parsed.accentColor\n        : undefined\n    return {\n      accentColor: storedAccentColor ?? defaults.accentColor,\n      density: parsed.density ?? defaults.density,\n      grayColor: parsed.grayColor ?? defaults.grayColor,\n      mode: parsed.mode ?? defaults.mode,\n      panelBackground: parsed.panelBackground ?? defaults.panelBackground,\n      radius: parsed.radius ?? defaults.radius,\n      scaling: parsed.scaling ?? defaults.scaling,\n    }\n  } catch {\n    return defaults\n  }\n}\n\nexport function ThemeProvider({\n  accentColor: accentColorProp,\n  children,\n  defaultTheme = 'system',\n  density: densityProp,\n  grayColor: grayColorProp,\n  panelBackground: panelBackgroundProp,\n  radius: radiusProp,\n  scaling: scalingProp,\n  storageKey,\n}: ThemeProviderProps) {\n  const defaults: ThemeDimensions = {\n    accentColor: accentColorProp ?? defaultDimensions.accentColor,\n    density: densityProp ?? defaultDimensions.density,\n    grayColor: grayColorProp ?? defaultDimensions.grayColor,\n    mode: defaultTheme,\n    panelBackground: panelBackgroundProp ?? defaultDimensions.panelBackground,\n    radius: radiusProp ?? defaultDimensions.radius,\n    scaling: scalingProp ?? defaultDimensions.scaling,\n  }\n\n  // Start with SSR-safe defaults so server and client initial renders match.\n  // Stored preferences and system theme are applied after mount to avoid hydration mismatches.\n  const [dimensions, setDimensions] = React.useState<ThemeDimensions>(defaults)\n  const [systemTheme, setSystemTheme] = React.useState<'light' | 'dark'>('light')\n\n  const resolvedTheme = dimensions.mode === 'system' ? systemTheme : dimensions.mode\n\n  // After hydration: restore stored preferences and detect system theme.\n  // A layout effect (not `useEffect`) so this \u2014 and the document-attribute\n  // effect below, also promoted to a layout effect \u2014 resolve synchronously\n  // before the browser paints. Splitting document application into a plain\n  // `useEffect` would let the browser paint the SSR-safe 'light' default\n  // first, since passive effects run after paint: exactly the flash this\n  // fix closes. ThemeScript (see ThemeScript.tsx) closes the earlier gap,\n  // before hydration even starts.\n  React.useLayoutEffect(() => {\n    setDimensions(getStoredDimensions(storageKey, defaults))\n    setSystemTheme(getSystemTheme())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Persist all dimensions to localStorage\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    window.localStorage.setItem(storageKey, JSON.stringify(dimensions))\n  }, [storageKey, dimensions])\n\n  const foundationThemeValue = React.useMemo<FoundationThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      hasBackground: true,\n      mode: resolvedTheme,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      scaling: dimensions.scaling,\n    }),\n    [dimensions, resolvedTheme],\n  )\n\n  // Apply data attributes to document. useLayoutEffect, not useEffect \u2014 see\n  // the restore effect above for why: this must resolve before paint.\n  React.useLayoutEffect(() => {\n    return applyThemeToDocument(foundationThemeValue)\n  }, [foundationThemeValue])\n\n  // Listen for system theme changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || dimensions.mode !== 'system') return\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const updateTheme = () => {\n      setSystemTheme(mediaQuery.matches ? 'dark' : 'light')\n    }\n\n    updateTheme()\n    mediaQuery.addEventListener('change', updateTheme)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateTheme)\n    }\n  }, [dimensions.mode])\n\n  const setMode = React.useCallback(\n    (action: React.SetStateAction<ThemePreference>) => {\n      setDimensions((prev) => ({\n        ...prev,\n        mode: typeof action === 'function' ? action(prev.mode) : action,\n      }))\n    },\n    [],\n  )\n\n  const setAccentColor = React.useCallback((value: ThemeAccentColor) => {\n    setDimensions((prev) => ({ ...prev, accentColor: value }))\n  }, [])\n\n  const setDensity = React.useCallback((value: 'comfortable' | 'compact') => {\n    setDimensions((prev) => ({ ...prev, density: value }))\n  }, [])\n\n  const setGrayColor = React.useCallback((value: ThemeGrayColor) => {\n    setDimensions((prev) => ({ ...prev, grayColor: value }))\n  }, [])\n\n  const setPanelBackground = React.useCallback((value: ThemePanelBackground) => {\n    setDimensions((prev) => ({ ...prev, panelBackground: value }))\n  }, [])\n\n  const setRadius = React.useCallback((value: ThemeRadius) => {\n    setDimensions((prev) => ({ ...prev, radius: value }))\n  }, [])\n\n  const setScaling = React.useCallback((value: ThemeScaling) => {\n    setDimensions((prev) => ({ ...prev, scaling: value }))\n  }, [])\n\n  const contextValue = React.useMemo<ThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      mode: dimensions.mode,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      resolvedTheme,\n      scaling: dimensions.scaling,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n      setTheme: setMode,\n      theme: dimensions.mode,\n    }),\n    [\n      dimensions,\n      resolvedTheme,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n    ],\n  )\n\n  return (\n    <ThemeContext.Provider value={foundationThemeValue}>\n      <ThemeProviderContext.Provider value={contextValue}>{children}</ThemeProviderContext.Provider>\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeProviderContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\nimport {\n  applyThemeToDocument,\n  ThemeContext,\n  type ThemeAccentColor,\n  type ThemeContextValue as FoundationThemeContextValue,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { type ThemeProviderProps } from './themeProvider.props'\n\nexport type ThemePreference = 'light' | 'dark' | 'system'\n\n// Kept local and unexported (not `declare global`): a consumer that also\n// installs a Telegram SDK's own types (e.g. `@telegram-apps/sdk`,\n// `@twa-dev/sdk`) would collide with a global `Window.Telegram` augmentation\n// shipped from this package. Reading through a narrow structural type at the\n// access site avoids that entirely while still getting type safety here.\ntype MinimalTelegramWebApp = {\n  colorScheme?: 'light' | 'dark'\n  offEvent?: (eventType: 'themeChanged', callback: () => void) => void\n  onEvent?: (eventType: 'themeChanged', callback: () => void) => void\n}\n\nfunction getTelegramWebApp(): MinimalTelegramWebApp | undefined {\n  if (typeof window === 'undefined') return undefined\n  return (window as typeof window & { Telegram?: { WebApp?: MinimalTelegramWebApp } }).Telegram?.WebApp\n}\n\nfunction getTelegramColorScheme(): 'light' | 'dark' | undefined {\n  const scheme = getTelegramWebApp()?.colorScheme\n  return scheme === 'light' || scheme === 'dark' ? scheme : undefined\n}\n\ntype ThemeDimensions = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling: ThemeScaling\n}\n\nconst defaultDimensions: ThemeDimensions = {\n  accentColor: 'rift',\n  density: 'comfortable',\n  grayColor: 'auto',\n  mode: 'system',\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\ntype ThemeContextValue = {\n  accentColor: ThemeAccentColor\n  density: 'comfortable' | 'compact'\n  grayColor: ThemeGrayColor\n  mode: ThemePreference\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  resolvedTheme: 'light' | 'dark'\n  scaling: ThemeScaling\n  setAccentColor: (value: ThemeAccentColor) => void\n  setDensity: (value: 'comfortable' | 'compact') => void\n  setGrayColor: (value: ThemeGrayColor) => void\n  setMode: React.Dispatch<React.SetStateAction<ThemePreference>>\n  setPanelBackground: (value: ThemePanelBackground) => void\n  setRadius: (value: ThemeRadius) => void\n  setScaling: (value: ThemeScaling) => void\n  setTheme: React.Dispatch<React.SetStateAction<ThemePreference>>\n  theme: ThemePreference\n}\n\nconst ThemeProviderContext = React.createContext<ThemeContextValue | null>(null)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return getTelegramColorScheme() ?? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')\n}\n\nfunction getStoredDimensions(storageKey: string, defaults: ThemeDimensions): ThemeDimensions {\n  if (typeof window === 'undefined') return defaults\n\n  try {\n    const stored = window.localStorage.getItem(storageKey)\n    if (!stored) return defaults\n\n    const parsed = JSON.parse(stored) as Partial<ThemeDimensions>\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Guard against replaying an\n    // unrecognized value into `data-accent-color` \u2014 there is no CSS override\n    // block for it, so it silently inherits whatever accent happens to be\n    // ambient instead of a real, intentional tier.\n    const storedAccentColor =\n      parsed.accentColor && (ACCENT_COLOR_VALUES as readonly string[]).includes(parsed.accentColor)\n        ? parsed.accentColor\n        : undefined\n    return {\n      accentColor: storedAccentColor ?? defaults.accentColor,\n      density: parsed.density ?? defaults.density,\n      grayColor: parsed.grayColor ?? defaults.grayColor,\n      mode: parsed.mode ?? defaults.mode,\n      panelBackground: parsed.panelBackground ?? defaults.panelBackground,\n      radius: parsed.radius ?? defaults.radius,\n      scaling: parsed.scaling ?? defaults.scaling,\n    }\n  } catch {\n    return defaults\n  }\n}\n\nexport function ThemeProvider({\n  accentColor: accentColorProp,\n  children,\n  defaultTheme = 'system',\n  density: densityProp,\n  grayColor: grayColorProp,\n  panelBackground: panelBackgroundProp,\n  radius: radiusProp,\n  scaling: scalingProp,\n  storageKey,\n}: ThemeProviderProps) {\n  if (!storageKey) throw new Error('ThemeProvider requires a storageKey')\n  const defaults: ThemeDimensions = {\n    accentColor: accentColorProp ?? defaultDimensions.accentColor,\n    density: densityProp ?? defaultDimensions.density,\n    grayColor: grayColorProp ?? defaultDimensions.grayColor,\n    mode: defaultTheme,\n    panelBackground: panelBackgroundProp ?? defaultDimensions.panelBackground,\n    radius: radiusProp ?? defaultDimensions.radius,\n    scaling: scalingProp ?? defaultDimensions.scaling,\n  }\n\n  // Start with SSR-safe defaults so server and client initial renders match.\n  // Stored preferences and system theme are applied after mount to avoid hydration mismatches.\n  const [dimensions, setDimensions] = React.useState<ThemeDimensions>(defaults)\n  const [systemTheme, setSystemTheme] = React.useState<'light' | 'dark'>('light')\n\n  const resolvedTheme = dimensions.mode === 'system' ? systemTheme : dimensions.mode\n\n  // After hydration: restore stored preferences and detect system theme.\n  // A layout effect (not `useEffect`) so this \u2014 and the document-attribute\n  // effect below, also promoted to a layout effect \u2014 resolve synchronously\n  // before the browser paints. Splitting document application into a plain\n  // `useEffect` would let the browser paint the SSR-safe 'light' default\n  // first, since passive effects run after paint: exactly the flash this\n  // fix closes. ThemeScript (see ThemeScript.tsx) closes the earlier gap,\n  // before hydration even starts.\n  React.useLayoutEffect(() => {\n    setDimensions(getStoredDimensions(storageKey, defaults))\n    setSystemTheme(getSystemTheme())\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Persist all dimensions to localStorage\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    window.localStorage.setItem(storageKey, JSON.stringify(dimensions))\n  }, [storageKey, dimensions])\n\n  const foundationThemeValue = React.useMemo<FoundationThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      hasBackground: true,\n      mode: resolvedTheme,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      scaling: dimensions.scaling,\n    }),\n    [dimensions, resolvedTheme],\n  )\n\n  // Apply data attributes to document. useLayoutEffect, not useEffect \u2014 see\n  // the restore effect above for why: this must resolve before paint.\n  React.useLayoutEffect(() => {\n    return applyThemeToDocument(foundationThemeValue)\n  }, [foundationThemeValue])\n\n  // Listen for system theme changes. Inside a Telegram Mini App WebView,\n  // `prefers-color-scheme` reflects the OS theme, not the Telegram client's\n  // own theme (a user can run light-mode Telegram on a dark-mode phone, or\n  // vice versa) \u2014 `Telegram.WebApp`'s `colorScheme` + `themeChanged` event is\n  // the actual signal, and take priority whenever the WebApp bridge exists.\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || dimensions.mode !== 'system') return\n\n    const telegramWebApp = getTelegramWebApp()\n    if (telegramWebApp?.onEvent) {\n      const updateFromTelegram = () => {\n        const scheme = getTelegramColorScheme()\n        if (scheme) setSystemTheme(scheme)\n      }\n\n      updateFromTelegram()\n      telegramWebApp.onEvent('themeChanged', updateFromTelegram)\n\n      return () => {\n        telegramWebApp.offEvent?.('themeChanged', updateFromTelegram)\n      }\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const updateTheme = () => {\n      setSystemTheme(mediaQuery.matches ? 'dark' : 'light')\n    }\n\n    updateTheme()\n    mediaQuery.addEventListener('change', updateTheme)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateTheme)\n    }\n  }, [dimensions.mode])\n\n  const setMode = React.useCallback(\n    (action: React.SetStateAction<ThemePreference>) => {\n      setDimensions((prev) => ({\n        ...prev,\n        mode: typeof action === 'function' ? action(prev.mode) : action,\n      }))\n    },\n    [],\n  )\n\n  const setAccentColor = React.useCallback((value: ThemeAccentColor) => {\n    setDimensions((prev) => ({ ...prev, accentColor: value }))\n  }, [])\n\n  const setDensity = React.useCallback((value: 'comfortable' | 'compact') => {\n    setDimensions((prev) => ({ ...prev, density: value }))\n  }, [])\n\n  const setGrayColor = React.useCallback((value: ThemeGrayColor) => {\n    setDimensions((prev) => ({ ...prev, grayColor: value }))\n  }, [])\n\n  const setPanelBackground = React.useCallback((value: ThemePanelBackground) => {\n    setDimensions((prev) => ({ ...prev, panelBackground: value }))\n  }, [])\n\n  const setRadius = React.useCallback((value: ThemeRadius) => {\n    setDimensions((prev) => ({ ...prev, radius: value }))\n  }, [])\n\n  const setScaling = React.useCallback((value: ThemeScaling) => {\n    setDimensions((prev) => ({ ...prev, scaling: value }))\n  }, [])\n\n  const contextValue = React.useMemo<ThemeContextValue>(\n    () => ({\n      accentColor: dimensions.accentColor,\n      density: dimensions.density,\n      grayColor: dimensions.grayColor,\n      mode: dimensions.mode,\n      panelBackground: dimensions.panelBackground,\n      radius: dimensions.radius,\n      resolvedTheme,\n      scaling: dimensions.scaling,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n      setTheme: setMode,\n      theme: dimensions.mode,\n    }),\n    [\n      dimensions,\n      resolvedTheme,\n      setAccentColor,\n      setDensity,\n      setGrayColor,\n      setMode,\n      setPanelBackground,\n      setRadius,\n      setScaling,\n    ],\n  )\n\n  return (\n    <ThemeContext.Provider value={foundationThemeValue}>\n      <ThemeProviderContext.Provider value={contextValue}>{children}</ThemeProviderContext.Provider>\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeProviderContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/themeProvider/ThemeScript.cjs

@@ -55,7 +55,7 @@ function getThemeInitScript(options) {
     radius: defaultRadius,
     scaling: defaultScaling
   };
-  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(import_constants.ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
+  return `(function(){try{var k=${JSON.stringify(storageKey)};var d=${JSON.stringify(defaults)};var validAccent=${JSON.stringify(import_constants.ACCENT_COLOR_VALUES)};var s=null;try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;var dims={mode:(s&&s.mode)||d.mode,density:(s&&s.density)||d.density,scaling:(s&&s.scaling)||d.scaling,accentColor:storedAccent||d.accentColor,grayColor:(s&&s.grayColor)||d.grayColor,radius:(s&&s.radius)||d.radius,panelBackground:(s&&s.panelBackground)||d.panelBackground};var m=dims.mode;if(m==="system"){var tgScheme;try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}if(tgScheme==="light"||tgScheme==="dark"){m=tgScheme;}else{m=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";}}var root=document.documentElement;root.setAttribute("data-dsx-theme",m);root.setAttribute("data-dsx-density",dims.density);root.setAttribute("data-dsx-scaling",dims.scaling);root.setAttribute("data-accent-color",dims.accentColor);root.setAttribute("data-gray-color",dims.grayColor);root.setAttribute("data-radius",dims.radius);root.setAttribute("data-panel-background",dims.panelBackground);root.setAttribute("data-has-background","true");root.style.colorScheme=m;}catch(e){}})();`;
 }
 function ThemeScript({ nonce, ...options }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/themeProvider/ThemeScript.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/themeProvider/ThemeScript.tsx"],
-  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoC;AACpC,mBAMO;AAEP,2BAAqC;AA0GjC;AA7FJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,oCAAmB,CAAC;AA8B1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
+  "sourcesContent": ["import { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport {\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../../foundations/Theme'\n\nimport { type ThemePreference } from './themeProvider.props'\n\nexport type ThemeScriptOptions = {\n  defaultAccentColor?: ThemeAccentColor\n  defaultDensity?: 'comfortable' | 'compact'\n  defaultGrayColor?: ThemeGrayColor\n  defaultPanelBackground?: ThemePanelBackground\n  defaultRadius?: ThemeRadius\n  defaultScaling?: ThemeScaling\n  defaultTheme?: ThemePreference\n  storageKey: string\n}\n\nconst SCRIPT_DEFAULTS: Required<Omit<ThemeScriptOptions, 'storageKey'>> = {\n  defaultAccentColor: 'rift',\n  defaultDensity: 'comfortable',\n  defaultGrayColor: 'auto',\n  defaultPanelBackground: 'translucent',\n  defaultRadius: 'md',\n  defaultScaling: '100',\n  defaultTheme: 'system',\n}\n\n/**\n * Returns the JS source for a blocking, pre-hydration script that reads the\n * same storageKey ThemeProvider persists to (falling back to matchMedia for\n * `system`) and applies the document attribute contract to `<html>` before\n * first paint. `document.body` does not exist yet when this runs in <head>;\n * ThemeProvider's own mount-time effect mirrors the same attributes onto\n * `<body>` once it exists \u2014 see ThemeProvider.tsx.\n */\nexport function getThemeInitScript(options: ThemeScriptOptions): string {\n  const {\n    storageKey,\n    defaultAccentColor = SCRIPT_DEFAULTS.defaultAccentColor,\n    defaultDensity = SCRIPT_DEFAULTS.defaultDensity,\n    defaultGrayColor = SCRIPT_DEFAULTS.defaultGrayColor,\n    defaultPanelBackground = SCRIPT_DEFAULTS.defaultPanelBackground,\n    defaultRadius = SCRIPT_DEFAULTS.defaultRadius,\n    defaultScaling = SCRIPT_DEFAULTS.defaultScaling,\n    defaultTheme = SCRIPT_DEFAULTS.defaultTheme,\n  } = options\n\n  const defaults = {\n    accentColor: defaultAccentColor,\n    density: defaultDensity,\n    grayColor: defaultGrayColor,\n    mode: defaultTheme,\n    panelBackground: defaultPanelBackground,\n    radius: defaultRadius,\n    scaling: defaultScaling,\n  }\n\n  // Kept as a plain string (not a template literal interpolating live values)\n  // so JSON.stringify is the only thing crossing the JS/string boundary \u2014\n  // storageKey and defaults are trusted app config, never user input, but\n  // this keeps the emitted script free of unescaped interpolation regardless.\n  return `(function(){try{` +\n    `var k=${JSON.stringify(storageKey)};` +\n    `var d=${JSON.stringify(defaults)};` +\n    `var validAccent=${JSON.stringify(ACCENT_COLOR_VALUES)};` +\n    `var s=null;` +\n    `try{var r=window.localStorage.getItem(k);if(r)s=JSON.parse(r);}catch(e){}` +\n    // A previous accent-tier naming scheme (amber/silver/bronze) can still be\n    // sitting in a returning user's localStorage. Reject anything not in the\n    // current allowlist so a stale value can't drive data-accent-color into\n    // a state with no matching CSS override block.\n    `var storedAccent=(s&&s.accentColor&&validAccent.indexOf(s.accentColor)!==-1)?s.accentColor:null;` +\n    `var dims={` +\n    `mode:(s&&s.mode)||d.mode,` +\n    `density:(s&&s.density)||d.density,` +\n    `scaling:(s&&s.scaling)||d.scaling,` +\n    `accentColor:storedAccent||d.accentColor,` +\n    `grayColor:(s&&s.grayColor)||d.grayColor,` +\n    `radius:(s&&s.radius)||d.radius,` +\n    `panelBackground:(s&&s.panelBackground)||d.panelBackground` +\n    `};` +\n    `var m=dims.mode;` +\n    `if(m===\"system\"){` +\n    // Telegram Mini App WebViews: `Telegram.WebApp.colorScheme` reflects the\n    // Telegram client's own theme, which can diverge from the OS theme\n    // `prefers-color-scheme` reports (light-mode Telegram on a dark-mode\n    // phone, or vice versa) \u2014 check it first; matchMedia is the fallback for\n    // a plain browser embed. Mirrors ThemeProvider.tsx's runtime detection.\n    `var tgScheme;` +\n    `try{tgScheme=window.Telegram&&window.Telegram.WebApp&&window.Telegram.WebApp.colorScheme;}catch(e){}` +\n    `if(tgScheme===\"light\"||tgScheme===\"dark\"){m=tgScheme;}` +\n    `else{m=(window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches)?\"dark\":\"light\";}` +\n    `}` +\n    `var root=document.documentElement;` +\n    `root.setAttribute(\"data-dsx-theme\",m);` +\n    `root.setAttribute(\"data-dsx-density\",dims.density);` +\n    `root.setAttribute(\"data-dsx-scaling\",dims.scaling);` +\n    `root.setAttribute(\"data-accent-color\",dims.accentColor);` +\n    `root.setAttribute(\"data-gray-color\",dims.grayColor);` +\n    `root.setAttribute(\"data-radius\",dims.radius);` +\n    `root.setAttribute(\"data-panel-background\",dims.panelBackground);` +\n    `root.setAttribute(\"data-has-background\",\"true\");` +\n    `root.style.colorScheme=m;` +\n    `}catch(e){}})();`\n}\n\nexport type ThemeScriptProps = ThemeScriptOptions & {\n  nonce?: string\n}\n\n/**\n * Place inside the SSR document <head>, before any content that reads theme\n * tokens \u2014 e.g. Next.js `app/layout.tsx`'s `<head>`, or a custom `_document`.\n * Pass the same `storageKey` (and any `default*` overrides) given to\n * ThemeProvider so both read/write the identical stored-preference schema.\n * The host `<html>` element needs `suppressHydrationWarning` since this\n * script sets attributes on it before React hydrates.\n */\nexport function ThemeScript({ nonce, ...options }: ThemeScriptProps) {\n  return (\n    <script\n      nonce={nonce}\n      // eslint-disable-next-line react/no-danger -- static, options-derived script; no user input crosses this boundary\n      dangerouslySetInnerHTML={{ __html: getThemeInitScript(options) }}\n    />\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoC;AACpC,mBAMO;AAEP,2BAAqC;AAoHjC;AAvGJ,MAAM,kBAAoE;AAAA,EACxE,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAUO,SAAS,mBAAmB,SAAqC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,qBAAqB,gBAAgB;AAAA,IACrC,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,gBAAgB;AAAA,IACnC,yBAAyB,gBAAgB;AAAA,IACzC,gBAAgB,gBAAgB;AAAA,IAChC,iBAAiB,gBAAgB;AAAA,IACjC,eAAe,gBAAgB;AAAA,EACjC,IAAI;AAEJ,QAAM,WAAW;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAMA,SAAO,yBACI,KAAK,UAAU,UAAU,CAAC,UAC1B,KAAK,UAAU,QAAQ,CAAC,oBACd,KAAK,UAAU,oCAAmB,CAAC;AAwC1D;AAcO,SAAS,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAqB;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,yBAAyB,EAAE,QAAQ,mBAAmB,OAAO,EAAE;AAAA;AAAA,EACjE;AAEJ;",
   "names": []
 }

package/dist/components/themeProvider/ThemeScript.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeScript.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CA2DtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}
+{"version":3,"file":"ThemeScript.d.cts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAqEtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}

package/dist/components/themeProvider/ThemeScript.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeScript.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CA2DtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}
+{"version":3,"file":"ThemeScript.d.mts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAqEtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}

package/dist/components/themeProvider/ThemeScript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeScript.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CA2DtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}
+{"version":3,"file":"ThemeScript.d.ts","sourceRoot":"","sources":["../../../src/components/themeProvider/ThemeScript.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;IACrC,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC,sBAAsB,CAAC,EAAE,oBAAoB,CAAA;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAYD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAqEtE;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,gBAAgB,2CAQlE"}