@economic/taco 8.0.0 → 8.0.1-EC-12460-test-release.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Inline/Inline.cjs +11 -4
- package/dist/components/Inline/Inline.cjs.map +1 -1
- package/dist/components/Inline/Inline.js +10 -3
- package/dist/components/Inline/Inline.js.map +1 -1
- package/dist/components/Stack/Stack.cjs +9 -4
- package/dist/components/Stack/Stack.cjs.map +1 -1
- package/dist/components/Stack/Stack.js +8 -3
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Typography/Heading.cjs +11 -4
- package/dist/components/Typography/Heading.cjs.map +1 -1
- package/dist/components/Typography/Heading.js +10 -3
- package/dist/components/Typography/Heading.js.map +1 -1
- package/dist/components/Typography/Text.cjs +12 -4
- package/dist/components/Typography/Text.cjs.map +1 -1
- package/dist/components/Typography/Text.js +11 -3
- package/dist/components/Typography/Text.js.map +1 -1
- package/package.json +8 -8
- package/dist/utils/props.cjs +0 -11
- package/dist/utils/props.cjs.map +0 -1
- package/dist/utils/props.d.ts +0 -5
- package/dist/utils/props.js +0 -11
- package/dist/utils/props.js.map +0 -1
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const cn = require("clsx");
|
|
5
|
-
const props = require("../../utils/props.cjs");
|
|
6
5
|
const layout = require("../../utils/layout.cjs");
|
|
7
6
|
function _interopNamespaceDefault(e) {
|
|
8
7
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -21,9 +20,17 @@ function _interopNamespaceDefault(e) {
|
|
|
21
20
|
return Object.freeze(n);
|
|
22
21
|
}
|
|
23
22
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
24
|
-
const Inline = React__namespace.forwardRef(function Inline2(props
|
|
25
|
-
const {
|
|
26
|
-
|
|
23
|
+
const Inline = React__namespace.forwardRef(function Inline2(props, ref) {
|
|
24
|
+
const {
|
|
25
|
+
spacing,
|
|
26
|
+
alignInline = "start",
|
|
27
|
+
alignBlock = "stretch",
|
|
28
|
+
noWrap = false,
|
|
29
|
+
children,
|
|
30
|
+
className: _className,
|
|
31
|
+
style: _style,
|
|
32
|
+
...restProps
|
|
33
|
+
} = props;
|
|
27
34
|
const inlineClassName = cn(
|
|
28
35
|
"flex flex-row",
|
|
29
36
|
layout.SPACING_MAP[spacing],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inline.cjs","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {
|
|
1
|
+
{"version":3,"file":"Inline.cjs","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, JUSTIFY_CONTENT_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type InlineSpacing = keyof typeof SPACING_MAP;\nexport type InlineAlignInline = keyof typeof JUSTIFY_CONTENT_MAP;\nexport type InlineAlignBlock = keyof typeof ALIGN_ITEMS_MAP;\n\nexport type InlineProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n /**\n * Spacing between inline items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n */\n spacing: InlineSpacing;\n /**\n * Align children on the inline axis (horizontal).\n * @defaultValue start\n */\n alignInline?: InlineAlignInline;\n /**\n * Align children on the block axis (vertical).\n * @defaultValue stretch\n */\n alignBlock?: InlineAlignBlock;\n /**\n * Prevents contents from wrapping to a new line.\n * @defaultValue false\n */\n noWrap?: boolean;\n /** Content to be distributed horizontally */\n children: React.ReactNode;\n};\n\nexport const Inline = React.forwardRef<HTMLDivElement, InlineProps>(function Inline(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'start',\n alignBlock = 'stretch',\n noWrap = false,\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as InlineProps & { className?: string; style?: React.CSSProperties };\n\n const inlineClassName = cn(\n 'flex flex-row',\n SPACING_MAP[spacing],\n JUSTIFY_CONTENT_MAP[alignInline],\n ALIGN_ITEMS_MAP[alignBlock],\n noWrap ? 'flex-nowrap' : 'flex-wrap'\n );\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null || child === undefined || child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={inlineClassName} {...restProps} data-taco=\"inline\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["React","Inline","SPACING_MAP","JUSTIFY_CONTENT_MAP","ALIGN_ITEMS_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAM,SAASA,iBAAM,WAAwC,SAASC,QAAO,OAAO,KAAK;AAEtF,QAAA;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACAC,OAAAA,YAAY,OAAO;AAAA,IACnBC,OAAAA,oBAAoB,WAAW;AAAA,IAC/BC,OAAAA,gBAAgB,UAAU;AAAA,IAC1B,SAAS,gBAAgB;AAAA,EAC7B;AAGA,QAAM,kBAAkBJ,iBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AACnD,aAAA;AAAA,IAAA;AAEX,WAAQA,iCAAA,cAAA,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EAAA,CAClC;AAGG,SAAAA,iCAAA,cAAC,SAAI,WAAW,iBAAkB,GAAG,WAAW,aAAU,UAAS,IAAA,GAC9D,eACL;AAER,CAAC;;"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import cn from "clsx";
|
|
3
|
-
import { omitPropsRuntime } from "../../utils/props.js";
|
|
4
3
|
import { SPACING_MAP, JUSTIFY_CONTENT_MAP, ALIGN_ITEMS_MAP } from "../../utils/layout.js";
|
|
5
4
|
const Inline = React.forwardRef(function Inline2(props, ref) {
|
|
6
|
-
const {
|
|
7
|
-
|
|
5
|
+
const {
|
|
6
|
+
spacing,
|
|
7
|
+
alignInline = "start",
|
|
8
|
+
alignBlock = "stretch",
|
|
9
|
+
noWrap = false,
|
|
10
|
+
children,
|
|
11
|
+
className: _className,
|
|
12
|
+
style: _style,
|
|
13
|
+
...restProps
|
|
14
|
+
} = props;
|
|
8
15
|
const inlineClassName = cn(
|
|
9
16
|
"flex flex-row",
|
|
10
17
|
SPACING_MAP[spacing],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inline.js","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {
|
|
1
|
+
{"version":3,"file":"Inline.js","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, JUSTIFY_CONTENT_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type InlineSpacing = keyof typeof SPACING_MAP;\nexport type InlineAlignInline = keyof typeof JUSTIFY_CONTENT_MAP;\nexport type InlineAlignBlock = keyof typeof ALIGN_ITEMS_MAP;\n\nexport type InlineProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n /**\n * Spacing between inline items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n */\n spacing: InlineSpacing;\n /**\n * Align children on the inline axis (horizontal).\n * @defaultValue start\n */\n alignInline?: InlineAlignInline;\n /**\n * Align children on the block axis (vertical).\n * @defaultValue stretch\n */\n alignBlock?: InlineAlignBlock;\n /**\n * Prevents contents from wrapping to a new line.\n * @defaultValue false\n */\n noWrap?: boolean;\n /** Content to be distributed horizontally */\n children: React.ReactNode;\n};\n\nexport const Inline = React.forwardRef<HTMLDivElement, InlineProps>(function Inline(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'start',\n alignBlock = 'stretch',\n noWrap = false,\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as InlineProps & { className?: string; style?: React.CSSProperties };\n\n const inlineClassName = cn(\n 'flex flex-row',\n SPACING_MAP[spacing],\n JUSTIFY_CONTENT_MAP[alignInline],\n ALIGN_ITEMS_MAP[alignBlock],\n noWrap ? 'flex-nowrap' : 'flex-wrap'\n );\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null || child === undefined || child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={inlineClassName} {...restProps} data-taco=\"inline\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["Inline"],"mappings":";;;AAiCO,MAAM,SAAS,MAAM,WAAwC,SAASA,QAAO,OAAO,KAAK;AAEtF,QAAA;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACA,YAAY,OAAO;AAAA,IACnB,oBAAoB,WAAW;AAAA,IAC/B,gBAAgB,UAAU;AAAA,IAC1B,SAAS,gBAAgB;AAAA,EAC7B;AAGA,QAAM,kBAAkB,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AACnD,aAAA;AAAA,IAAA;AAEX,WAAQ,sBAAA,cAAA,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EAAA,CAClC;AAGG,SAAA,sBAAA,cAAC,SAAI,WAAW,iBAAkB,GAAG,WAAW,aAAU,UAAS,IAAA,GAC9D,eACL;AAER,CAAC;"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const cn = require("clsx");
|
|
5
|
-
const props = require("../../utils/props.cjs");
|
|
6
5
|
const layout = require("../../utils/layout.cjs");
|
|
7
6
|
function _interopNamespaceDefault(e) {
|
|
8
7
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -21,9 +20,15 @@ function _interopNamespaceDefault(e) {
|
|
|
21
20
|
return Object.freeze(n);
|
|
22
21
|
}
|
|
23
22
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
24
|
-
const Stack = React__namespace.forwardRef(function Stack2(props
|
|
25
|
-
const {
|
|
26
|
-
|
|
23
|
+
const Stack = React__namespace.forwardRef(function Stack2(props, ref) {
|
|
24
|
+
const {
|
|
25
|
+
spacing,
|
|
26
|
+
alignInline = "stretch",
|
|
27
|
+
children,
|
|
28
|
+
className: _className,
|
|
29
|
+
style: _style,
|
|
30
|
+
...restProps
|
|
31
|
+
} = props;
|
|
27
32
|
const stackClassName = cn("flex flex-col", layout.SPACING_MAP[spacing], layout.ALIGN_ITEMS_MAP[alignInline]);
|
|
28
33
|
const wrappedChildren = React__namespace.Children.map(children, (child, index) => {
|
|
29
34
|
if (child === null || child === void 0 || child === false) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {
|
|
1
|
+
{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n /**\n * Spacing between stack items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n */\n spacing: StackSpacing;\n /**\n * Align children on the inline axis.\n * @defaultValue stretch\n */\n alignInline?: StackAlignInline;\n /** Content to be stacked vertically */\n children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'stretch',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null || child === undefined || child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["React","Stack","SPACING_MAP","ALIGN_ITEMS_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,QAAQA,iBAAM,WAAuC,SAASC,OAAM,OAAO,KAAK;AAEnF,QAAA;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,iBAAiB,GAAG,iBAAiBC,OAAAA,YAAY,OAAO,GAAGC,OAAAA,gBAAgB,WAAW,CAAC;AAG7F,QAAM,kBAAkBH,iBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AACnD,aAAA;AAAA,IAAA;AAEX,WAAQA,iCAAA,cAAA,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EAAA,CAClC;AAGG,SAAAA,iCAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;;"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import cn from "clsx";
|
|
3
|
-
import { omitPropsRuntime } from "../../utils/props.js";
|
|
4
3
|
import { SPACING_MAP, ALIGN_ITEMS_MAP } from "../../utils/layout.js";
|
|
5
4
|
const Stack = React.forwardRef(function Stack2(props, ref) {
|
|
6
|
-
const {
|
|
7
|
-
|
|
5
|
+
const {
|
|
6
|
+
spacing,
|
|
7
|
+
alignInline = "stretch",
|
|
8
|
+
children,
|
|
9
|
+
className: _className,
|
|
10
|
+
style: _style,
|
|
11
|
+
...restProps
|
|
12
|
+
} = props;
|
|
8
13
|
const stackClassName = cn("flex flex-col", SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);
|
|
9
14
|
const wrappedChildren = React.Children.map(children, (child, index) => {
|
|
10
15
|
if (child === null || child === void 0 || child === false) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {
|
|
1
|
+
{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n /**\n * Spacing between stack items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n */\n spacing: StackSpacing;\n /**\n * Align children on the inline axis.\n * @defaultValue stretch\n */\n alignInline?: StackAlignInline;\n /** Content to be stacked vertically */\n children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'stretch',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null || child === undefined || child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["Stack"],"mappings":";;;AAqBO,MAAM,QAAQ,MAAM,WAAuC,SAASA,OAAM,OAAO,KAAK;AAEnF,QAAA;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,iBAAiB,GAAG,iBAAiB,YAAY,OAAO,GAAG,gBAAgB,WAAW,CAAC;AAG7F,QAAM,kBAAkB,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AACnD,aAAA;AAAA,IAAA;AAEX,WAAQ,sBAAA,cAAA,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EAAA,CAClC;AAGG,SAAA,sBAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const React = require("react");
|
|
4
|
-
const props = require("../../utils/props.cjs");
|
|
5
4
|
const cn = require("clsx");
|
|
6
5
|
const typography = require("../../utils/typography.cjs");
|
|
7
6
|
function _interopNamespaceDefault(e) {
|
|
@@ -22,9 +21,17 @@ function _interopNamespaceDefault(e) {
|
|
|
22
21
|
}
|
|
23
22
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
24
23
|
const HEADING_LINE_HEIGHT_CLASS = "leading-normal";
|
|
25
|
-
const Heading = React__namespace.forwardRef(function Heading2(props
|
|
26
|
-
const {
|
|
27
|
-
|
|
24
|
+
const Heading = React__namespace.forwardRef(function Heading2(props, ref) {
|
|
25
|
+
const {
|
|
26
|
+
size = "md",
|
|
27
|
+
level,
|
|
28
|
+
color = "primary",
|
|
29
|
+
align = "start",
|
|
30
|
+
children,
|
|
31
|
+
className: _className,
|
|
32
|
+
style: _style,
|
|
33
|
+
...restProps
|
|
34
|
+
} = props;
|
|
28
35
|
const Component = `h${level}`;
|
|
29
36
|
const headingClassName = cn(
|
|
30
37
|
typography.TYPOGRAPHY_BASE_CLASSES,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.cjs","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import * as React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"Heading.cjs","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {\n TYPOGRAPHY_ALIGN_CLASSES,\n TYPOGRAPHY_BASE_CLASSES,\n TYPOGRAPHY_COLOR_MAP,\n TYPOGRAPHY_HEADING_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type HeadingSize = 'sm' | 'md' | 'lg';\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type HeadingAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children' | 'className' | 'style'> & {\n size?: HeadingSize;\n level: HeadingLevel;\n color?: HeadingColor;\n align?: HeadingAlign;\n children: React.ReactNode;\n};\n\nconst HEADING_LINE_HEIGHT_CLASS = 'leading-normal';\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n size = 'md',\n level,\n color = 'primary',\n align = 'start',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as HeadingProps & { className?: string; style?: React.CSSProperties };\n\n const Component = `h${level}` as const;\n const headingClassName = cn(\n TYPOGRAPHY_BASE_CLASSES,\n 'font-bold',\n TYPOGRAPHY_HEADING_SIZE_CLASSES[size],\n HEADING_LINE_HEIGHT_CLASS,\n TYPOGRAPHY_COLOR_MAP[color],\n TYPOGRAPHY_ALIGN_CLASSES[align]\n );\n\n return (\n <Component {...restProps} className={headingClassName} data-taco=\"heading\" ref={ref}>\n {children}\n </Component>\n );\n});\n"],"names":["React","Heading","TYPOGRAPHY_BASE_CLASSES","TYPOGRAPHY_HEADING_SIZE_CLASSES","TYPOGRAPHY_COLOR_MAP","TYPOGRAPHY_ALIGN_CLASSES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,4BAA4B;AAE3B,MAAM,UAAUA,iBAAM,WAA6C,SAASC,SAAQ,OAAO,KAAK;AAE7F,QAAA;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,YAAY,IAAI,KAAK;AAC3B,QAAM,mBAAmB;AAAA,IACrBC,WAAA;AAAA,IACA;AAAA,IACAC,WAAAA,gCAAgC,IAAI;AAAA,IACpC;AAAA,IACAC,WAAAA,qBAAqB,KAAK;AAAA,IAC1BC,WAAAA,yBAAyB,KAAK;AAAA,EAClC;AAGI,SAAAL,iCAAA,cAAC,aAAW,GAAG,WAAW,WAAW,kBAAkB,aAAU,WAAU,IAAA,GACtE,QACL;AAER,CAAC;;"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { omitPropsRuntime } from "../../utils/props.js";
|
|
3
2
|
import cn from "clsx";
|
|
4
3
|
import { TYPOGRAPHY_BASE_CLASSES, TYPOGRAPHY_HEADING_SIZE_CLASSES, TYPOGRAPHY_COLOR_MAP, TYPOGRAPHY_ALIGN_CLASSES } from "../../utils/typography.js";
|
|
5
4
|
const HEADING_LINE_HEIGHT_CLASS = "leading-normal";
|
|
6
5
|
const Heading = React.forwardRef(function Heading2(props, ref) {
|
|
7
|
-
const {
|
|
8
|
-
|
|
6
|
+
const {
|
|
7
|
+
size = "md",
|
|
8
|
+
level,
|
|
9
|
+
color = "primary",
|
|
10
|
+
align = "start",
|
|
11
|
+
children,
|
|
12
|
+
className: _className,
|
|
13
|
+
style: _style,
|
|
14
|
+
...restProps
|
|
15
|
+
} = props;
|
|
9
16
|
const Component = `h${level}`;
|
|
10
17
|
const headingClassName = cn(
|
|
11
18
|
TYPOGRAPHY_BASE_CLASSES,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import * as React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"Heading.js","sources":["../../../src/components/Typography/Heading.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {\n TYPOGRAPHY_ALIGN_CLASSES,\n TYPOGRAPHY_BASE_CLASSES,\n TYPOGRAPHY_COLOR_MAP,\n TYPOGRAPHY_HEADING_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type HeadingSize = 'sm' | 'md' | 'lg';\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type HeadingAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children' | 'className' | 'style'> & {\n size?: HeadingSize;\n level: HeadingLevel;\n color?: HeadingColor;\n align?: HeadingAlign;\n children: React.ReactNode;\n};\n\nconst HEADING_LINE_HEIGHT_CLASS = 'leading-normal';\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n size = 'md',\n level,\n color = 'primary',\n align = 'start',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as HeadingProps & { className?: string; style?: React.CSSProperties };\n\n const Component = `h${level}` as const;\n const headingClassName = cn(\n TYPOGRAPHY_BASE_CLASSES,\n 'font-bold',\n TYPOGRAPHY_HEADING_SIZE_CLASSES[size],\n HEADING_LINE_HEIGHT_CLASS,\n TYPOGRAPHY_COLOR_MAP[color],\n TYPOGRAPHY_ALIGN_CLASSES[align]\n );\n\n return (\n <Component {...restProps} className={headingClassName} data-taco=\"heading\" ref={ref}>\n {children}\n </Component>\n );\n});\n"],"names":["Heading"],"mappings":";;;AAsBA,MAAM,4BAA4B;AAE3B,MAAM,UAAU,MAAM,WAA6C,SAASA,SAAQ,OAAO,KAAK;AAE7F,QAAA;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,YAAY,IAAI,KAAK;AAC3B,QAAM,mBAAmB;AAAA,IACrB;AAAA,IACA;AAAA,IACA,gCAAgC,IAAI;AAAA,IACpC;AAAA,IACA,qBAAqB,KAAK;AAAA,IAC1B,yBAAyB,KAAK;AAAA,EAClC;AAGI,SAAA,sBAAA,cAAC,aAAW,GAAG,WAAW,WAAW,kBAAkB,aAAU,WAAU,IAAA,GACtE,QACL;AAER,CAAC;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const React = require("react");
|
|
4
|
-
const props = require("../../utils/props.cjs");
|
|
5
4
|
const cn = require("clsx");
|
|
6
5
|
const typography = require("../../utils/typography.cjs");
|
|
7
6
|
function _interopNamespaceDefault(e) {
|
|
@@ -21,9 +20,18 @@ function _interopNamespaceDefault(e) {
|
|
|
21
20
|
return Object.freeze(n);
|
|
22
21
|
}
|
|
23
22
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
24
|
-
const Text = React__namespace.forwardRef(function Text2(props
|
|
25
|
-
const {
|
|
26
|
-
|
|
23
|
+
const Text = React__namespace.forwardRef(function Text2(props, ref) {
|
|
24
|
+
const {
|
|
25
|
+
size = "md",
|
|
26
|
+
as = "p",
|
|
27
|
+
bold = false,
|
|
28
|
+
color = "primary",
|
|
29
|
+
align = "start",
|
|
30
|
+
children,
|
|
31
|
+
className: _className,
|
|
32
|
+
style: _style,
|
|
33
|
+
...restProps
|
|
34
|
+
} = props;
|
|
27
35
|
const Component = as;
|
|
28
36
|
const resetListMarker = as === "li";
|
|
29
37
|
const textLineHeightClass = size === "md" ? "leading-snug" : "leading-normal";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.cjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"Text.cjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {\n TYPOGRAPHY_ALIGN_CLASSES,\n TYPOGRAPHY_BASE_CLASSES,\n TYPOGRAPHY_COLOR_MAP,\n TYPOGRAPHY_TEXT_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type TextSize = 'sm' | 'md' | 'lg';\nexport type TextAs = 'p' | 'li' | 'dt' | 'dd' | 'span';\nexport type TextColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type TextAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> & {\n size?: TextSize;\n as?: TextAs;\n bold?: boolean;\n color?: TextColor;\n align?: TextAlign;\n children: React.ReactNode;\n};\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(function Text(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n size = 'md',\n as = 'p',\n bold = false,\n color = 'primary',\n align = 'start',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as TextProps & { className?: string; style?: React.CSSProperties };\n\n const Component = as;\n const resetListMarker = as === 'li';\n const textLineHeightClass = size === 'md' ? 'leading-snug' : 'leading-normal';\n const textClassName = cn(\n TYPOGRAPHY_BASE_CLASSES,\n TYPOGRAPHY_TEXT_SIZE_CLASSES[size],\n textLineHeightClass,\n TYPOGRAPHY_COLOR_MAP[color],\n TYPOGRAPHY_ALIGN_CLASSES[align],\n {\n 'font-bold': bold,\n 'font-normal': !bold,\n 'list-none': resetListMarker,\n }\n );\n\n return (\n <Component {...restProps} className={textClassName} data-taco=\"text\" ref={ref as any}>\n {children}\n </Component>\n );\n});\n"],"names":["React","Text","TYPOGRAPHY_BASE_CLASSES","TYPOGRAPHY_TEXT_SIZE_CLASSES","TYPOGRAPHY_COLOR_MAP","TYPOGRAPHY_ALIGN_CLASSES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,OAAOA,iBAAM,WAAmC,SAASC,MAAK,OAAO,KAAK;AAE7E,QAAA;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY;AAClB,QAAM,kBAAkB,OAAO;AACzB,QAAA,sBAAsB,SAAS,OAAO,iBAAiB;AAC7D,QAAM,gBAAgB;AAAA,IAClBC,WAAA;AAAA,IACAC,WAAAA,6BAA6B,IAAI;AAAA,IACjC;AAAA,IACAC,WAAAA,qBAAqB,KAAK;AAAA,IAC1BC,WAAAA,yBAAyB,KAAK;AAAA,IAC9B;AAAA,MACI,aAAa;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EAErB;AAGI,SAAAL,iCAAA,cAAC,aAAW,GAAG,WAAW,WAAW,eAAe,aAAU,QAAO,IAAA,GAChE,QACL;AAER,CAAC;;"}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { omitPropsRuntime } from "../../utils/props.js";
|
|
3
2
|
import cn from "clsx";
|
|
4
3
|
import { TYPOGRAPHY_BASE_CLASSES, TYPOGRAPHY_TEXT_SIZE_CLASSES, TYPOGRAPHY_COLOR_MAP, TYPOGRAPHY_ALIGN_CLASSES } from "../../utils/typography.js";
|
|
5
4
|
const Text = React.forwardRef(function Text2(props, ref) {
|
|
6
|
-
const {
|
|
7
|
-
|
|
5
|
+
const {
|
|
6
|
+
size = "md",
|
|
7
|
+
as = "p",
|
|
8
|
+
bold = false,
|
|
9
|
+
color = "primary",
|
|
10
|
+
align = "start",
|
|
11
|
+
children,
|
|
12
|
+
className: _className,
|
|
13
|
+
style: _style,
|
|
14
|
+
...restProps
|
|
15
|
+
} = props;
|
|
8
16
|
const Component = as;
|
|
9
17
|
const resetListMarker = as === "li";
|
|
10
18
|
const textLineHeightClass = size === "md" ? "leading-snug" : "leading-normal";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport {\n TYPOGRAPHY_ALIGN_CLASSES,\n TYPOGRAPHY_BASE_CLASSES,\n TYPOGRAPHY_COLOR_MAP,\n TYPOGRAPHY_TEXT_SIZE_CLASSES,\n} from '../../utils/typography';\n\nexport type TextSize = 'sm' | 'md' | 'lg';\nexport type TextAs = 'p' | 'li' | 'dt' | 'dd' | 'span';\nexport type TextColor = keyof typeof TYPOGRAPHY_COLOR_MAP;\nexport type TextAlign = keyof typeof TYPOGRAPHY_ALIGN_CLASSES;\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> & {\n size?: TextSize;\n as?: TextAs;\n bold?: boolean;\n color?: TextColor;\n align?: TextAlign;\n children: React.ReactNode;\n};\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(function Text(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n size = 'md',\n as = 'p',\n bold = false,\n color = 'primary',\n align = 'start',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as TextProps & { className?: string; style?: React.CSSProperties };\n\n const Component = as;\n const resetListMarker = as === 'li';\n const textLineHeightClass = size === 'md' ? 'leading-snug' : 'leading-normal';\n const textClassName = cn(\n TYPOGRAPHY_BASE_CLASSES,\n TYPOGRAPHY_TEXT_SIZE_CLASSES[size],\n textLineHeightClass,\n TYPOGRAPHY_COLOR_MAP[color],\n TYPOGRAPHY_ALIGN_CLASSES[align],\n {\n 'font-bold': bold,\n 'font-normal': !bold,\n 'list-none': resetListMarker,\n }\n );\n\n return (\n <Component {...restProps} className={textClassName} data-taco=\"text\" ref={ref as any}>\n {children}\n </Component>\n );\n});\n"],"names":["Text"],"mappings":";;;AAuBO,MAAM,OAAO,MAAM,WAAmC,SAASA,MAAK,OAAO,KAAK;AAE7E,QAAA;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,YAAY;AAClB,QAAM,kBAAkB,OAAO;AACzB,QAAA,sBAAsB,SAAS,OAAO,iBAAiB;AAC7D,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA,6BAA6B,IAAI;AAAA,IACjC;AAAA,IACA,qBAAqB,KAAK;AAAA,IAC1B,yBAAyB,KAAK;AAAA,IAC9B;AAAA,MACI,aAAa;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EAErB;AAGI,SAAA,sBAAA,cAAC,aAAW,GAAG,WAAW,WAAW,eAAe,aAAU,QAAO,IAAA,GAChE,QACL;AAER,CAAC;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@economic/taco",
|
|
3
|
-
"version": "8.0.0",
|
|
3
|
+
"version": "8.0.1-EC-12460-test-release.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@dnd-kit/modifiers": "^7.0.0",
|
|
44
44
|
"@dnd-kit/sortable": "^7.0.2",
|
|
45
45
|
"@dnd-kit/utilities": "^3.2.2",
|
|
46
|
-
"@economic/taco-tokens": "^2.2.
|
|
46
|
+
"@economic/taco-tokens": "^2.2.4-EC-12460-test-release.0",
|
|
47
47
|
"@radix-ui/react-popover": "1.0.2",
|
|
48
48
|
"@radix-ui/react-scroll-area": "1.2.10",
|
|
49
49
|
"@react-aria/focus": "^3.19.0",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"date-fns": "^3.6.0",
|
|
55
55
|
"framer-motion": "12.38.0",
|
|
56
56
|
"lodash": "^4.17.21",
|
|
57
|
-
"nanoid": "^5.1.
|
|
57
|
+
"nanoid": "^5.1.11",
|
|
58
58
|
"react-aria-components": "^1.7.1",
|
|
59
59
|
"react-day-picker": "^9.11.0",
|
|
60
60
|
"react-intersection-observer": "^9.4.0",
|
|
@@ -71,13 +71,13 @@
|
|
|
71
71
|
"tailwindcss": ">=3.4.19"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
|
-
"@oxlint/plugins": "^1.
|
|
74
|
+
"@oxlint/plugins": "^1.66.0",
|
|
75
75
|
"@svgr/cli": "^5.5.0",
|
|
76
76
|
"@testing-library/jest-dom": "6.9.1",
|
|
77
77
|
"@testing-library/react": "16.3.2",
|
|
78
78
|
"@testing-library/user-event": "14.6.1",
|
|
79
79
|
"@types/lodash": "^4.17.24",
|
|
80
|
-
"@types/node": "^22.19.
|
|
80
|
+
"@types/node": "^22.19.19",
|
|
81
81
|
"@types/react": "18.3.28",
|
|
82
82
|
"@types/react-dom": "18.3.7",
|
|
83
83
|
"@types/react-table": "^7.7.20",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"jsdom": "^26.1.0",
|
|
88
88
|
"resize-observer-polyfill": "^1.5.1",
|
|
89
89
|
"rimraf": "^3.0.2",
|
|
90
|
-
"stylelint": "^17.
|
|
90
|
+
"stylelint": "^17.12.0",
|
|
91
91
|
"svgo": "^1.3.2",
|
|
92
92
|
"tailwindcss": "^3.4.19",
|
|
93
93
|
"typescript": "^5.9.3",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"vitest": "^3.2.4"
|
|
98
98
|
},
|
|
99
99
|
"optionalDependencies": {
|
|
100
|
-
"@rollup/rollup-linux-x64-gnu": "^4.60.
|
|
100
|
+
"@rollup/rollup-linux-x64-gnu": "^4.60.4"
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "ff6b6a1fffb580cd09b165ff29875e658f0fa36d"
|
|
103
103
|
}
|
package/dist/utils/props.cjs
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const omitPropsRuntime = (props, keys) => {
|
|
4
|
-
const result = { ...props };
|
|
5
|
-
keys.forEach((key) => {
|
|
6
|
-
delete result[key];
|
|
7
|
-
});
|
|
8
|
-
return result;
|
|
9
|
-
};
|
|
10
|
-
exports.omitPropsRuntime = omitPropsRuntime;
|
|
11
|
-
//# sourceMappingURL=props.cjs.map
|
package/dist/utils/props.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.cjs","sources":["../../src/utils/props.ts"],"sourcesContent":["/**\n * Generic utility to omit specific keys from a props object at runtime.\n * Useful when you need to exclude certain props before spreading.\n */\nexport const omitPropsRuntime = <T extends Record<string, any>, K extends keyof any>(props: T, keys: K[]): Omit<T, K> => {\n const result = { ...props };\n keys.forEach(key => {\n delete (result as any)[key];\n });\n return result as Omit<T, K>;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,mBAAmB,CAAqD,OAAU,SAA0B;AAC/G,QAAA,SAAS,EAAE,GAAG,MAAM;AAC1B,OAAK,QAAQ,CAAO,QAAA;AAChB,WAAQ,OAAe,GAAG;AAAA,EAAA,CAC7B;AACM,SAAA;AACX;;"}
|
package/dist/utils/props.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generic utility to omit specific keys from a props object at runtime.
|
|
3
|
-
* Useful when you need to exclude certain props before spreading.
|
|
4
|
-
*/
|
|
5
|
-
export declare const omitPropsRuntime: <T extends Record<string, any>, K extends keyof any>(props: T, keys: K[]) => Omit<T, K>;
|
package/dist/utils/props.js
DELETED
package/dist/utils/props.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["/**\n * Generic utility to omit specific keys from a props object at runtime.\n * Useful when you need to exclude certain props before spreading.\n */\nexport const omitPropsRuntime = <T extends Record<string, any>, K extends keyof any>(props: T, keys: K[]): Omit<T, K> => {\n const result = { ...props };\n keys.forEach(key => {\n delete (result as any)[key];\n });\n return result as Omit<T, K>;\n};\n"],"names":[],"mappings":"AAIa,MAAA,mBAAmB,CAAqD,OAAU,SAA0B;AAC/G,QAAA,SAAS,EAAE,GAAG,MAAM;AAC1B,OAAK,QAAQ,CAAO,QAAA;AAChB,WAAQ,OAAe,GAAG;AAAA,EAAA,CAC7B;AACM,SAAA;AACX;"}
|