@elliemae/ds-legacy-system 1.0.0-rc.1

package/dist/esm/styled/styledObject.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { styledFunction } from "./styledFunction.js";
+import { styled as baseStyled } from "./system.js";
+const keyofJsxIntrinsicElements = Object.keys(baseStyled);
+const styledObject = keyofJsxIntrinsicElements.reduce((obj, key) => {
+  obj[key] = styledFunction(key);
+  return obj;
+}, {});
+export {
+  styledObject
+};
+//# sourceMappingURL=styledObject.js.map

package/dist/esm/styled/styledObject.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/styledObject.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styledFunction } from './styledFunction.js';\nimport { styled as baseStyled } from './system.js';\n\ntype PreStyledObject = {\n  [TTag in keyof JSX.IntrinsicElements]: unknown;\n};\n\nexport type StyledObject = {\n  [TTag in keyof JSX.IntrinsicElements]: ReturnType<typeof styledFunction<TTag>>;\n};\n\nconst keyofJsxIntrinsicElements = Object.keys(baseStyled) as (keyof JSX.IntrinsicElements)[];\n\nexport const styledObject = keyofJsxIntrinsicElements.reduce((obj, key) => {\n  obj[key] = styledFunction(key);\n  return obj;\n}, {} as PreStyledObject) as StyledObject;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sBAAsB;AAC/B,SAAS,UAAU,kBAAkB;AAUrC,MAAM,4BAA4B,OAAO,KAAK,UAAU;AAEjD,MAAM,eAAe,0BAA0B,OAAO,CAAC,KAAK,QAAQ;AACzE,MAAI,GAAG,IAAI,eAAe,GAAG;AAC7B,SAAO;AACT,GAAG,CAAC,CAAoB;",
+  "names": []
+}

package/dist/esm/styled/system-types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=system-types.js.map

package/dist/esm/styled/system-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/styled/system-utilities/background.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { style, compose } from "@xstyled/system";
+import { th } from "../../th.js";
+const bgColorGetter = (value) => (props) => `${th.color(value, value)(props)}`;
+bgColorGetter.meta = {};
+const bg = style({
+  prop: ["backgroundColor", "bg"],
+  css: "background-color",
+  themeGet: bgColorGetter
+});
+const background = compose(bg);
+export {
+  background
+};
+//# sourceMappingURL=background.js.map

package/dist/esm/styled/system-utilities/background.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/system-utilities/background.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { style, compose, type ThemeGetter } from '@xstyled/system';\nimport { th } from '../../th.js';\nimport type { PropsWithTheme } from '../types.js';\nimport type { BackgroundProps } from '../system-types.js';\n\ninterface DSThemeGetter extends ThemeGetter {\n  (value: string): (props: PropsWithTheme) => string;\n  meta: Record<string, unknown>;\n}\n\nconst bgColorGetter: DSThemeGetter = (value: string) => (props) => `${th.color(value, value)(props as PropsWithTheme)}`;\n\nbgColorGetter.meta = {};\n\nconst bg = style({\n  prop: ['backgroundColor', 'bg'],\n  css: 'background-color',\n  themeGet: bgColorGetter,\n});\n\nexport const background = compose<BackgroundProps>(bg);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,OAAO,eAAiC;AACjD,SAAS,UAAU;AASnB,MAAM,gBAA+B,CAAC,UAAkB,CAAC,UAAU,GAAG,GAAG,MAAM,OAAO,KAAK,EAAE,KAAuB;AAEpH,cAAc,OAAO,CAAC;AAEtB,MAAM,KAAK,MAAM;AAAA,EACf,MAAM,CAAC,mBAAmB,IAAI;AAAA,EAC9B,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAEM,MAAM,aAAa,QAAyB,EAAE;",
+  "names": []
+}

package/dist/esm/styled/system-utilities/border.js

@@ -0,0 +1,158 @@
+import * as React from "react";
+import { style, compose } from "@xstyled/system";
+import { th } from "../../th.js";
+const colorReg = /(?:neutral|brand|success|danger|warning)-[0-9]{3}(?:-a[0-9]{2})?/;
+const borderGetter = (value) => (props) => {
+  const color = value?.match?.(colorReg);
+  let borderCss = ``;
+  if (color) {
+    const widthAndStyle = value.replace(color[0], "").trim();
+    borderCss = `${th.color(color[0])(props)} ${widthAndStyle}`;
+  } else {
+    borderCss = value;
+  }
+  return borderCss;
+};
+borderGetter.meta = {};
+const borderColorGetter = (value) => (props) => `${th.color(value, value)(props)}`;
+borderColorGetter.meta = {};
+function borderStyleGetter(value) {
+  return () => value;
+}
+borderStyleGetter.meta = {};
+const borderWidthGetter = (value) => (props) => `${th.space(value, value)(props)}`;
+borderWidthGetter.meta = {};
+const borderRadiusGetter = (value) => (props) => `${th.space(value, value)(props)}`;
+borderRadiusGetter.meta = {};
+const border = style({
+  prop: "border",
+  css: "border",
+  themeGet: borderGetter
+});
+const borderTop = style({
+  prop: "borderTop",
+  css: "border-top",
+  themeGet: borderGetter
+});
+const borderBottom = style({
+  prop: "borderBottom",
+  css: "border-bottom",
+  themeGet: borderGetter
+});
+const borderRight = style({
+  prop: "borderRight",
+  css: "border-right",
+  themeGet: borderGetter
+});
+const borderLeft = style({
+  prop: "borderLeft",
+  css: "border-left",
+  themeGet: borderGetter
+});
+const borderColor = style({
+  prop: "borderColor",
+  css: "border-color",
+  themeGet: borderColorGetter
+});
+const borderTopColor = style({
+  prop: "borderTopColor",
+  css: "border-top-color",
+  themeGet: borderColorGetter
+});
+const borderBottomColor = style({
+  prop: "borderBottomColor",
+  css: "border-bottom-color",
+  themeGet: borderColorGetter
+});
+const borderRightColor = style({
+  prop: "borderRightColor",
+  css: "border-right-color",
+  themeGet: borderColorGetter
+});
+const borderLeftColor = style({
+  prop: "borderLeftColor",
+  css: "border-left-color",
+  themeGet: borderColorGetter
+});
+const borderStyle = style({
+  prop: "borderStyle",
+  css: "border-style",
+  themeGet: borderStyleGetter
+});
+const borderTopStyle = style({
+  prop: "borderTopStyle",
+  css: "border-top-style",
+  themeGet: borderStyleGetter
+});
+const borderBottomStyle = style({
+  prop: "borderBottomStyle",
+  css: "border-bottom-style",
+  themeGet: borderStyleGetter
+});
+const borderRightStyle = style({
+  prop: "borderRightStyle",
+  css: "border-right-style",
+  themeGet: borderStyleGetter
+});
+const borderLeftStyle = style({
+  prop: "borderLeftStyle",
+  css: "border-left-style",
+  themeGet: borderStyleGetter
+});
+const borderWidth = style({
+  prop: "borderWidth",
+  css: "border-width",
+  themeGet: borderWidthGetter
+});
+const borderTopWidth = style({
+  prop: "borderTopWidth",
+  css: "border-top-width",
+  themeGet: borderWidthGetter
+});
+const borderBottomWidth = style({
+  prop: "borderBottomWidth",
+  css: "border-bottom-width",
+  themeGet: borderWidthGetter
+});
+const borderRightWidth = style({
+  prop: "borderRightWidth",
+  css: "border-right-width",
+  themeGet: borderWidthGetter
+});
+const borderLeftWidth = style({
+  prop: "borderLeftWidth",
+  css: "border-left-width",
+  themeGet: borderWidthGetter
+});
+const borderRadius = style({
+  prop: "borderRadius",
+  css: "border-radius",
+  themeGet: borderRadiusGetter
+});
+const borders = compose(
+  border,
+  borderTop,
+  borderBottom,
+  borderLeft,
+  borderRight,
+  borderColor,
+  borderTopColor,
+  borderBottomColor,
+  borderLeftColor,
+  borderRightColor,
+  borderStyle,
+  borderTopStyle,
+  borderBottomStyle,
+  borderLeftStyle,
+  borderRightStyle,
+  borderWidth,
+  borderTopWidth,
+  borderBottomWidth,
+  borderLeftWidth,
+  borderRightWidth,
+  borderRadius
+);
+export {
+  borders
+};
+//# sourceMappingURL=border.js.map

package/dist/esm/styled/system-utilities/border.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/system-utilities/border.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable prettier/prettier */\n/* eslint-disable max-lines */\nimport { style, compose, type ThemeGetter } from '@xstyled/system';\nimport { th } from '../../th.js';\nimport type { PropsWithTheme } from '../types.js';\ninterface DSThemeGetter extends ThemeGetter {\n  (value: string): (props: PropsWithTheme) => string;\n}\nconst colorReg = /(?:neutral|brand|success|danger|warning)-[0-9]{3}(?:-a[0-9]{2})?/;\n\nconst borderGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string => {\n    const color = value?.match?.(colorReg);\n    let borderCss = ``;\n\n    if (color) {\n      const widthAndStyle = value.replace(color[0], '').trim();\n      borderCss = `${th.color(color[0])(props as PropsWithTheme)} ${widthAndStyle}`;\n    } else {\n      borderCss = value;\n    }\n\n    return borderCss;\n  };\n\nborderGetter.meta = {};\n\nconst borderColorGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string =>\n    `${th.color(value, value)(props as PropsWithTheme)}`;\n\nborderColorGetter.meta = {};\n\nfunction borderStyleGetter(value: string) {\n  return (): string => value;\n}\n\nborderStyleGetter.meta = {};\n\nconst borderWidthGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string =>\n    `${th.space(value, value)(props as PropsWithTheme)}`;\n\nborderWidthGetter.meta = {};\n\nconst borderRadiusGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string =>\n    `${th.space(value, value)(props as PropsWithTheme)}`;\n\nborderRadiusGetter.meta = {};\n\nconst border = style({\n  prop: 'border',\n  css: 'border',\n  themeGet: borderGetter,\n});\n\nconst borderTop = style({\n  prop: 'borderTop',\n  css: 'border-top',\n  themeGet: borderGetter,\n});\n\nconst borderBottom = style({\n  prop: 'borderBottom',\n  css: 'border-bottom',\n  themeGet: borderGetter,\n});\n\nconst borderRight = style({\n  prop: 'borderRight',\n  css: 'border-right',\n  themeGet: borderGetter,\n});\n\nconst borderLeft = style({\n  prop: 'borderLeft',\n  css: 'border-left',\n  themeGet: borderGetter,\n});\n\nconst borderColor = style({\n  prop: 'borderColor',\n  css: 'border-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderTopColor = style({\n  prop: 'borderTopColor',\n  css: 'border-top-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderBottomColor = style({\n  prop: 'borderBottomColor',\n  css: 'border-bottom-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderRightColor = style({\n  prop: 'borderRightColor',\n  css: 'border-right-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderLeftColor = style({\n  prop: 'borderLeftColor',\n  css: 'border-left-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderStyle = style({\n  prop: 'borderStyle',\n  css: 'border-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderTopStyle = style({\n  prop: 'borderTopStyle',\n  css: 'border-top-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderBottomStyle = style({\n  prop: 'borderBottomStyle',\n  css: 'border-bottom-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderRightStyle = style({\n  prop: 'borderRightStyle',\n  css: 'border-right-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderLeftStyle = style({\n  prop: 'borderLeftStyle',\n  css: 'border-left-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderWidth = style({\n  prop: 'borderWidth',\n  css: 'border-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderTopWidth = style({\n  prop: 'borderTopWidth',\n  css: 'border-top-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderBottomWidth = style({\n  prop: 'borderBottomWidth',\n  css: 'border-bottom-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderRightWidth = style({\n  prop: 'borderRightWidth',\n  css: 'border-right-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderLeftWidth = style({\n  prop: 'borderLeftWidth',\n  css: 'border-left-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderRadius = style({\n  prop: 'borderRadius',\n  css: 'border-radius',\n  themeGet: borderRadiusGetter,\n});\n\nexport const borders = compose(\n  border,\n  borderTop,\n  borderBottom,\n  borderLeft,\n  borderRight,\n  borderColor,\n  borderTopColor,\n  borderBottomColor,\n  borderLeftColor,\n  borderRightColor,\n  borderStyle,\n  borderTopStyle,\n  borderBottomStyle,\n  borderLeftStyle,\n  borderRightStyle,\n  borderWidth,\n  borderTopWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  borderRightWidth,\n  borderRadius,\n);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/styled/system-utilities/color.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { style, compose } from "@xstyled/system";
+import { th } from "../../th.js";
+function colorGetter(value) {
+  return (props) => `${th.color(value, value)(props)}`;
+}
+colorGetter.meta = {};
+const colorStyled = style({
+  prop: ["color"],
+  css: ["color"],
+  themeGet: colorGetter
+});
+const color = compose(colorStyled);
+export {
+  color
+};
+//# sourceMappingURL=color.js.map

package/dist/esm/styled/system-utilities/color.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/system-utilities/color.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { Theme, Props } from '@xstyled/system';\nimport { style, compose } from '@xstyled/system';\nimport { th } from '../../th.js';\nimport type { PropsWithTheme } from '../types.js';\nimport type { ColorProps } from '../system-types.js';\n\nfunction colorGetter(value: string) {\n  return (props: PropsWithTheme | Props<Theme>): string => `${th.color(value, value)(props as PropsWithTheme)}`;\n}\n\ncolorGetter.meta = {};\n\nconst colorStyled = style<ColorProps>({\n  prop: ['color'],\n  css: ['color'],\n  themeGet: colorGetter,\n});\n\nexport const color = compose(colorStyled);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,OAAO,eAAe;AAC/B,SAAS,UAAU;AAInB,SAAS,YAAY,OAAe;AAClC,SAAO,CAAC,UAAiD,GAAG,GAAG,MAAM,OAAO,KAAK,EAAE,KAAuB;AAC5G;AAEA,YAAY,OAAO,CAAC;AAEpB,MAAM,cAAc,MAAkB;AAAA,EACpC,MAAM,CAAC,OAAO;AAAA,EACd,KAAK,CAAC,OAAO;AAAA,EACb,UAAU;AACZ,CAAC;AAEM,MAAM,QAAQ,QAAQ,WAAW;",
+  "names": []
+}

package/dist/esm/styled/system-utilities/index.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { layout, flexboxes, grids, boxShadow, fontSize } from "@xstyled/system";
+import { background } from "./background.js";
+import { borders } from "./border.js";
+import { color } from "./color.js";
+import { sizing } from "./sizing.js";
+import { space } from "./space.js";
+export {
+  background,
+  borders,
+  boxShadow as boxShadows,
+  color,
+  flexboxes,
+  fontSize,
+  grids,
+  layout,
+  sizing,
+  space
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/styled/system-utilities/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/system-utilities/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { layout, flexboxes, grids, boxShadow as boxShadows, fontSize } from '@xstyled/system';\nexport { background } from './background.js';\nexport { borders } from './border.js';\nexport { color } from './color.js';\nexport { sizing } from './sizing.js';\nexport { space } from './space.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW,OAAoB,WAAY,gBAAgB;AAC5E,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,aAAa;",
+  "names": []
+}

package/dist/esm/styled/system-utilities/sizing.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { style, compose, getSize } from "@xstyled/system";
+const width = style({
+  prop: ["width", "w"],
+  css: "width",
+  themeGet: getSize
+});
+const height = style({
+  prop: ["height", "h"],
+  css: "height",
+  themeGet: getSize
+});
+const maxHeight = style({
+  prop: ["maxH", "maxHeight"],
+  css: "max-height",
+  themeGet: getSize
+});
+const maxWidth = style({
+  prop: ["maxW", "maxWidth"],
+  css: "max-width",
+  themeGet: getSize
+});
+const minHeight = style({
+  prop: ["minH", "minHeight"],
+  css: "min-height",
+  themeGet: getSize
+});
+const minWidth = style({
+  prop: ["minW", "minWidth"],
+  css: "min-width",
+  themeGet: getSize
+});
+const sizing = compose(width, maxWidth, height, maxHeight, minHeight, minWidth);
+export {
+  sizing
+};
+//# sourceMappingURL=sizing.js.map

package/dist/esm/styled/system-utilities/sizing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/system-utilities/sizing.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { style, compose, getSize } from '@xstyled/system';\n\nconst width = style({\n  prop: ['width', 'w'],\n  css: 'width',\n  themeGet: getSize,\n});\n\nconst height = style({\n  prop: ['height', 'h'],\n  css: 'height',\n  themeGet: getSize,\n});\n\nconst maxHeight = style({\n  prop: ['maxH', 'maxHeight'],\n  css: 'max-height',\n  themeGet: getSize,\n});\n\nconst maxWidth = style({\n  prop: ['maxW', 'maxWidth'],\n  css: 'max-width',\n  themeGet: getSize,\n});\n\nconst minHeight = style({\n  prop: ['minH', 'minHeight'],\n  css: 'min-height',\n  themeGet: getSize,\n});\n\nconst minWidth = style({\n  prop: ['minW', 'minWidth'],\n  css: 'min-width',\n  themeGet: getSize,\n});\n\nexport const sizing = compose(width, maxWidth, height, maxHeight, minHeight, minWidth);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,OAAO,SAAS,eAAe;AAExC,MAAM,QAAQ,MAAM;AAAA,EAClB,MAAM,CAAC,SAAS,GAAG;AAAA,EACnB,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAED,MAAM,SAAS,MAAM;AAAA,EACnB,MAAM,CAAC,UAAU,GAAG;AAAA,EACpB,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAED,MAAM,YAAY,MAAM;AAAA,EACtB,MAAM,CAAC,QAAQ,WAAW;AAAA,EAC1B,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAED,MAAM,WAAW,MAAM;AAAA,EACrB,MAAM,CAAC,QAAQ,UAAU;AAAA,EACzB,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAED,MAAM,YAAY,MAAM;AAAA,EACtB,MAAM,CAAC,QAAQ,WAAW;AAAA,EAC1B,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAED,MAAM,WAAW,MAAM;AAAA,EACrB,MAAM,CAAC,QAAQ,UAAU;AAAA,EACzB,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAEM,MAAM,SAAS,QAAQ,OAAO,UAAU,QAAQ,WAAW,WAAW,QAAQ;",
+  "names": []
+}

package/dist/esm/styled/system-utilities/space.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { space as xstyledSpace } from "@xstyled/system";
+const space = xstyledSpace;
+export {
+  space
+};
+//# sourceMappingURL=space.js.map

package/dist/esm/styled/system-utilities/space.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/system-utilities/space.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { space as xstyledSpace, type StyleGenerator } from '@xstyled/system';\nimport type { SpaceProps } from '../system-types.js';\n\nexport const space = xstyledSpace as unknown as StyleGenerator<SpaceProps>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,oBAAyC;AAGpD,MAAM,QAAQ;",
+  "names": []
+}

package/dist/esm/styled/system.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { createCss } from "@xstyled/styled-components";
+import { system, compose } from "@xstyled/system";
+const { css, styled, createGlobalStyle } = createCss(compose(system));
+export {
+  createGlobalStyle,
+  css,
+  styled
+};
+//# sourceMappingURL=system.js.map

package/dist/esm/styled/system.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/system.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createCss } from '@xstyled/styled-components';\nimport { system, compose } from '@xstyled/system';\n\n// We create our own system from the default xstyled system\nexport const { css, styled, createGlobalStyle } = createCss(compose(system));\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,eAAe;AAGzB,MAAM,EAAE,KAAK,QAAQ,kBAAkB,IAAI,UAAU,QAAQ,MAAM,CAAC;",
+  "names": []
+}

package/dist/esm/styled/transformers/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { magicCssTransform } from "./magicCssTransform.js";
+export {
+  magicCssTransform
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/styled/transformers/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/transformers/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { magicCssTransform } from './magicCssTransform.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;",
+  "names": []
+}

package/dist/esm/styled/transformers/magicCssTransform.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { th } from "../../th.js";
+const COLOR_REGEX = /(neutral|brand|success|warning|danger)-(100|200|300|400|500|600|700|800|900|000|050|080)/g;
+const magicfyCss = (rawValue) => {
+  let matches;
+  let lastIndex = 0;
+  const splittedValue = [];
+  const themeGetters = [];
+  while (matches = COLOR_REGEX.exec(rawValue)) {
+    const [match] = matches;
+    splittedValue.push(rawValue.slice(lastIndex, matches.index));
+    themeGetters.push(th.color(match, match));
+    lastIndex = matches.index + match.length;
+  }
+  splittedValue.push(rawValue.slice(lastIndex, rawValue.length));
+  return [splittedValue, themeGetters];
+};
+const magicCssTransform = (styleArg, expressions) => {
+  if (!Array.isArray(styleArg))
+    return [styleArg, expressions];
+  const magicStyleArg = [];
+  const magicExpressions = [];
+  const templateStringArray = styleArg;
+  templateStringArray.forEach((templateString, index) => {
+    const [splittedTemplateString, themeGetters] = magicfyCss(templateString);
+    magicStyleArg.push(...splittedTemplateString);
+    magicExpressions.push(...themeGetters);
+    if (index < expressions.length)
+      magicExpressions.push(expressions[index]);
+  });
+  return [Object.assign(magicStyleArg, { raw: [...magicStyleArg] }), magicExpressions];
+};
+export {
+  magicCssTransform
+};
+//# sourceMappingURL=magicCssTransform.js.map

package/dist/esm/styled/transformers/magicCssTransform.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/styled/transformers/magicCssTransform.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { th } from '../../th.js';\nimport type { Expressions, StyleArg } from '../types.js';\n\ntype MagicCssTransform = (styleArg: StyleArg, expressions: Expressions) => [StyleArg, Expressions];\n\n// This file is heavily inspired by https://github.com/gregberge/xstyled/blob/c0c92b459bb3a5de46d7854be3667861f816baa5/packages/core/src/transform.ts#L65\n// Please refer to that file to understand of the idea of the css transformer\n\nconst COLOR_REGEX = /(neutral|brand|success|warning|danger)-(100|200|300|400|500|600|700|800|900|000|050|080)/g;\n\nconst magicfyCss = (rawValue: string): [string[], Expressions] => {\n  let matches;\n  let lastIndex = 0;\n  const splittedValue: string[] = [];\n  const themeGetters = [];\n  while ((matches = COLOR_REGEX.exec(rawValue))) {\n    const [match] = matches;\n    splittedValue.push(rawValue.slice(lastIndex, matches.index));\n\n    themeGetters.push(th.color(match, match));\n\n    lastIndex = matches.index + match.length;\n  }\n  splittedValue.push(rawValue.slice(lastIndex, rawValue.length));\n  return [splittedValue, themeGetters];\n};\n\nexport const magicCssTransform: MagicCssTransform = (styleArg, expressions) => {\n  if (!Array.isArray(styleArg)) return [styleArg, expressions];\n\n  const magicStyleArg: string[] = [];\n  const magicExpressions: Expressions = [];\n\n  const templateStringArray = styleArg as TemplateStringsArray;\n\n  templateStringArray.forEach((templateString, index) => {\n    const [splittedTemplateString, themeGetters] = magicfyCss(templateString);\n    magicStyleArg.push(...splittedTemplateString);\n    magicExpressions.push(...themeGetters);\n    if (index < expressions.length) magicExpressions.push(expressions[index]);\n  });\n\n  return [Object.assign(magicStyleArg, { raw: [...magicStyleArg] }), magicExpressions];\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU;AAQnB,MAAM,cAAc;AAEpB,MAAM,aAAa,CAAC,aAA8C;AAChE,MAAI;AACJ,MAAI,YAAY;AAChB,QAAM,gBAA0B,CAAC;AACjC,QAAM,eAAe,CAAC;AACtB,SAAQ,UAAU,YAAY,KAAK,QAAQ,GAAI;AAC7C,UAAM,CAAC,KAAK,IAAI;AAChB,kBAAc,KAAK,SAAS,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE3D,iBAAa,KAAK,GAAG,MAAM,OAAO,KAAK,CAAC;AAExC,gBAAY,QAAQ,QAAQ,MAAM;AAAA,EACpC;AACA,gBAAc,KAAK,SAAS,MAAM,WAAW,SAAS,MAAM,CAAC;AAC7D,SAAO,CAAC,eAAe,YAAY;AACrC;AAEO,MAAM,oBAAuC,CAAC,UAAU,gBAAgB;AAC7E,MAAI,CAAC,MAAM,QAAQ,QAAQ;AAAG,WAAO,CAAC,UAAU,WAAW;AAE3D,QAAM,gBAA0B,CAAC;AACjC,QAAM,mBAAgC,CAAC;AAEvC,QAAM,sBAAsB;AAE5B,sBAAoB,QAAQ,CAAC,gBAAgB,UAAU;AACrD,UAAM,CAAC,wBAAwB,YAAY,IAAI,WAAW,cAAc;AACxE,kBAAc,KAAK,GAAG,sBAAsB;AAC5C,qBAAiB,KAAK,GAAG,YAAY;AACrC,QAAI,QAAQ,YAAY;AAAQ,uBAAiB,KAAK,YAAY,KAAK,CAAC;AAAA,EAC1E,CAAC;AAED,SAAO,CAAC,OAAO,OAAO,eAAe,EAAE,KAAK,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,gBAAgB;AACrF;",
+  "names": []
+}

package/dist/esm/styled/types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/dist/esm/styled/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/th.js

@@ -0,0 +1,56 @@
+import * as React from "react";
+const hexToRgba = (hex, alpha) => {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (result) {
+    return `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${alpha})`;
+  }
+  return ``;
+};
+const colorGetter = (value, dfault = "") => ({ theme }) => {
+  const colorValues = value.split("-");
+  if (colorValues.length === 1)
+    return colorValues[0];
+  if (colorValues.length > 3)
+    return dfault;
+  const [colorType, colorValue, alpha] = colorValues;
+  const themeColor = theme.colors && theme.colors[colorType]?.[colorValue];
+  if (!themeColor)
+    return dfault;
+  if (alpha) {
+    const alphaFloatingNumber = `0.${alpha.slice(1)}`;
+    return hexToRgba(themeColor, alphaFloatingNumber);
+  }
+  return themeColor;
+};
+const genericGetter = (property) => (value, dfault = "") => ({ theme }) => {
+  const parts = value.split("-");
+  let result = theme[property];
+  parts.forEach((part) => {
+    if (result)
+      result = result[part];
+  });
+  return result ?? dfault;
+};
+const th = (property) => {
+  switch (property) {
+    case "colors":
+      return colorGetter;
+    default:
+      return genericGetter(property);
+  }
+};
+th.space = th("space");
+th.fontSize = th("fontSizes");
+th.fontWeight = th("fontWeights");
+th.lineHeight = th("lineHeights");
+th.letterSpacing = th("letterSpacings");
+th.font = th("fonts");
+th.color = th("colors");
+th.breakpoint = th("breakpoints");
+th.media = th("media");
+th.zIndex = th("zIndex");
+export {
+  hexToRgba,
+  th
+};
+//# sourceMappingURL=th.js.map

package/dist/esm/th.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/th.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport type { Theme } from '@elliemae/pui-theme';\nimport type { PropsWithTheme } from './styled/index.js';\n\nexport const hexToRgba = (hex: string, alpha: string) => {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n\n  if (result) {\n    return `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${alpha})`;\n  }\n  return ``;\n};\n\ntype ThemeStringGetter = <T>({ theme }: PropsWithTheme<T>) => string;\n\ntype ThGetter = (value: string, dfault?: string) => ThemeStringGetter;\n\ntype ThConstructor = ((property: keyof Theme) => ThGetter) & {\n  space: ThGetter;\n  fontSize: ThGetter;\n  fontWeight: ThGetter;\n  lineHeight: ThGetter;\n  letterSpacing: ThGetter;\n  font: ThGetter;\n  color: ThGetter;\n  breakpoint: ThGetter;\n  media: ThGetter;\n  zIndex: ThGetter;\n};\n\nconst colorGetter: ThGetter =\n  (value, dfault = '') =>\n  ({ theme }) => {\n    const colorValues = value.split('-');\n\n    if (colorValues.length === 1) return colorValues[0];\n\n    if (colorValues.length > 3) return dfault;\n\n    const [colorType, colorValue, alpha] = colorValues as [\n      keyof Theme['colors'],\n      keyof Theme['colors'][keyof Theme['colors']],\n      string,\n    ];\n\n    const themeColor = theme.colors && theme.colors[colorType]?.[colorValue];\n\n    if (!themeColor) return dfault;\n\n    if (alpha) {\n      const alphaFloatingNumber = `0.${alpha.slice(1)}`;\n\n      return hexToRgba(themeColor, alphaFloatingNumber);\n    }\n\n    return themeColor;\n  };\n\nconst genericGetter =\n  (property: keyof Theme) =>\n  <T,>(value: string, dfault = ''): ThemeStringGetter<T> =>\n  ({ theme }) => {\n    const parts = value.split('-');\n    let result = theme[property];\n    parts.forEach((part) => {\n      if (result) result = result[part as keyof typeof result];\n    });\n    return (result as unknown as string) ?? dfault;\n  };\n\nexport const th: ThConstructor = (property): ThGetter => {\n  switch (property) {\n    case 'colors' as keyof Theme:\n      return colorGetter;\n    default:\n      return genericGetter(property);\n  }\n};\n\nth.space = th('space');\nth.fontSize = th('fontSizes');\nth.fontWeight = th('fontWeights');\nth.lineHeight = th('lineHeights');\nth.letterSpacing = th('letterSpacings');\nth.font = th('fonts');\nth.color = th('colors');\nth.breakpoint = th('breakpoints');\nth.media = th('media');\nth.zIndex = th('zIndex');\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIhB,MAAM,YAAY,CAAC,KAAa,UAAkB;AACvD,QAAM,SAAS,4CAA4C,KAAK,GAAG;AAEnE,MAAI,QAAQ;AACV,WAAO,QAAQ,SAAS,OAAO,CAAC,GAAG,EAAE,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE,MAAM;AAAA,EACrG;AACA,SAAO;AACT;AAmBA,MAAM,cACJ,CAAC,OAAO,SAAS,OACjB,CAAC,EAAE,MAAM,MAAM;AACb,QAAM,cAAc,MAAM,MAAM,GAAG;AAEnC,MAAI,YAAY,WAAW;AAAG,WAAO,YAAY,CAAC;AAElD,MAAI,YAAY,SAAS;AAAG,WAAO;AAEnC,QAAM,CAAC,WAAW,YAAY,KAAK,IAAI;AAMvC,QAAM,aAAa,MAAM,UAAU,MAAM,OAAO,SAAS,IAAI,UAAU;AAEvE,MAAI,CAAC;AAAY,WAAO;AAExB,MAAI,OAAO;AACT,UAAM,sBAAsB,KAAK,MAAM,MAAM,CAAC;AAE9C,WAAO,UAAU,YAAY,mBAAmB;AAAA,EAClD;AAEA,SAAO;AACT;AAEF,MAAM,gBACJ,CAAC,aACD,CAAK,OAAe,SAAS,OAC7B,CAAC,EAAE,MAAM,MAAM;AACb,QAAM,QAAQ,MAAM,MAAM,GAAG;AAC7B,MAAI,SAAS,MAAM,QAAQ;AAC3B,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI;AAAQ,eAAS,OAAO,IAA2B;AAAA,EACzD,CAAC;AACD,SAAQ,UAAgC;AAC1C;AAEK,MAAM,KAAoB,CAAC,aAAuB;AACvD,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,cAAc,QAAQ;AAAA,EACjC;AACF;AAEA,GAAG,QAAQ,GAAG,OAAO;AACrB,GAAG,WAAW,GAAG,WAAW;AAC5B,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,gBAAgB,GAAG,gBAAgB;AACtC,GAAG,OAAO,GAAG,OAAO;AACpB,GAAG,QAAQ,GAAG,QAAQ;AACtB,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,QAAQ,GAAG,OAAO;AACrB,GAAG,SAAS,GAAG,QAAQ;",
+  "names": []
+}

package/dist/esm/theme.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+const theme = getDefaultTheme();
+export {
+  theme
+};
+//# sourceMappingURL=theme.js.map

package/dist/esm/theme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/theme.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { getDefaultTheme } from '@elliemae/pui-theme';\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport const theme = getDefaultTheme() as Theme;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uBAAuB;AAGzB,MAAM,QAAQ,gBAAgB;",
+  "names": []
+}

package/dist/esm/themeProviderHOC.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider } from "@xstyled/styled-components";
+import { theme } from "./theme.js";
+const themeProviderHOC = (Component) => {
+  const WrappedComponent = (props) => /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+  return WrappedComponent;
+};
+export {
+  themeProviderHOC
+};
+//# sourceMappingURL=themeProviderHOC.js.map

package/dist/esm/themeProviderHOC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/themeProviderHOC.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ThemeProvider } from '@xstyled/styled-components';\nimport { theme } from './theme.js';\n\nexport const themeProviderHOC = <T extends JSX.IntrinsicAttributes>(Component: React.ComponentType<T>) => {\n  const WrappedComponent: React.ComponentType<T> = (props) => (\n    <ThemeProvider theme={theme}>\n      <Component {...props} />\n    </ThemeProvider>\n  );\n  return WrappedComponent;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACOjB;AANN,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAEf,MAAM,mBAAmB,CAAoC,cAAsC;AACxG,QAAM,mBAA2C,CAAC,UAChD,oBAAC,iBAAc,OACb,8BAAC,aAAW,GAAG,OAAO,GACxB;AAEF,SAAO;AACT;",
+  "names": []
+}