@d4gger/design-system 2.7.0 → 3.0.1

package/dist/components/textAreaField/textAreaField.props.cjs

@@ -0,0 +1,68 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var textAreaField_props_exports = {};
+__export(textAreaField_props_exports, {
+  textAreaFieldPropDefs: () => textAreaFieldPropDefs
+});
+module.exports = __toCommonJS(textAreaField_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const textAreaFieldVariants = ["classic", "surface", "soft"];
+const textAreaFieldSizes = ["sm", "md", "lg"];
+const textAreaFieldResizeValues = ["none", "vertical", "horizontal", "both"];
+const textAreaFieldRadiusValues = ["none", "sm", "md", "lg"];
+const textAreaFieldPropDefs = {
+  ...import_asChild.asChildPropDef,
+  variant: {
+    type: "enum",
+    values: textAreaFieldVariants,
+    default: "surface"
+  },
+  size: {
+    type: "enum",
+    values: textAreaFieldSizes,
+    default: "md"
+  },
+  invalid: {
+    type: "boolean",
+    default: false
+  },
+  resize: {
+    type: "enum",
+    values: textAreaFieldResizeValues,
+    default: "vertical"
+  },
+  showCount: {
+    type: "boolean",
+    default: true
+  },
+  maxLength: {
+    type: "number"
+  },
+  color: {
+    type: "enum | string",
+    values: [],
+    default: void 0
+  },
+  radius: {
+    type: "enum",
+    values: textAreaFieldRadiusValues,
+    default: void 0
+  }
+};
+//# sourceMappingURL=textAreaField.props.cjs.map

package/dist/components/textAreaField/textAreaField.props.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;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/textAreaField/textAreaField.props.d.cts

@@ -0,0 +1,44 @@
+declare const textAreaFieldPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["classic", "surface", "soft"];
+        default: "surface";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    invalid: {
+        type: "boolean";
+        default: false;
+    };
+    resize: {
+        type: "enum";
+        values: readonly ["none", "vertical", "horizontal", "both"];
+        default: "vertical";
+    };
+    showCount: {
+        type: "boolean";
+        default: true;
+    };
+    maxLength: {
+        type: "number";
+    };
+    color: {
+        type: "enum | string";
+        values: readonly [];
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg"];
+        default: undefined;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { textAreaFieldPropDefs };
+//# sourceMappingURL=textAreaField.props.d.cts.map

package/dist/components/textAreaField/textAreaField.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAreaField.props.d.cts","sourceRoot":"","sources":["../../../src/components/textAreaField/textAreaField.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/textAreaField/textAreaField.props.d.mts

@@ -0,0 +1,44 @@
+declare const textAreaFieldPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["classic", "surface", "soft"];
+        default: "surface";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    invalid: {
+        type: "boolean";
+        default: false;
+    };
+    resize: {
+        type: "enum";
+        values: readonly ["none", "vertical", "horizontal", "both"];
+        default: "vertical";
+    };
+    showCount: {
+        type: "boolean";
+        default: true;
+    };
+    maxLength: {
+        type: "number";
+    };
+    color: {
+        type: "enum | string";
+        values: readonly [];
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg"];
+        default: undefined;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { textAreaFieldPropDefs };
+//# sourceMappingURL=textAreaField.props.d.mts.map

package/dist/components/textAreaField/textAreaField.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAreaField.props.d.mts","sourceRoot":"","sources":["../../../src/components/textAreaField/textAreaField.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/textAreaField/textAreaField.props.d.ts

@@ -0,0 +1,44 @@
+declare const textAreaFieldPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["classic", "surface", "soft"];
+        default: "surface";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    invalid: {
+        type: "boolean";
+        default: false;
+    };
+    resize: {
+        type: "enum";
+        values: readonly ["none", "vertical", "horizontal", "both"];
+        default: "vertical";
+    };
+    showCount: {
+        type: "boolean";
+        default: true;
+    };
+    maxLength: {
+        type: "number";
+    };
+    color: {
+        type: "enum | string";
+        values: readonly [];
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg"];
+        default: undefined;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { textAreaFieldPropDefs };
+//# sourceMappingURL=textAreaField.props.d.ts.map

package/dist/components/textAreaField/textAreaField.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAreaField.props.d.ts","sourceRoot":"","sources":["../../../src/components/textAreaField/textAreaField.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD1B,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -0,0 +1,48 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const textAreaFieldVariants = ["classic", "surface", "soft"];
+const textAreaFieldSizes = ["sm", "md", "lg"];
+const textAreaFieldResizeValues = ["none", "vertical", "horizontal", "both"];
+const textAreaFieldRadiusValues = ["none", "sm", "md", "lg"];
+const textAreaFieldPropDefs = {
+  ...asChildPropDef,
+  variant: {
+    type: "enum",
+    values: textAreaFieldVariants,
+    default: "surface"
+  },
+  size: {
+    type: "enum",
+    values: textAreaFieldSizes,
+    default: "md"
+  },
+  invalid: {
+    type: "boolean",
+    default: false
+  },
+  resize: {
+    type: "enum",
+    values: textAreaFieldResizeValues,
+    default: "vertical"
+  },
+  showCount: {
+    type: "boolean",
+    default: true
+  },
+  maxLength: {
+    type: "number"
+  },
+  color: {
+    type: "enum | string",
+    values: [],
+    default: void 0
+  },
+  radius: {
+    type: "enum",
+    values: textAreaFieldRadiusValues,
+    default: void 0
+  }
+};
+export {
+  textAreaFieldPropDefs
+};
+//# sourceMappingURL=textAreaField.props.js.map

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": "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",
   "names": []
 }