@kushagradhawan/kookie-ui 0.1.0

package/dist/cjs/components/text-area.props.d.ts

@@ -0,0 +1,33 @@
+declare const textAreaPropDefs: {
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3"];
+        default: "2";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["classic", "surface", "soft"];
+        default: "surface";
+    };
+    resize: {
+        type: "enum";
+        className: string;
+        values: readonly ["none", "vertical", "horizontal", "both"];
+        responsive: true;
+    };
+};
+export { textAreaPropDefs };
+//# sourceMappingURL=text-area.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.props.d.ts","sourceRoot":"","sources":["../../../src/components/text-area.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC;AAEN,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";var o=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(s,e)=>{for(var t in e)o(s,t,{get:e[t],enumerable:!0})},l=(s,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of u(e))!c.call(s,r)&&r!==t&&o(s,r,{get:()=>e[r],enumerable:!(a=f(e,r))||a.enumerable});return s};var v=s=>l(o({},"__esModule",{value:!0}),s);var P={};m(P,{textAreaPropDefs:()=>n});module.exports=v(P);var i=require("../props/color.prop.js"),p=require("../props/radius.prop.js");const z=["1","2","3"],y=["classic","surface","soft"],D=["none","vertical","horizontal","both"],n={size:{type:"enum",className:"rt-r-size",values:z,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"surface"},resize:{type:"enum",className:"rt-r-resize",values:D,responsive:!0},...i.colorPropDef,...p.radiusPropDef};
+//# sourceMappingURL=text-area.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/text-area.props.tsx"],
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft'] as const;\nconst resizeValues = ['none', 'vertical', 'horizontal', 'both'] as const;\n\n// prettier-ignore\nconst textAreaPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  resize: { type: 'enum', className: 'rt-r-resize', values: resizeValues,  responsive: true },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  resize: PropDef<(typeof resizeValues)[number]>;\n    };\n\nexport { textAreaPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EACxCC,EAAe,CAAC,OAAQ,WAAY,aAAc,MAAM,EAGxDN,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,OAAQ,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAe,WAAY,EAAK,EAC1F,GAAG,eACH,GAAG,eACL",
+  "names": ["text_area_props_exports", "__export", "textAreaPropDefs", "__toCommonJS", "import_color_prop", "import_radius_prop", "sizes", "variants", "resizeValues"]
+}

package/dist/cjs/components/text-field.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { textFieldRootPropDefs, textFieldSlotPropDefs } from './text-field.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { NotInputTextualAttributes } from '../helpers/input-attributes.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {
+    defaultValue?: string | number;
+    value?: string | number;
+    type?: 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+};
+type TextFieldInputProps = ComponentPropsWithout<'input', NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'>;
+interface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {
+}
+declare const TextFieldRoot: React.ForwardRefExoticComponent<TextFieldRootProps & React.RefAttributes<HTMLInputElement>>;
+type TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs>;
+interface TextFieldSlotProps extends ComponentPropsWithout<'div', RemovedProps>, TextFieldSlotOwnProps {
+}
+declare const TextFieldSlot: React.ForwardRefExoticComponent<TextFieldSlotProps & React.RefAttributes<HTMLDivElement>>;
+export { TextFieldRoot as Root, TextFieldSlot as Slot };
+export type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };
+//# sourceMappingURL=text-field.d.ts.map

package/dist/cjs/components/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAIrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EACD,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;CACZ,CAAC;AACF,KAAK,mBAAmB,GAAG,qBAAqB,CAC9C,OAAO,EACP,yBAAyB,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACjF,CAAC;AACF,UAAU,kBAAmB,SAAQ,mBAAmB,EAAE,WAAW,EAAE,qBAAqB;CAAG;AAC/F,QAAA,MAAM,aAAa,6FAiDlB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,2FAalB,CAAC;AAGF,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC;AACxD,YAAY,EAAE,kBAAkB,IAAI,SAAS,EAAE,kBAAkB,IAAI,SAAS,EAAE,CAAC"}

package/dist/cjs/components/text-field.js

@@ -0,0 +1,5 @@
+"use strict";"use client";var v=Object.create;var p=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var b=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},P=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of w(e))!E.call(t,r)&&r!==o&&p(t,r,{get:()=>e[r],enumerable:!(s=N(e,r))||s.enumerable});return t};var T=(t,e,o)=>(o=t!=null?v(D(t)):{},P(e||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),I=t=>P(p({},"__esModule",{value:!0}),t);var j={};b(j,{Root:()=>u,Slot:()=>c});module.exports=I(j);var l=T(require("react")),d=T(require("classnames")),F=require("radix-ui/internal"),n=require("./text-field.props.js"),m=require("../helpers/extract-props.js"),R=require("../props/margin.props.js");const u=l.forwardRef((t,e)=>{const o=l.useRef(null),{children:s,className:r,color:a,radius:y,style:S,...h}=(0,m.extractProps)(t,n.textFieldRootPropDefs,R.marginPropDefs);return l.createElement("div",{"data-accent-color":a,"data-radius":y,style:S,className:(0,d.default)("rt-TextFieldRoot",r),onPointerDown:g=>{const f=g.target;if(f.closest("input, button, a"))return;const i=o.current;if(!i)return;const x=f.closest(`
+            .rt-TextFieldSlot[data-side='right'],
+            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
+          `)?i.value.length:0;requestAnimationFrame(()=>{try{i.setSelectionRange(x,x)}catch{}i.focus()})}},l.createElement("input",{spellCheck:"false",...h,ref:(0,F.composeRefs)(o,e),className:"rt-reset rt-TextFieldInput"}),s)});u.displayName="TextField.Root";const c=l.forwardRef((t,e)=>{const{className:o,color:s,side:r,...a}=(0,m.extractProps)(t,n.textFieldSlotPropDefs);return l.createElement("div",{"data-accent-color":s,"data-side":r,...a,ref:e,className:(0,d.default)("rt-TextFieldSlot",o)})});c.displayName="TextField.Slot";
+//# sourceMappingURL=text-field.js.map

package/dist/cjs/components/text-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/text-field.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'hidden'\n    | 'month'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'\n    | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<\n  'input',\n  NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'\n>;\ninterface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {}\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>(\n  (props, forwardedRef) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const { children, className, color, radius, style, ...inputProps } = extractProps(\n      props,\n      textFieldRootPropDefs,\n      marginPropDefs\n    );\n    return (\n      <div\n        data-accent-color={color}\n        data-radius={radius}\n        style={style}\n        className={classNames('rt-TextFieldRoot', className)}\n        onPointerDown={(event) => {\n          const target = event.target as HTMLElement;\n          if (target.closest('input, button, a')) return;\n\n          const input = inputRef.current;\n          if (!input) return;\n\n          // Same selector as in the CSS to find the right slot\n          const isRightSlot = target.closest(`\n            .rt-TextFieldSlot[data-side='right'],\n            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])\n          `);\n\n          const cursorPosition = isRightSlot ? input.value.length : 0;\n\n          requestAnimationFrame(() => {\n            // Only some input types support this, browsers will throw an error if not supported\n            // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n            try {\n              input.setSelectionRange(cursorPosition, cursorPosition);\n            } catch {}\n            input.focus();\n          });\n        }}\n      >\n        <input\n          spellCheck=\"false\"\n          {...inputProps}\n          ref={composeRefs(inputRef, forwardedRef)}\n          className=\"rt-reset rt-TextFieldInput\"\n        />\n        {children}\n      </div>\n    );\n  }\n);\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs>;\ninterface TextFieldSlotProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    TextFieldSlotOwnProps {}\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  (props, forwardedRef) => {\n    const { className, color, side, ...slotProps } = extractProps(props, textFieldSlotPropDefs);\n    return (\n      <div\n        data-accent-color={color}\n        data-side={side}\n        {...slotProps}\n        ref={forwardedRef}\n        className={classNames('rt-TextFieldSlot', className)}\n      />\n    );\n  }\n);\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA4B,6BAE5BC,EAA6D,iCAC7DC,EAA6B,uCAC7BC,EAA+B,oCA+B/B,MAAMR,EAAgBG,EAAM,WAC1B,CAACM,EAAOC,IAAiB,CACvB,MAAMC,EAAWR,EAAM,OAAyB,IAAI,EAC9C,CAAE,SAAAS,EAAU,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,CAAW,KAAI,gBACnER,EACA,wBACA,gBACF,EACA,OACEN,EAAA,cAAC,OACC,oBAAmBW,EACnB,cAAaC,EACb,MAAOC,EACP,aAAW,EAAAE,SAAW,mBAAoBL,CAAS,EACnD,cAAgBM,GAAU,CACxB,MAAMC,EAASD,EAAM,OACrB,GAAIC,EAAO,QAAQ,kBAAkB,EAAG,OAExC,MAAMC,EAAQV,EAAS,QACvB,GAAI,CAACU,EAAO,OAQZ,MAAMC,EALcF,EAAO,QAAQ;AAAA;AAAA;AAAA,WAGlC,EAEoCC,EAAM,MAAM,OAAS,EAE1D,sBAAsB,IAAM,CAG1B,GAAI,CACFA,EAAM,kBAAkBC,EAAgBA,CAAc,CACxD,MAAQ,CAAC,CACTD,EAAM,MAAM,CACd,CAAC,CACH,GAEAlB,EAAA,cAAC,SACC,WAAW,QACV,GAAGc,EACJ,OAAK,eAAYN,EAAUD,CAAY,EACvC,UAAU,6BACZ,EACCE,CACH,CAEJ,CACF,EACAZ,EAAc,YAAc,iBAO5B,MAAMC,EAAgBE,EAAM,WAC1B,CAACM,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAG,EAAW,MAAAC,EAAO,KAAAS,EAAM,GAAGC,CAAU,KAAI,gBAAaf,EAAO,uBAAqB,EAC1F,OACEN,EAAA,cAAC,OACC,oBAAmBW,EACnB,YAAWS,EACV,GAAGC,EACJ,IAAKd,EACL,aAAW,EAAAQ,SAAW,mBAAoBL,CAAS,EACrD,CAEJ,CACF,EACAZ,EAAc,YAAc",
+  "names": ["text_field_exports", "__export", "TextFieldRoot", "TextFieldSlot", "__toCommonJS", "React", "import_classnames", "import_internal", "import_text_field_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "inputRef", "children", "className", "color", "radius", "style", "inputProps", "classNames", "event", "target", "input", "cursorPosition", "side", "slotProps"]
+}

package/dist/cjs/components/text-field.props.d.ts

@@ -0,0 +1,66 @@
+declare const textFieldRootPropDefs: {
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3"];
+        default: "2";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["classic", "surface", "soft"];
+        default: "surface";
+    };
+};
+declare const textFieldSlotPropDefs: {
+    gap: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--gap"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        responsive: true;
+    };
+    px: {
+        type: "enum | string";
+        className: string;
+        customProperties: ("--pl" | "--pr")[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        responsive: true;
+    };
+    pl: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--pl"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        responsive: true;
+    };
+    pr: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--pr"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        responsive: true;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
+    };
+    side: {
+        type: "enum";
+        values: readonly ["left", "right"];
+    };
+};
+export { textFieldRootPropDefs, textFieldSlotPropDefs };
+//# sourceMappingURL=text-field.props.d.ts.map

package/dist/cjs/components/text-field.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.props.d.ts","sourceRoot":"","sources":["../../../src/components/text-field.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;CAQ1B,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa1B,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/cjs/components/text-field.props.js

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var D=(s,e)=>{for(var o in e)t(s,o,{get:e[o],enumerable:!0})},P=(s,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of c(e))!u.call(s,p)&&p!==o&&t(s,p,{get:()=>e[p],enumerable:!(a=m(e,p))||a.enumerable});return s};var y=s=>P(t({},"__esModule",{value:!0}),s);var z={};D(z,{textFieldRootPropDefs:()=>l,textFieldSlotPropDefs:()=>d});module.exports=y(z);var f=require("../props/color.prop.js"),r=require("../props/padding.props.js"),i=require("../props/radius.prop.js"),n=require("./flex.props.js");const g=["1","2","3"],v=["classic","surface","soft"],l={size:{type:"enum",className:"rt-r-size",values:g,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},...f.colorPropDef,...i.radiusPropDef},x=["left","right"],d={side:{type:"enum",values:x},...f.colorPropDef,gap:n.flexPropDefs.gap,px:r.paddingPropDefs.px,pl:r.paddingPropDefs.pl,pr:r.paddingPropDefs.pr};
+//# sourceMappingURL=text-field.props.js.map

package/dist/cjs/components/text-field.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/text-field.props.tsx"],
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { paddingPropDefs } from '../props/padding.props.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { flexPropDefs } from './flex.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft'] as const;\n\nconst textFieldRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nconst sides = ['left', 'right'] as const;\n\nconst textFieldSlotPropDefs = {\n  side: { type: 'enum', values: sides },\n  ...colorPropDef,\n  gap: flexPropDefs.gap,\n  px: paddingPropDefs.px,\n  pl: paddingPropDefs.pl,\n  pr: paddingPropDefs.pr,\n} satisfies {\n  side: PropDef<(typeof sides)[number]>;\n  gap: typeof flexPropDefs.gap;\n  px: typeof paddingPropDefs.px;\n  pl: typeof paddingPropDefs.pl;\n  pr: typeof paddingPropDefs.pr;\n};\n\nexport { textFieldRootPropDefs, textFieldSlotPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,0BAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA6B,kCAC7BC,EAAgC,qCAChCC,EAA8B,mCAC9BC,EAA6B,2BAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCR,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,eACL,EAKMC,EAAQ,CAAC,OAAQ,OAAO,EAExBR,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,OAAQQ,CAAM,EACpC,GAAG,eACH,IAAK,eAAa,IAClB,GAAI,kBAAgB,GACpB,GAAI,kBAAgB,GACpB,GAAI,kBAAgB,EACtB",
+  "names": ["text_field_props_exports", "__export", "textFieldRootPropDefs", "textFieldSlotPropDefs", "__toCommonJS", "import_color_prop", "import_padding_props", "import_radius_prop", "import_flex_props", "sizes", "variants", "sides"]
+}

package/dist/cjs/components/text.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { textPropDefs } from './text.props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+type TextOwnProps = GetPropDefTypes<typeof textPropDefs>;
+interface CommonTextProps extends MarginProps, TextOwnProps {
+}
+type TextSpanProps = {
+    as?: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type TextDivProps = {
+    as: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type TextLabelProps = {
+    as: 'label';
+} & ComponentPropsWithout<'label', RemovedProps>;
+type TextPProps = {
+    as: 'p';
+} & ComponentPropsWithout<'p', RemovedProps>;
+type TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+export { Text };
+export type { TextProps };
+//# sourceMappingURL=text.d.ts.map

package/dist/cjs/components/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGzF,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,UAAU,eAAgB,SAAQ,WAAW,EAAE,YAAY;CAAG;AAC9D,KAAK,aAAa,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AACnF,KAAK,YAAY,GAAG;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAC/E,KAAK,cAAc,GAAG;IAAE,EAAE,EAAE,OAAO,CAAA;CAAE,GAAG,qBAAqB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AACrF,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,GAAG,CAAA;CAAE,GAAG,qBAAqB,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;AACzE,KAAK,SAAS,GAAG,eAAe,GAAG,CAAC,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;AAEhG,QAAA,MAAM,IAAI,mFAmBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/cjs/components/text.js

@@ -0,0 +1,2 @@
+"use strict";var v=Object.create;var s=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var p in e)s(o,p,{get:e[p],enumerable:!0})},n=(o,e,p,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!D.call(o,t)&&t!==p&&s(o,t,{get:()=>e[t],enumerable:!(r=R(e,t))||r.enumerable});return o};var P=(o,e,p)=>(p=o!=null?v(C(o)):{},n(e||!o||!o.__esModule?s(p,"default",{value:o,enumerable:!0}):p,o)),u=o=>n(s({},"__esModule",{value:!0}),o);var W={};g(W,{Text:()=>a});module.exports=u(W);var m=P(require("react")),x=P(require("classnames")),i=require("radix-ui"),T=require("../helpers/extract-props.js"),f=require("../props/margin.props.js"),l=require("./text.props.js");const a=m.forwardRef((o,e)=>{const{children:p,className:r,asChild:t,as:y="span",color:d,...c}=(0,T.extractProps)(o,l.textPropDefs,f.marginPropDefs);return m.createElement(i.Slot.Root,{"data-accent-color":d,...c,ref:e,className:(0,x.default)("rt-Text",r)},t?p:m.createElement(y,null,p))});a.displayName="Text";
+//# sourceMappingURL=text.js.map

package/dist/cjs/components/text.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/text.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { textPropDefs } from './text.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype TextElement = React.ElementRef<'span'>;\ntype TextOwnProps = GetPropDefTypes<typeof textPropDefs>;\ninterface CommonTextProps extends MarginProps, TextOwnProps {}\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>;\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>;\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);\n\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    asChild,\n    as: Tag = 'span',\n    color,\n    ...textProps\n  } = extractProps(props, textPropDefs, marginPropDefs);\n  return (\n    <Slot.Root\n      data-accent-color={color}\n      {...textProps}\n      ref={forwardedRef}\n      className={classNames('rt-Text', className)}\n    >\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n});\nText.displayName = 'Text';\n\nexport { Text };\nexport type { TextProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAA6B,2BAe7B,MAAMP,EAAOE,EAAM,WAAmC,CAACM,EAAOC,IAAiB,CAC7E,KAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,GAAGC,CACL,KAAI,gBAAaP,EAAO,eAAc,gBAAc,EACpD,OACEN,EAAA,cAAC,OAAK,KAAL,CACC,oBAAmBY,EAClB,GAAGC,EACJ,IAAKN,EACL,aAAW,EAAAO,SAAW,UAAWL,CAAS,GAEzCC,EAAUF,EAAWR,EAAA,cAACW,EAAA,KAAKH,CAAS,CACvC,CAEJ,CAAC,EACDV,EAAK,YAAc",
+  "names": ["text_exports", "__export", "Text", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_extract_props", "import_margin_props", "import_text_props", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "textProps", "classNames"]
+}

package/dist/cjs/components/text.props.d.ts

@@ -0,0 +1,56 @@
+declare const textPropDefs: {
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
+    };
+    wrap: {
+        type: "enum";
+        className: string;
+        values: readonly ["wrap", "nowrap", "pretty", "balance"];
+        responsive: true;
+    };
+    truncate: {
+        type: "boolean";
+        className: string;
+    };
+    trim: {
+        type: "enum";
+        className: string;
+        values: readonly ["normal", "start", "end", "both"];
+        responsive: true;
+    };
+    align: {
+        type: "enum";
+        className: string;
+        values: readonly ["left", "center", "right"];
+        responsive: true;
+    };
+    weight: {
+        type: "enum";
+        className: string;
+        values: readonly ["light", "regular", "medium", "bold"];
+        responsive: true;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        responsive: true;
+    };
+    asChild: {
+        type: "boolean";
+    };
+    as: {
+        type: "enum";
+        values: readonly ["span", "div", "label", "p"];
+        default: "span";
+    };
+};
+export { textPropDefs };
+//# sourceMappingURL=text.props.d.ts.map

package/dist/cjs/components/text.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.props.d.ts","sourceRoot":"","sources":["../../../src/components/text.props.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/cjs/components/text.props.js

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var z=(r,o)=>{for(var p in o)t(r,p,{get:o[p],enumerable:!0})},g=(r,o,p,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of d(o))!y.call(r,e)&&e!==p&&t(r,e,{get:()=>o[e],enumerable:!(s=c(o,e))||s.enumerable});return r};var h=r=>g(t({},"__esModule",{value:!0}),r);var b={};z(b,{textPropDefs:()=>u});module.exports=h(b);var f=require("../props/as-child.prop.js"),i=require("../props/color.prop.js"),m=require("../props/high-contrast.prop.js"),a=require("../props/leading-trim.prop.js"),n=require("../props/text-align.prop.js"),D=require("../props/text-wrap.prop.js"),P=require("../props/truncate.prop.js"),l=require("../props/weight.prop.js");const v=["span","div","label","p"],x=["0","1","2","3","4","5","6","7","8","9"],u={as:{type:"enum",values:v,default:"span"},...f.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:x,responsive:!0},...l.weightPropDef,...n.textAlignPropDef,...a.leadingTrimPropDef,...P.truncatePropDef,...D.textWrapPropDef,...i.colorPropDef,...m.highContrastPropDef};
+//# sourceMappingURL=text.props.js.map

package/dist/cjs/components/text.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/text.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { leadingTrimPropDef } from '../props/leading-trim.prop.js';\nimport { textAlignPropDef } from '../props/text-align.prop.js';\nimport { textWrapPropDef } from '../props/text-wrap.prop.js';\nimport { truncatePropDef } from '../props/truncate.prop.js';\nimport { weightPropDef } from '../props/weight.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst as = ['span', 'div', 'label', 'p'] as const;\nconst sizes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\n\nconst textPropDefs = {\n  as: { type: 'enum', values: as, default: 'span' },\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: sizes,\n    responsive: true,\n  },\n  ...weightPropDef,\n  ...textAlignPropDef,\n  ...leadingTrimPropDef,\n  ...truncatePropDef,\n  ...textWrapPropDef,\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport { textPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAAmC,yCACnCC,EAAiC,uCACjCC,EAAgC,sCAChCC,EAAgC,qCAChCC,EAA8B,mCAI9B,MAAMC,EAAK,CAAC,OAAQ,MAAO,QAAS,GAAG,EACjCC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAEzDX,EAAe,CACnB,GAAI,CAAE,KAAM,OAAQ,OAAQU,EAAI,QAAS,MAAO,EAChD,GAAG,iBACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQC,EACR,WAAY,EACd,EACA,GAAG,gBACH,GAAG,mBACH,GAAG,qBACH,GAAG,kBACH,GAAG,kBACH,GAAG,eACH,GAAG,qBACL",
+  "names": ["text_props_exports", "__export", "textPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_leading_trim_prop", "import_text_align_prop", "import_text_wrap_prop", "import_truncate_prop", "import_weight_prop", "as", "sizes"]
+}

package/dist/cjs/components/theme-panel.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface ThemePanelProps extends Omit<ThemePanelImplProps, keyof ThemePanelImplPrivateProps> {
+    defaultOpen?: boolean;
+}
+declare const ThemePanel: React.ForwardRefExoticComponent<ThemePanelProps & React.RefAttributes<HTMLDivElement>>;
+interface ThemePanelImplPrivateProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+interface ThemePanelImplProps extends ComponentPropsWithout<'div', RemovedProps>, ThemePanelImplPrivateProps {
+    onAppearanceChange?: (value: 'light' | 'dark') => void;
+}
+export { ThemePanel };
+export type { ThemePanelProps };
+//# sourceMappingURL=theme-panel.d.ts.map

package/dist/cjs/components/theme-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-panel.d.ts","sourceRoot":"","sources":["../../../src/components/theme-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGzF,UAAU,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,QAAA,MAAM,UAAU,wFAKf,CAAC;AAIF,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AACD,UAAU,mBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,0BAA0B;IAC5B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACxD;AAsnBD,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/cjs/components/theme-panel.js

@@ -0,0 +1,10 @@
+"use strict";"use client";var q=Object.create;var b=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var R=(n,l)=>{for(var i in l)b(n,i,{get:l[i],enumerable:!0})},E=(n,l,i,p)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of Q(l))!_.call(n,r)&&r!==i&&b(n,r,{get:()=>l[r],enumerable:!(p=J(l,r))||p.enumerable});return n};var e9=(n,l,i)=>(i=n!=null?q(Y(n)):{},E(l||!n||!n.__esModule?b(i,"default",{value:n,enumerable:!0}):i,n)),t9=n=>E(b({},"__esModule",{value:!0}),n);var a9={};R(a9,{ThemePanel:()=>H});module.exports=t9(a9);var e=e9(require("react")),S=require("radix-ui/internal"),o=require("../index.js"),h=require("./theme.js"),N=require("../helpers/inert.js"),z=require("../helpers/get-matching-gray-color.js"),d=require("./theme.props.js");const H=e.forwardRef(({defaultOpen:n=!0,...l},i)=>{const[p,r]=e.useState(n);return e.createElement(K,{...l,ref:i,open:p,onOpenChange:r})});H.displayName="ThemePanel";const K=e.forwardRef((n,l)=>{const{open:i,onOpenChange:p,onAppearanceChange:r,...y}=n,G=(0,h.useThemeContext)(),{appearance:c,onAppearanceChange:I,accentColor:u,onAccentColorChange:$,grayColor:g,onGrayColorChange:F,panelBackground:L,onPanelBackgroundChange:O,radius:T,onRadiusChange:D,scaling:w,onScalingChange:j}=G,A=r!==void 0,V=(0,S.useCallbackRef)(r),x=e.useCallback(t=>{const a=o9();if(c!=="inherit"){I(t);return}A?V(t):(Z(t),n9(t)),a()},[c,I,A,V]),k=(0,z.getMatchingGrayColor)(u),B=g==="auto"?k:g,[W,P]=e.useState("idle");async function U(){const t={appearance:c===d.themePropDefs.appearance.default?void 0:c,accentColor:u===d.themePropDefs.accentColor.default?void 0:u,grayColor:g===d.themePropDefs.grayColor.default?void 0:g,panelBackground:L===d.themePropDefs.panelBackground.default?void 0:L,radius:T===d.themePropDefs.radius.default?void 0:T,scaling:w===d.themePropDefs.scaling.default?void 0:w},a=Object.keys(t).filter(s=>t[s]!==void 0).map(s=>`${s}="${t[s]}"`).join(" "),m=a?`<Theme ${a}>`:"<Theme>";P("copying"),await navigator.clipboard.writeText(m),P("copied"),setTimeout(()=>P("idle"),2e3)}const[M,Z]=e.useState(c==="inherit"?null:c),v=`
+      [contenteditable],
+      [role="combobox"],
+      [role="listbox"],
+      [role="menu"],
+      input:not([type="radio"], [type="checkbox"]),
+      select,
+      textarea
+    `;return e.useEffect(()=>{function t(a){const m=a.altKey||a.ctrlKey||a.shiftKey||a.metaKey,s=document.activeElement?.closest(v);a.key?.toUpperCase()==="T"&&!m&&!s&&p(!i)}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[p,i,v]),e.useEffect(()=>{function t(a){const m=a.altKey||a.ctrlKey||a.shiftKey||a.metaKey,s=document.activeElement?.closest(v);a.key?.toUpperCase()==="D"&&!m&&!s&&x(M==="light"?"dark":"light")}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[x,M,v]),e.useEffect(()=>{const t=document.documentElement,a=document.body;function m(){const f=t.classList.contains("dark")||t.classList.contains("dark-theme")||a.classList.contains("dark")||a.classList.contains("dark-theme");Z(c==="inherit"?f?"dark":"light":c)}const s=new MutationObserver(function(f){f.forEach(function(X){X.attributeName==="class"&&m()})});return m(),c==="inherit"&&(s.observe(t,{attributes:!0}),s.observe(a,{attributes:!0})),()=>s.disconnect()},[c]),e.createElement(h.Theme,{asChild:!0,radius:"medium",scaling:"100%"},e.createElement(o.Flex,{direction:"column",position:"fixed",top:"0",right:"0",mr:"4",mt:"4",inert:i?void 0:N.inert,...y,ref:l,style:{zIndex:9999,overflow:"hidden",maxHeight:"calc(100vh - var(--space-4) - var(--space-4))",borderRadius:"var(--radius-4)",backgroundColor:"var(--color-panel-solid)",transformOrigin:"top center",transitionProperty:"transform, box-shadow",transitionDuration:"200ms",transitionTimingFunction:i?"ease-out":"ease-in",transform:i?"none":"translateX(105%)",boxShadow:i?"var(--shadow-5)":"var(--shadow-2)",...n.style}},e.createElement(o.ScrollArea,null,e.createElement(o.Box,{flexGrow:"1",p:"5",position:"relative"},e.createElement(o.Box,{position:"absolute",top:"0",right:"0",m:"2"},e.createElement(o.Tooltip,{content:"Press T to show/hide the Theme Panel",side:"bottom",sideOffset:6},e.createElement(o.Kbd,{asChild:!0,size:"3",tabIndex:0,className:"rt-ThemePanelShortcut"},e.createElement("button",{onClick:()=>p(!i)},"T")))),e.createElement(o.Heading,{size:"5",trim:"both",as:"h3",mb:"5"},"Theme"),e.createElement(o.Text,{id:"accent-color-title",as:"p",size:"2",weight:"medium",mt:"5"},"Accent color"),e.createElement(o.Grid,{columns:"10",gap:"2",mt:"3",role:"group","aria-labelledby":"accent-color-title"},d.themePropDefs.accentColor.values.map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelSwatch",style:{backgroundColor:`var(--${t}-9)`}},e.createElement(o.Tooltip,{content:`${C(t)}${u==="gray"&&B!=="gray"?` (${C(B)})`:""}`},e.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"accentColor",value:t,checked:u===t,onChange:a=>$(a.target.value)}))))),e.createElement(o.Flex,{asChild:!0,align:"center",justify:"between"},e.createElement(o.Text,{as:"p",id:"gray-color-title",size:"2",weight:"medium",mt:"5"},"Gray color")),e.createElement(o.Grid,{columns:"10",gap:"2",mt:"3",role:"group","aria-labelledby":"gray-color-title"},d.themePropDefs.grayColor.values.map(t=>e.createElement(o.Flex,{key:t,asChild:!0,align:"center",justify:"center"},e.createElement("label",{className:"rt-ThemePanelSwatch",style:{backgroundColor:t==="auto"?`var(--${k}-9)`:t==="gray"?"var(--gray-9)":`var(--${t}-9)`,filter:t==="gray"?"saturate(0)":void 0}},e.createElement(o.Tooltip,{content:`${C(t)}${t==="auto"?` (${C(k)})`:""}`},e.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"grayColor",value:t,checked:g===t,onChange:a=>F(a.target.value)})))))),e.createElement(o.Text,{id:"appearance-title",as:"p",size:"2",weight:"medium",mt:"5"},"Appearance"),e.createElement(o.Grid,{columns:"2",gap:"2",mt:"3",role:"group","aria-labelledby":"appearance-title"},["light","dark"].map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"appearance",value:t,checked:M===t,onChange:a=>x(a.target.value)}),e.createElement(o.Flex,{align:"center",justify:"center",height:"32px",gap:"2"},t==="light"?e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},e.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},e.createElement("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),e.createElement(o.Text,{size:"1",weight:"medium"},C(t)))))),e.createElement(o.Text,{id:"radius-title",as:"p",size:"2",weight:"medium",mt:"5"},"Radius"),e.createElement(o.Grid,{columns:"5",gap:"2",mt:"3",role:"group","aria-labelledby":"radius-title"},d.themePropDefs.radius.values.map(t=>e.createElement(o.Flex,{key:t,direction:"column",align:"center"},e.createElement("label",{className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"radius",id:`theme-panel-radius-${t}`,value:t,checked:T===t,onChange:a=>D(a.target.value)}),e.createElement(h.Theme,{asChild:!0,radius:t},e.createElement(o.Box,{m:"3",width:"32px",height:"32px",style:{borderTopLeftRadius:t==="full"?"80%":"var(--radius-5)",backgroundImage:"linear-gradient(to bottom right, var(--accent-3), var(--accent-4))",borderTop:"2px solid var(--accent-a8)",borderLeft:"2px solid var(--accent-a8)"}}))),e.createElement(o.Box,{asChild:!0,pt:"2"},e.createElement(o.Text,{asChild:!0,size:"1",color:"gray"},e.createElement("label",{htmlFor:`theme-panel-radius-${t}`},C(t))))))),e.createElement(o.Text,{id:"scaling-title",as:"p",size:"2",weight:"medium",mt:"5"},"Scaling"),e.createElement(o.Grid,{columns:"5",gap:"2",mt:"3",role:"group","aria-labelledby":"scaling-title"},d.themePropDefs.scaling.values.map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"scaling",value:t,checked:w===t,onChange:a=>j(a.target.value)}),e.createElement(o.Flex,{align:"center",justify:"center",height:"32px"},e.createElement(h.Theme,{asChild:!0,scaling:t},e.createElement(o.Flex,{align:"center",justify:"center"},e.createElement(o.Text,{size:"1",weight:"medium"},C(t)))))))),e.createElement(o.Flex,{mt:"5",align:"center",gap:"2"},e.createElement(o.Text,{id:"panel-background-title",as:"p",size:"2",weight:"medium"},"Panel background"),e.createElement(o.Popover.Root,null,e.createElement(o.Popover.Trigger,null,e.createElement(o.IconButton,{size:"1",variant:"ghost",color:"gray"},e.createElement(o.AccessibleIcon,{label:"Learn more about panel background options"},e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",fillRule:"evenodd",clipRule:"evenodd"}))))),e.createElement(o.Popover.Content,{size:"1",style:{maxWidth:220},side:"top",align:"center"},e.createElement(o.Text,{as:"p",size:"2"},"Whether Card and Table panels are translucent, showing some of\xA0the background behind them.")))),e.createElement(o.Grid,{columns:"2",gap:"2",mt:"3",role:"group","aria-labelledby":"panel-background-title"},d.themePropDefs.panelBackground.values.map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"panelBackground",value:t,checked:L===t,onChange:a=>O(a.target.value)}),e.createElement(o.Flex,{align:"center",justify:"center",height:"32px",gap:"2"},t==="solid"?e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},e.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},e.createElement("path",{opacity:".05",d:"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".1",d:"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".15",d:"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".2",d:"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".25",d:"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".3",d:"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".35",d:"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".4",d:"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".45",d:"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".5",d:"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),e.createElement(o.Text,{size:"1",weight:"medium"},C(t)))))),e.createElement(o.Button,{mt:"5",style:{width:"100%"},onClick:U},W==="copied"?"Copied":"Copy Theme")))))});K.displayName="ThemePanelImpl";function o9(){const n=document.createElement("style");return n.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(n),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(n)},1)}}function C(n){return n.charAt(0).toUpperCase()+n.slice(1)}function n9(n){const l=document.documentElement,i=l.classList.contains("light-theme"),p=l.classList.contains("dark-theme"),r=l.classList.contains("light"),y=l.classList.contains("dark");(i||p)&&(l.classList.remove("light-theme","dark-theme"),l.style.colorScheme=n,l.classList.add(`${n}-theme`)),(r||y)&&(l.classList.remove("light","dark"),l.style.colorScheme=n,l.classList.add(n)),!i&&!p&&!r&&!y&&(l.style.colorScheme=n,l.classList.add(n))}
+//# sourceMappingURL=theme-panel.js.map

package/dist/cjs/components/theme-panel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/theme-panel.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { useCallbackRef } from 'radix-ui/internal';\n\nimport {\n  AccessibleIcon,\n  Box,\n  Button,\n  Flex,\n  Grid,\n  Heading,\n  IconButton,\n  Kbd,\n  Popover,\n  ScrollArea,\n  Text,\n  Tooltip,\n} from '../index.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { inert } from '../helpers/inert.js';\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface ThemePanelProps extends Omit<ThemePanelImplProps, keyof ThemePanelImplPrivateProps> {\n  defaultOpen?: boolean;\n}\nconst ThemePanel = React.forwardRef<ThemePanelImplElement, ThemePanelProps>(\n  ({ defaultOpen = true, ...props }, forwardedRef) => {\n    const [open, setOpen] = React.useState(defaultOpen);\n    return <ThemePanelImpl {...props} ref={forwardedRef} open={open} onOpenChange={setOpen} />;\n  }\n);\nThemePanel.displayName = 'ThemePanel';\n\ntype ThemePanelImplElement = React.ElementRef<'div'>;\ninterface ThemePanelImplPrivateProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\ninterface ThemePanelImplProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    ThemePanelImplPrivateProps {\n  onAppearanceChange?: (value: 'light' | 'dark') => void;\n}\nconst ThemePanelImpl = React.forwardRef<ThemePanelImplElement, ThemePanelImplProps>(\n  (props, forwardedRef) => {\n    const { open, onOpenChange, onAppearanceChange: onAppearanceChangeProp, ...panelProps } = props;\n    const themeContext = useThemeContext();\n    const {\n      appearance,\n      onAppearanceChange,\n      accentColor,\n      onAccentColorChange,\n      grayColor,\n      onGrayColorChange,\n      panelBackground,\n      onPanelBackgroundChange,\n      radius,\n      onRadiusChange,\n      scaling,\n      onScalingChange,\n    } = themeContext;\n\n    const hasOnAppearanceChangeProp = onAppearanceChangeProp !== undefined;\n    const handleAppearanceChangeProp = useCallbackRef(onAppearanceChangeProp);\n    const handleAppearanceChange = React.useCallback(\n      (value: 'light' | 'dark') => {\n        const cleanup = disableAnimation();\n\n        if (appearance !== 'inherit') {\n          onAppearanceChange(value);\n          return;\n        }\n\n        if (hasOnAppearanceChangeProp) {\n          handleAppearanceChangeProp(value);\n        } else {\n          setResolvedAppearance(value);\n          updateRootAppearanceClass(value);\n        }\n\n        cleanup();\n      },\n      [appearance, onAppearanceChange, hasOnAppearanceChangeProp, handleAppearanceChangeProp]\n    );\n\n    const autoMatchedGray = getMatchingGrayColor(accentColor);\n    const resolvedGrayColor = grayColor === 'auto' ? autoMatchedGray : grayColor;\n\n    const [copyState, setCopyState] = React.useState<'idle' | 'copying' | 'copied'>('idle');\n    async function handleCopyThemeConfig() {\n      const theme = {\n        appearance: appearance === themePropDefs.appearance.default ? undefined : appearance,\n        accentColor: accentColor === themePropDefs.accentColor.default ? undefined : accentColor,\n        grayColor: grayColor === themePropDefs.grayColor.default ? undefined : grayColor,\n        panelBackground:\n          panelBackground === themePropDefs.panelBackground.default ? undefined : panelBackground,\n        radius: radius === themePropDefs.radius.default ? undefined : radius,\n        scaling: scaling === themePropDefs.scaling.default ? undefined : scaling,\n      } satisfies GetPropDefTypes<typeof themePropDefs>;\n\n      const props = Object.keys(theme)\n        .filter((key) => theme[key as keyof typeof theme] !== undefined)\n        .map((key) => `${key}=\"${theme[key as keyof typeof theme]}\"`)\n        .join(' ');\n\n      const textToCopy = props ? `<Theme ${props}>` : '<Theme>';\n\n      setCopyState('copying');\n      await navigator.clipboard.writeText(textToCopy);\n      setCopyState('copied');\n      setTimeout(() => setCopyState('idle'), 2000);\n    }\n\n    const [resolvedAppearance, setResolvedAppearance] = React.useState<'light' | 'dark' | null>(\n      appearance === 'inherit' ? null : appearance\n    );\n\n    const keyboardInputElement = `\n      [contenteditable],\n      [role=\"combobox\"],\n      [role=\"listbox\"],\n      [role=\"menu\"],\n      input:not([type=\"radio\"], [type=\"checkbox\"]),\n      select,\n      textarea\n    `;\n\n    // quickly show/hide using \"T\" keypress\n    React.useEffect(() => {\n      function handleKeydown(event: KeyboardEvent) {\n        const isModifierActive = event.altKey || event.ctrlKey || event.shiftKey || event.metaKey;\n        const isKeyboardInputActive = document.activeElement?.closest(keyboardInputElement);\n        const isKeyT = event.key?.toUpperCase() === 'T' && !isModifierActive;\n        if (isKeyT && !isKeyboardInputActive) {\n          onOpenChange(!open);\n        }\n      }\n      document.addEventListener('keydown', handleKeydown);\n      return () => document.removeEventListener('keydown', handleKeydown);\n    }, [onOpenChange, open, keyboardInputElement]);\n\n    // quickly toggle appearance using \"D\" keypress\n    React.useEffect(() => {\n      function handleKeydown(event: KeyboardEvent) {\n        const isModifierActive = event.altKey || event.ctrlKey || event.shiftKey || event.metaKey;\n        const isKeyboardInputActive = document.activeElement?.closest(keyboardInputElement);\n        const isKeyD = event.key?.toUpperCase() === 'D' && !isModifierActive;\n        if (isKeyD && !isKeyboardInputActive) {\n          handleAppearanceChange(resolvedAppearance === 'light' ? 'dark' : 'light');\n        }\n      }\n      document.addEventListener('keydown', handleKeydown);\n      return () => document.removeEventListener('keydown', handleKeydown);\n    }, [handleAppearanceChange, resolvedAppearance, keyboardInputElement]);\n\n    React.useEffect(() => {\n      const root = document.documentElement;\n      const body = document.body;\n\n      function update() {\n        const hasDarkClass =\n          root.classList.contains('dark') ||\n          root.classList.contains('dark-theme') ||\n          body.classList.contains('dark') ||\n          body.classList.contains('dark-theme');\n\n        if (appearance === 'inherit') {\n          setResolvedAppearance(hasDarkClass ? 'dark' : 'light');\n        } else {\n          setResolvedAppearance(appearance);\n        }\n      }\n\n      const classNameObserver = new MutationObserver(function (mutations) {\n        mutations.forEach(function (mutation) {\n          if (mutation.attributeName === 'class') {\n            update();\n          }\n        });\n      });\n\n      update();\n\n      // Observe <html> and <body> for `class` changes only when the appearance is inherited from them\n      if (appearance === 'inherit') {\n        classNameObserver.observe(root, { attributes: true });\n        classNameObserver.observe(body, { attributes: true });\n      }\n\n      return () => classNameObserver.disconnect();\n    }, [appearance]);\n\n    return (\n      <Theme asChild radius=\"medium\" scaling=\"100%\">\n        <Flex\n          direction=\"column\"\n          position=\"fixed\"\n          top=\"0\"\n          right=\"0\"\n          mr=\"4\"\n          mt=\"4\"\n          // @ts-ignore\n          inert={open ? undefined : inert}\n          {...panelProps}\n          ref={forwardedRef}\n          style={{\n            zIndex: 9999,\n            overflow: 'hidden',\n            maxHeight: 'calc(100vh - var(--space-4) - var(--space-4))',\n            borderRadius: 'var(--radius-4)',\n            backgroundColor: 'var(--color-panel-solid)',\n            transformOrigin: 'top center',\n            transitionProperty: 'transform, box-shadow',\n            transitionDuration: '200ms',\n            transitionTimingFunction: open ? 'ease-out' : 'ease-in',\n            transform: open ? 'none' : 'translateX(105%)',\n            boxShadow: open ? 'var(--shadow-5)' : 'var(--shadow-2)',\n            ...props.style,\n          }}\n        >\n          <ScrollArea>\n            <Box flexGrow=\"1\" p=\"5\" position=\"relative\">\n              <Box position=\"absolute\" top=\"0\" right=\"0\" m=\"2\">\n                <Tooltip\n                  content=\"Press T to show/hide the Theme Panel\"\n                  side=\"bottom\"\n                  sideOffset={6}\n                >\n                  <Kbd asChild size=\"3\" tabIndex={0} className=\"rt-ThemePanelShortcut\">\n                    <button onClick={() => onOpenChange(!open)}>T</button>\n                  </Kbd>\n                </Tooltip>\n              </Box>\n\n              <Heading size=\"5\" trim=\"both\" as=\"h3\" mb=\"5\">\n                Theme\n              </Heading>\n\n              <Text id=\"accent-color-title\" as=\"p\" size=\"2\" weight=\"medium\" mt=\"5\">\n                Accent color\n              </Text>\n\n              <Grid columns=\"10\" gap=\"2\" mt=\"3\" role=\"group\" aria-labelledby=\"accent-color-title\">\n                {themePropDefs.accentColor.values.map((color) => (\n                  <label\n                    key={color}\n                    className=\"rt-ThemePanelSwatch\"\n                    style={{ backgroundColor: `var(--${color}-9)` }}\n                  >\n                    <Tooltip\n                      content={`${upperFirst(color)}${\n                        accentColor === 'gray' && resolvedGrayColor !== 'gray'\n                          ? ` (${upperFirst(resolvedGrayColor)})`\n                          : ''\n                      }`}\n                    >\n                      <input\n                        className=\"rt-ThemePanelSwatchInput\"\n                        type=\"radio\"\n                        name=\"accentColor\"\n                        value={color}\n                        checked={accentColor === color}\n                        onChange={(event) =>\n                          onAccentColorChange(event.target.value as typeof accentColor)\n                        }\n                      />\n                    </Tooltip>\n                  </label>\n                ))}\n              </Grid>\n\n              <Flex asChild align=\"center\" justify=\"between\">\n                <Text as=\"p\" id=\"gray-color-title\" size=\"2\" weight=\"medium\" mt=\"5\">\n                  Gray color\n                </Text>\n              </Flex>\n\n              <Grid columns=\"10\" gap=\"2\" mt=\"3\" role=\"group\" aria-labelledby=\"gray-color-title\">\n                {themePropDefs.grayColor.values.map((gray) => (\n                  <Flex key={gray} asChild align=\"center\" justify=\"center\">\n                    <label\n                      className=\"rt-ThemePanelSwatch\"\n                      style={{\n                        backgroundColor:\n                          gray === 'auto'\n                            ? `var(--${autoMatchedGray}-9)`\n                            : gray === 'gray'\n                            ? 'var(--gray-9)'\n                            : `var(--${gray}-9)`,\n                        // we override --gray so pure gray doesn't exist anymore\n                        // recover something as close as possible by desaturating\n                        filter: gray === 'gray' ? 'saturate(0)' : undefined,\n                      }}\n                    >\n                      <Tooltip\n                        content={`${upperFirst(gray)}${\n                          gray === 'auto' ? ` (${upperFirst(autoMatchedGray)})` : ''\n                        }`}\n                      >\n                        <input\n                          className=\"rt-ThemePanelSwatchInput\"\n                          type=\"radio\"\n                          name=\"grayColor\"\n                          value={gray}\n                          checked={grayColor === gray}\n                          onChange={(event) =>\n                            onGrayColorChange(event.target.value as typeof grayColor)\n                          }\n                        />\n                      </Tooltip>\n                    </label>\n                  </Flex>\n                ))}\n              </Grid>\n\n              <Text id=\"appearance-title\" as=\"p\" size=\"2\" weight=\"medium\" mt=\"5\">\n                Appearance\n              </Text>\n\n              <Grid columns=\"2\" gap=\"2\" mt=\"3\" role=\"group\" aria-labelledby=\"appearance-title\">\n                {(['light', 'dark'] as const).map((value) => (\n                  <label key={value} className=\"rt-ThemePanelRadioCard\">\n                    <input\n                      className=\"rt-ThemePanelRadioCardInput\"\n                      type=\"radio\"\n                      name=\"appearance\"\n                      value={value}\n                      checked={resolvedAppearance === value}\n                      onChange={(event) =>\n                        handleAppearanceChange(event.target.value as 'light' | 'dark')\n                      }\n                    />\n                    <Flex align=\"center\" justify=\"center\" height=\"32px\" gap=\"2\">\n                      {value === 'light' ? (\n                        <svg\n                          width=\"15\"\n                          height=\"15\"\n                          viewBox=\"0 0 15 15\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          style={{ margin: '0 -1px' }}\n                        >\n                          <path\n                            d=\"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                        </svg>\n                      ) : (\n                        <svg\n                          width=\"15\"\n                          height=\"15\"\n                          viewBox=\"0 0 15 15\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          style={{ margin: '0 -1px' }}\n                        >\n                          <path\n                            d=\"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                        </svg>\n                      )}\n                      <Text size=\"1\" weight=\"medium\">\n                        {upperFirst(value)}\n                      </Text>\n                    </Flex>\n                  </label>\n                ))}\n              </Grid>\n\n              <Text id=\"radius-title\" as=\"p\" size=\"2\" weight=\"medium\" mt=\"5\">\n                Radius\n              </Text>\n\n              <Grid columns=\"5\" gap=\"2\" mt=\"3\" role=\"group\" aria-labelledby=\"radius-title\">\n                {themePropDefs.radius.values.map((value) => (\n                  <Flex key={value} direction=\"column\" align=\"center\">\n                    <label className=\"rt-ThemePanelRadioCard\">\n                      <input\n                        className=\"rt-ThemePanelRadioCardInput\"\n                        type=\"radio\"\n                        name=\"radius\"\n                        id={`theme-panel-radius-${value}`}\n                        value={value}\n                        checked={radius === value}\n                        onChange={(event) => onRadiusChange(event.target.value as typeof radius)}\n                      />\n                      <Theme asChild radius={value}>\n                        <Box\n                          m=\"3\"\n                          width=\"32px\"\n                          height=\"32px\"\n                          style={{\n                            borderTopLeftRadius: value === 'full' ? '80%' : 'var(--radius-5)',\n                            backgroundImage:\n                              'linear-gradient(to bottom right, var(--accent-3), var(--accent-4))',\n                            borderTop: '2px solid var(--accent-a8)',\n                            borderLeft: '2px solid var(--accent-a8)',\n                          }}\n                        />\n                      </Theme>\n                    </label>\n                    <Box asChild pt=\"2\">\n                      <Text asChild size=\"1\" color=\"gray\">\n                        <label htmlFor={`theme-panel-radius-${value}`}>{upperFirst(value)}</label>\n                      </Text>\n                    </Box>\n                  </Flex>\n                ))}\n              </Grid>\n\n              <Text id=\"scaling-title\" as=\"p\" size=\"2\" weight=\"medium\" mt=\"5\">\n                Scaling\n              </Text>\n\n              <Grid columns=\"5\" gap=\"2\" mt=\"3\" role=\"group\" aria-labelledby=\"scaling-title\">\n                {themePropDefs.scaling.values.map((value) => (\n                  <label key={value} className=\"rt-ThemePanelRadioCard\">\n                    <input\n                      className=\"rt-ThemePanelRadioCardInput\"\n                      type=\"radio\"\n                      name=\"scaling\"\n                      value={value}\n                      checked={scaling === value}\n                      onChange={(event) => onScalingChange(event.target.value as typeof scaling)}\n                    />\n\n                    <Flex align=\"center\" justify=\"center\" height=\"32px\">\n                      <Theme asChild scaling={value}>\n                        <Flex align=\"center\" justify=\"center\">\n                          <Text size=\"1\" weight=\"medium\">\n                            {upperFirst(value)}\n                          </Text>\n                        </Flex>\n                      </Theme>\n                    </Flex>\n                  </label>\n                ))}\n              </Grid>\n\n              <Flex mt=\"5\" align=\"center\" gap=\"2\">\n                <Text id=\"panel-background-title\" as=\"p\" size=\"2\" weight=\"medium\">\n                  Panel background\n                </Text>\n\n                <Popover.Root>\n                  <Popover.Trigger>\n                    <IconButton size=\"1\" variant=\"ghost\" color=\"gray\">\n                      <AccessibleIcon label=\"Learn more about panel background options\">\n                        <svg\n                          width=\"15\"\n                          height=\"15\"\n                          viewBox=\"0 0 15 15\"\n                          fill=\"currentColor\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          />\n                        </svg>\n                      </AccessibleIcon>\n                    </IconButton>\n                  </Popover.Trigger>\n\n                  <Popover.Content size=\"1\" style={{ maxWidth: 220 }} side=\"top\" align=\"center\">\n                    <Text as=\"p\" size=\"2\">\n                      Whether Card and Table panels are translucent, showing some of\u00A0the background\n                      behind them.\n                    </Text>\n                  </Popover.Content>\n                </Popover.Root>\n              </Flex>\n\n              <Grid\n                columns=\"2\"\n                gap=\"2\"\n                mt=\"3\"\n                role=\"group\"\n                aria-labelledby=\"panel-background-title\"\n              >\n                {themePropDefs.panelBackground.values.map((value) => (\n                  <label key={value} className=\"rt-ThemePanelRadioCard\">\n                    <input\n                      className=\"rt-ThemePanelRadioCardInput\"\n                      type=\"radio\"\n                      name=\"panelBackground\"\n                      value={value}\n                      checked={panelBackground === value}\n                      onChange={(event) =>\n                        onPanelBackgroundChange(event.target.value as typeof panelBackground)\n                      }\n                    />\n                    <Flex align=\"center\" justify=\"center\" height=\"32px\" gap=\"2\">\n                      {value === 'solid' ? (\n                        <svg\n                          width=\"15\"\n                          height=\"15\"\n                          viewBox=\"0 0 15 15\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          style={{ margin: '0 -2px' }}\n                        >\n                          <path\n                            d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                        </svg>\n                      ) : (\n                        <svg\n                          width=\"15\"\n                          height=\"15\"\n                          viewBox=\"0 0 15 15\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          style={{ margin: '0 -2px' }}\n                        >\n                          <path\n                            opacity=\".05\"\n                            d=\"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".1\"\n                            d=\"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".15\"\n                            d=\"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".2\"\n                            d=\"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".25\"\n                            d=\"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".3\"\n                            d=\"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".35\"\n                            d=\"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".4\"\n                            d=\"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".45\"\n                            d=\"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            opacity=\".5\"\n                            d=\"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                          <path\n                            d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z\"\n                            fill=\"currentColor\"\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                          ></path>\n                        </svg>\n                      )}\n                      <Text size=\"1\" weight=\"medium\">\n                        {upperFirst(value)}\n                      </Text>\n                    </Flex>\n                  </label>\n                ))}\n              </Grid>\n\n              <Button mt=\"5\" style={{ width: '100%' }} onClick={handleCopyThemeConfig}>\n                {copyState === 'copied' ? 'Copied' : 'Copy Theme'}\n              </Button>\n            </Box>\n          </ScrollArea>\n        </Flex>\n      </Theme>\n    );\n  }\n);\nThemePanelImpl.displayName = 'ThemePanelImpl';\n\n// https://github.com/pacocoursey/next-themes/blob/main/packages/next-themes/src/index.tsx#L285\nfunction disableAnimation() {\n  const css = document.createElement('style');\n  css.appendChild(\n    document.createTextNode(\n      `*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n    )\n  );\n  document.head.appendChild(css);\n\n  return () => {\n    // Force restyle\n    (() => window.getComputedStyle(document.body))();\n\n    // Wait for next tick before removing\n    setTimeout(() => {\n      document.head.removeChild(css);\n    }, 1);\n  };\n}\n\nfunction upperFirst(string: string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nfunction updateRootAppearanceClass(appearance: 'light' | 'dark') {\n  const root = document.documentElement;\n  const hasLightTheme = root.classList.contains('light-theme');\n  const hasDarkTheme = root.classList.contains('dark-theme');\n  const hasLight = root.classList.contains('light');\n  const hasDark = root.classList.contains('dark');\n\n  if (hasLightTheme || hasDarkTheme) {\n    root.classList.remove('light-theme', 'dark-theme');\n    root.style.colorScheme = appearance;\n    root.classList.add(`${appearance}-theme`);\n  }\n\n  if (hasLight || hasDark) {\n    root.classList.remove('light', 'dark');\n    root.style.colorScheme = appearance;\n    root.classList.add(appearance);\n  }\n\n  if (!hasLightTheme && !hasDarkTheme && !hasLight && !hasDark) {\n    root.style.colorScheme = appearance;\n    root.classList.add(appearance);\n  }\n}\n\nexport { ThemePanel };\nexport type { ThemePanelProps };\n"],
+  "mappings": "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",
+  "names": ["theme_panel_exports", "__export", "ThemePanel", "__toCommonJS", "React", "import_internal", "import__", "import_theme", "import_inert", "import_get_matching_gray_color", "import_theme_props", "defaultOpen", "props", "forwardedRef", "open", "setOpen", "ThemePanelImpl", "onOpenChange", "onAppearanceChangeProp", "panelProps", "themeContext", "appearance", "onAppearanceChange", "accentColor", "onAccentColorChange", "grayColor", "onGrayColorChange", "panelBackground", "onPanelBackgroundChange", "radius", "onRadiusChange", "scaling", "onScalingChange", "hasOnAppearanceChangeProp", "handleAppearanceChangeProp", "handleAppearanceChange", "value", "cleanup", "disableAnimation", "setResolvedAppearance", "updateRootAppearanceClass", "autoMatchedGray", "resolvedGrayColor", "copyState", "setCopyState", "handleCopyThemeConfig", "theme", "key", "textToCopy", "resolvedAppearance", "keyboardInputElement", "handleKeydown", "event", "isModifierActive", "isKeyboardInputActive", "root", "body", "update", "hasDarkClass", "classNameObserver", "mutations", "mutation", "color", "upperFirst", "gray", "css", "string", "hasLightTheme", "hasDarkTheme", "hasLight", "hasDark"]
+}

package/dist/cjs/components/theme.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { themePropDefs } from './theme.props.js';
+import type { ThemeOwnProps } from './theme.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+type ThemeAppearance = (typeof themePropDefs.appearance.values)[number];
+type ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];
+type ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];
+type ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number];
+type ThemeRadius = (typeof themePropDefs.radius.values)[number];
+type ThemeScaling = (typeof themePropDefs.scaling.values)[number];
+interface ThemeChangeHandlers {
+    onAppearanceChange: (appearance: ThemeAppearance) => void;
+    onAccentColorChange: (accentColor: ThemeAccentColor) => void;
+    onGrayColorChange: (grayColor: ThemeGrayColor) => void;
+    onPanelBackgroundChange: (panelBackground: ThemePanelBackground) => void;
+    onRadiusChange: (radius: ThemeRadius) => void;
+    onScalingChange: (scaling: ThemeScaling) => void;
+}
+interface ThemeContextValue extends ThemeChangeHandlers {
+    appearance: ThemeAppearance;
+    accentColor: ThemeAccentColor;
+    grayColor: ThemeGrayColor;
+    resolvedGrayColor: ThemeGrayColor;
+    panelBackground: ThemePanelBackground;
+    radius: ThemeRadius;
+    scaling: ThemeScaling;
+}
+declare const ThemeContext: React.Context<ThemeContextValue | undefined>;
+declare function useThemeContext(): ThemeContextValue;
+interface ThemeProps extends ThemeImplPublicProps {
+}
+declare const Theme: React.ForwardRefExoticComponent<ThemeProps & React.RefAttributes<HTMLDivElement>>;
+interface ThemeImplPublicProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, ThemeOwnProps {
+}
+export { Theme, ThemeContext, useThemeContext };
+export type { ThemeProps };
+//# sourceMappingURL=theme.d.ts.map

package/dist/cjs/components/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/theme.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAIzF,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,KAAK,gBAAgB,GAAG,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,KAAK,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,KAAK,oBAAoB,GAAG,CAAC,OAAO,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAClF,KAAK,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE,KAAK,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,UAAU,mBAAmB;IAC3B,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,mBAAmB,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IACvD,uBAAuB,EAAE,CAAC,eAAe,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACzE,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CAClD;AAED,UAAU,iBAAkB,SAAQ,mBAAmB;IACrD,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,iBAAiB,EAAE,cAAc,CAAC;IAClC,eAAe,EAAE,oBAAoB,CAAC;IACtC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;CACvB;AACD,QAAA,MAAM,YAAY,8CAAgE,CAAC;AAEnF,iBAAS,eAAe,sBAMvB;AAED,UAAU,UAAW,SAAQ,oBAAoB;CAAG;AACpD,QAAA,MAAM,KAAK,mFAaT,CAAC;AA6DH,UAAU,oBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,EACxD,aAAa;CAAG;AA8FpB,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,CAAC"}