npm - @economic/taco - Versions diffs - 13.0.0 → 14.0.0-tanstack-virtual-update.0 - Mend

@economic/taco 13.0.0 → 14.0.0-tanstack-virtual-update.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.

Files changed (645) hide show

package/dist/charts/components/Legend.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Legend.js","sources":["../../../src/charts/components/Legend.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~Icon~~ } from '~~../../components~~/~~Icon~~/~~Icon~~';\nimport { LegacyButton ~~} from '../../components/LegacyComponents/Button/Button';\nimport {~~ OverflowGroup } from '~~../../~~components~~/OverflowGroup/OverflowGroup~~';\~~nimport { colors, getThemeColor } from '../utils/color';\~~n\nimport type { ChartChildProps } from './types';\n\nexport type LegendProps<TData extends object> = {\n items: ChartChildProps<TData>[];\n hoverIndex: number \| undefined;\n onHover: (index: number \| undefined) => void;\n onToggle: (name: keyof TData) => void;\n};\n\nfunction getDarkerThemeColor(color: string \| undefined) {\n const colorName = Object.keys(colors).find(name => colors[name] === color);\n\n if (!colorName) {\n return undefined;\n }\n\n return getThemeColor(colorName.replace(/-\\d+$/, '-300'));\n}\n\nexport function Legend<TData extends object>(props: LegendProps<TData>) {\n const { items, onHover: handleHover, onToggle: handleToggle } = props;\n\n const handleMouseEnter = (item: ChartChildProps<TData>, index: number) => {\n if (item.isHidden) {\n return;\n }\n\n handleHover(index);\n };\n const handleMouseLeave = () => handleHover(undefined);\n\n const handleClick = (item: ChartChildProps<TData>) => {\n // remove hover if hiding the item\n if (!item.isHidden) {\n handleHover(undefined);\n }\n\n handleToggle(item.dataKey);\n };\n\n const moreButton = (moreButtonText: string) => (\n <LegacyButton appearance=\"transparent\" className=\"!h-5 !min-h-[1.25rem] !px-1.5 text-xs text-gray-700\">\n {moreButtonText}\n </LegacyButton>\n );\n\n return (\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n <OverflowGroup className=\"mt-3 w-full gap-x-1\" moreButton={moreButton}>\n {items.map((item, index) => {\n const className = 'mr-1 flex h-3.5 w-3.5 rounded-sm border';\n const style: React.CSSProperties = {};\n const darkerThemeColor = getDarkerThemeColor(item.color);\n\n if (!item.isHidden) {\n style.backgroundColor = item.color;\n style.borderColor = darkerThemeColor;\n }\n\n return (\n <button\n key={`${item.label}_${index}`}\n className=\"flex items-center rounded px-1 !text-xs hover:bg-gray-100 focus-visible:yt-focus\"\n onClick={event => {\n event?.preventDefault();\n handleClick(item);\n }}\n onMouseEnter={() => handleMouseEnter(item, index)}\n onMouseLeave={() => handleMouseLeave()}>\n <span className={className} style={style}>\n {!item.isHidden ? <Icon name=\"tick-bold\" className=\"!h-full !w-full text-white\" /> ~~: null~~}\n </span>\n {item.label}\n </button>\n );\n })}\n </OverflowGroup>\n );\n}\n"],"names":["React"],"mappings":";;;;;~~AAgBA~~,SAAS,oBAAoB,OAA2B;AACpD,QAAM,YAAY,OAAO,KAAK,MAAM,EAAE,KAAK,CAAA,SAAQ,OAAO,IAAI,MAAM,KAAK;AAEzE,MAAI,CAAC,WAAW;AACZ,WAAO;AAAA,EACX;AAEA,SAAO,cAAc,UAAU,QAAQ,SAAS,MAAM,CAAC;AAC3D;AAEO,SAAS,OAA6B,OAA2B;AACpE,QAAM,EAAE,OAAO,SAAS,aAAa,UAAU,iBAAiB;AAEhE,QAAM,mBAAmB,CAAC,MAA8B,UAAkB;AACtE,QAAI,KAAK,UAAU;AACf;AAAA,IACJ;AAEA,gBAAY,KAAK;AAAA,EACrB;AACA,QAAM,mBAAmB,MAAM,YAAY,MAAS;AAEpD,QAAM,cAAc,CAAC,SAAiC;AAElD,QAAI,CAAC,KAAK,UAAU;AAChB,kBAAY,MAAS;AAAA,IACzB;AAEA,iBAAa,KAAK,OAAO;AAAA,EAC7B;AAEA,QAAM,aAAa,CAAC,mBAChBA,+BAAA,cAAC,gBAAa,YAAW,eAAc,WAAU,sDAAA,GAC5C,cACL;AAGJ;AAAA;AAAA,IAEIA,+BAAA,cAAC,iBAAc,WAAU,uBAAsB,cAC1C,MAAM,IAAI,CAAC,MAAM,UAAU;AACxB,YAAM,YAAY;AAClB,YAAM,QAA6B,CAAA;AACnC,YAAM,mBAAmB,oBAAoB,KAAK,KAAK;AAEvD,UAAI,CAAC,KAAK,UAAU;AAChB,cAAM,kBAAkB,KAAK;AAC7B,cAAM,cAAc;AAAA,MACxB;AAEA,aACIA,+BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,GAAG,KAAK,KAAK,IAAI,KAAK;AAAA,UAC3B,WAAU;AAAA,UACV,SAAS,CAAA,UAAS;AACd,mBAAO,eAAA;AACP,wBAAY,IAAI;AAAA,UACpB;AAAA,UACA,cAAc,MAAM,iBAAiB,MAAM,KAAK;AAAA,UAChD,cAAc,MAAM,iBAAA;AAAA,QAAiB;AAAA,QACrCA,+BAAA,cAAC,QAAA,EAAK,WAAsB,MAAA,GACvB,~~CAAC,~~KAAK,~~WAAWA~~,+BAAA,cAAC,MAAA,EAAK,MAAK,aAAY,WAAU,~~6BAAA~~,~~CAA6B,IAAK,IACzF~~;AAAA,QACC,KAAK;AAAA,MAAA;AAAA,IAGlB,CAAC,CACL;AAAA;AAER;"}
1	+ {"version":3,"file":"Legend.js","sources":["../../../src/charts/components/Legend.tsx"],"sourcesContent":["import React from 'react';\n\nimport { colors, getThemeColor } from '@/charts/utils/color';\nimport { Icon, LegacyButton, OverflowGroup } from '@/components';\n\nimport type { ChartChildProps } from './types';\n\nexport type LegendProps<TData extends object> = {\n items: ChartChildProps<TData>[];\n hoverIndex: number \| undefined;\n onHover: (index: number \| undefined) => void;\n onToggle: (name: keyof TData) => void;\n};\n\nfunction getDarkerThemeColor(color: string \| undefined) {\n const colorName = Object.keys(colors).find(name => colors[name] === color);\n\n if (!colorName) {\n return undefined;\n }\n\n return getThemeColor(colorName.replace(/-\\d+$/, '-300'));\n}\n\nexport function Legend<TData extends object>(props: LegendProps<TData>) {\n const { items, onHover: handleHover, onToggle: handleToggle } = props;\n\n const handleMouseEnter = (item: ChartChildProps<TData>, index: number) => {\n if (item.isHidden) {\n return;\n }\n\n handleHover(index);\n };\n const handleMouseLeave = () => handleHover(undefined);\n\n const handleClick = (item: ChartChildProps<TData>) => {\n // remove hover if hiding the item\n if (!item.isHidden) {\n handleHover(undefined);\n }\n\n handleToggle(item.dataKey);\n };\n\n const moreButton = (moreButtonText: string) => (\n <LegacyButton appearance=\"transparent\" className=\"!h-5 !min-h-[1.25rem] !px-1.5 text-xs text-gray-700\">\n {moreButtonText}\n </LegacyButton>\n );\n\n return (\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n <OverflowGroup className=\"mt-3 w-full gap-x-1\" moreButton={moreButton}>\n {items.map((item, index) => {\n const className = 'mr-1 flex h-3.5 w-3.5 rounded-sm border';\n const style: React.CSSProperties = {};\n const darkerThemeColor = getDarkerThemeColor(item.color);\n\n if (!item.isHidden) {\n style.backgroundColor = item.color;\n style.borderColor = darkerThemeColor;\n }\n\n return (\n <button\n key={`${item.label}_${index}`}\n className=\"flex items-center rounded px-1 !text-xs hover:bg-gray-100 focus-visible:yt-focus\"\n onClick={event => {\n event?.preventDefault();\n handleClick(item);\n }}\n onMouseEnter={() => handleMouseEnter(item, index)}\n onMouseLeave={() => handleMouseLeave()}>\n <span className={className} style={style}>\n {item.isHidden ? null : <Icon name=\"tick-bold\" className=\"!h-full !w-full text-white\" />}\n </span>\n {item.label}\n </button>\n );\n })}\n </OverflowGroup>\n );\n}\n"],"names":["React"],"mappings":";;;;;AAcA,SAAS,oBAAoB,OAA2B;AACpD,QAAM,YAAY,OAAO,KAAK,MAAM,EAAE,KAAK,CAAA,SAAQ,OAAO,IAAI,MAAM,KAAK;AAEzE,MAAI,CAAC,WAAW;AACZ,WAAO;AAAA,EACX;AAEA,SAAO,cAAc,UAAU,QAAQ,SAAS,MAAM,CAAC;AAC3D;AAEO,SAAS,OAA6B,OAA2B;AACpE,QAAM,EAAE,OAAO,SAAS,aAAa,UAAU,iBAAiB;AAEhE,QAAM,mBAAmB,CAAC,MAA8B,UAAkB;AACtE,QAAI,KAAK,UAAU;AACf;AAAA,IACJ;AAEA,gBAAY,KAAK;AAAA,EACrB;AACA,QAAM,mBAAmB,MAAM,YAAY,MAAS;AAEpD,QAAM,cAAc,CAAC,SAAiC;AAElD,QAAI,CAAC,KAAK,UAAU;AAChB,kBAAY,MAAS;AAAA,IACzB;AAEA,iBAAa,KAAK,OAAO;AAAA,EAC7B;AAEA,QAAM,aAAa,CAAC,mBAChBA,+BAAA,cAAC,gBAAa,YAAW,eAAc,WAAU,sDAAA,GAC5C,cACL;AAGJ;AAAA;AAAA,IAEIA,+BAAA,cAAC,iBAAc,WAAU,uBAAsB,cAC1C,MAAM,IAAI,CAAC,MAAM,UAAU;AACxB,YAAM,YAAY;AAClB,YAAM,QAA6B,CAAA;AACnC,YAAM,mBAAmB,oBAAoB,KAAK,KAAK;AAEvD,UAAI,CAAC,KAAK,UAAU;AAChB,cAAM,kBAAkB,KAAK;AAC7B,cAAM,cAAc;AAAA,MACxB;AAEA,aACIA,+BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,GAAG,KAAK,KAAK,IAAI,KAAK;AAAA,UAC3B,WAAU;AAAA,UACV,SAAS,CAAA,UAAS;AACd,mBAAO,eAAA;AACP,wBAAY,IAAI;AAAA,UACpB;AAAA,UACA,cAAc,MAAM,iBAAiB,MAAM,KAAK;AAAA,UAChD,cAAc,MAAM,iBAAA;AAAA,QAAiB;AAAA,QACrCA,+BAAA,cAAC,QAAA,EAAK,WAAsB,MAAA,GACvB,KAAK,WAAW,OAAOA,+BAAA,cAAC,MAAA,EAAK,MAAK,aAAY,WAAU,8BAA6B,CAC1F;AAAA,QACC,KAAK;AAAA,MAAA;AAAA,IAGlB,CAAC,CACL;AAAA;AAER;"}

package/dist/charts/components/Line/LineChart.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineChart.cjs","sources":["../../../../src/charts/components/Line/LineChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getAxisProps, stripCartesianProps } from '~~../../~~utils/common';\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, CartesianChartProps, CurveType } from '../types';\nimport { useChart } from '../useChartData';\n\nexport type LineChartProps<TData extends object> = {\n /** Show dots for each data point\n * @default false\n /\n showDots?: boolean;\n /* Interpolation type of the line\n * @default natural\n /\n type?: CurveType;\n} & CartesianChartProps<TData>;\n\nexport function LineChart<TData extends object>(props: LineChartProps<TData>) {\n const {\n children,\n className: customClassName,\n data,\n showLegend = false,\n showDots = false,\n tooltipTitle,\n type = 'natural',\n ...attributes\n } = stripCartesianProps<LineChartProps<TData>>(props);\n\n const className = cn('relative aspect-video', { 'pb-8': showLegend }, customClassName);\n const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart<TData>(children);\n\n return (\n <div className={className} data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className=\"h-full w-full\" data-taco=\"chart-line\">\n <RechartsPrimitive.LineChart\n data={data}\n margin={{\n bottom: 0,\n // ensures dots on the edges of the chart don't get cropped\n left: 4,\n right: 4,\n top: 4,\n }}>\n <RechartsPrimitive.CartesianGrid vertical={false} />\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.XAxis {...getAxisProps('x', props)} />\n <RechartsPrimitive.YAxis {...getAxisProps('y', props)} />\n {renderLines(shapes, showDots, type)}\n </RechartsPrimitive.LineChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\n/\n Helper function to render line shapes as Recharts Line primitives. Extracted to be reusable across LineChart and ComposedChart.\n */\nexport const renderLines = (shapes: any[], showDots: boolean = false, type: CurveType = 'natural') => {\n return shapes.map(shape => (\n <RechartsPrimitive.Line key={shape.dataKey} {...shape} dot={showDots ? shape.dot : false} type={type} />\n ));\n};\n\n// oxlint-disable-next-line no-empty-object-type\nexport type LineChartAreaProps<TData extends object> = {} & ChartChildProps<TData>;\n\nfunction Line<TData extends object>(_: LineChartAreaProps<TData>): React.JSX.Element \| null {\n return null;\n}\nLineChart.Line = Line;\n"],"names":["stripCartesianProps","useChart","ChartWrapper","RechartsPrimitive","Tooltip","getAxisProps","Legend"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAsBO~~,SAAS,UAAgC,OAA8B;AAC1E,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACHA,OAAAA,oBAA2C,KAAK;AAEpD,QAAM,YAAY,GAAG,yBAAyB,EAAE,QAAQ,WAAA,GAAc,eAAe;AACrF,QAAM,EAAE,OAAO,QAAQ,aAAa,gBAAgB,WAAA,IAAeC,aAAAA,SAAgB,QAAQ;AAE3F,SACI,sBAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,gBAAA,GACjC,sBAAA,cAACC,aAAAA,cAAA,EAAc,GAAG,YAAY,WAAU,iBAAgB,aAAU,aAAA,GAC9D,sBAAA;AAAA,IAACC,6BAAkB;AAAA,IAAlB;AAAA,MACG;AAAA,MACA,QAAQ;AAAA,QACJ,QAAQ;AAAA;AAAA,QAER,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MAAA;AAAA,IACT;AAAA,IACA,sBAAA,cAACA,6BAAkB,eAAlB,EAAgC,UAAU,OAAO;AAAA,IAClD,sBAAA,cAACA,6BAAkB,SAAlB,EAA0B,SAAS,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,aAAA,CAAc,EAAA,CAAI;AAAA,IACtE,sBAAA,cAACD,6BAAkB,OAAlB,EAAyB,GAAGE,oBAAa,KAAK,KAAK,GAAG;AAAA,IACvD,sBAAA,cAACF,6BAAkB,OAAlB,EAAyB,GAAGE,oBAAa,KAAK,KAAK,GAAG;AAAA,IACtD,YAAY,QAAQ,UAAU,IAAI;AAAA,EAAA,CAE3C,GACC,aACG,sBAAA,cAACC,OAAAA,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAKO,MAAM,cAAc,CAAC,QAAe,WAAoB,OAAO,OAAkB,cAAc;AAClG,SAAO,OAAO,IAAI,CAAA,8CACbH,6BAAkB,MAAlB,EAAuB,KAAK,MAAM,SAAU,GAAG,OAAO,KAAK,WAAW,MAAM,MAAM,OAAO,MAAY,CACzG;AACL;AAKA,SAAS,KAA2B,GAAwD;AACxF,SAAO;AACX;AACA,UAAU,OAAO;;;"}
1	+ {"version":3,"file":"LineChart.cjs","sources":["../../../../src/charts/components/Line/LineChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getAxisProps, stripCartesianProps } from '@/charts/utils/common';\n\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, CartesianChartProps, CurveType } from '../types';\nimport { useChart } from '../useChartData';\n\nexport type LineChartProps<TData extends object> = {\n /** Show dots for each data point\n * @default false\n /\n showDots?: boolean;\n /* Interpolation type of the line\n * @default natural\n /\n type?: CurveType;\n} & CartesianChartProps<TData>;\n\nexport function LineChart<TData extends object>(props: LineChartProps<TData>) {\n const {\n children,\n className: customClassName,\n data,\n showLegend = false,\n showDots = false,\n tooltipTitle,\n type = 'natural',\n ...attributes\n } = stripCartesianProps<LineChartProps<TData>>(props);\n\n const className = cn('relative aspect-video', { 'pb-8': showLegend }, customClassName);\n const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart<TData>(children);\n\n return (\n <div className={className} data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className=\"h-full w-full\" data-taco=\"chart-line\">\n <RechartsPrimitive.LineChart\n data={data}\n margin={{\n bottom: 0,\n // ensures dots on the edges of the chart don't get cropped\n left: 4,\n right: 4,\n top: 4,\n }}>\n <RechartsPrimitive.CartesianGrid vertical={false} />\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.XAxis {...getAxisProps('x', props)} />\n <RechartsPrimitive.YAxis {...getAxisProps('y', props)} />\n {renderLines(shapes, showDots, type)}\n </RechartsPrimitive.LineChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\n/\n Helper function to render line shapes as Recharts Line primitives. Extracted to be reusable across LineChart and ComposedChart.\n */\nexport const renderLines = (shapes: any[], showDots: boolean = false, type: CurveType = 'natural') => {\n return shapes.map(shape => (\n <RechartsPrimitive.Line key={shape.dataKey} {...shape} dot={showDots ? shape.dot : false} type={type} />\n ));\n};\n\n// oxlint-disable-next-line no-empty-object-type\nexport type LineChartAreaProps<TData extends object> = {} & ChartChildProps<TData>;\n\nfunction Line<TData extends object>(_: LineChartAreaProps<TData>): React.JSX.Element \| null {\n return null;\n}\nLineChart.Line = Line;\n"],"names":["stripCartesianProps","useChart","ChartWrapper","RechartsPrimitive","Tooltip","getAxisProps","Legend"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,SAAS,UAAgC,OAA8B;AAC1E,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACHA,OAAAA,oBAA2C,KAAK;AAEpD,QAAM,YAAY,GAAG,yBAAyB,EAAE,QAAQ,WAAA,GAAc,eAAe;AACrF,QAAM,EAAE,OAAO,QAAQ,aAAa,gBAAgB,WAAA,IAAeC,aAAAA,SAAgB,QAAQ;AAE3F,SACI,sBAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,gBAAA,GACjC,sBAAA,cAACC,aAAAA,cAAA,EAAc,GAAG,YAAY,WAAU,iBAAgB,aAAU,aAAA,GAC9D,sBAAA;AAAA,IAACC,6BAAkB;AAAA,IAAlB;AAAA,MACG;AAAA,MACA,QAAQ;AAAA,QACJ,QAAQ;AAAA;AAAA,QAER,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MAAA;AAAA,IACT;AAAA,IACA,sBAAA,cAACA,6BAAkB,eAAlB,EAAgC,UAAU,OAAO;AAAA,IAClD,sBAAA,cAACA,6BAAkB,SAAlB,EAA0B,SAAS,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,aAAA,CAAc,EAAA,CAAI;AAAA,IACtE,sBAAA,cAACD,6BAAkB,OAAlB,EAAyB,GAAGE,oBAAa,KAAK,KAAK,GAAG;AAAA,IACvD,sBAAA,cAACF,6BAAkB,OAAlB,EAAyB,GAAGE,oBAAa,KAAK,KAAK,GAAG;AAAA,IACtD,YAAY,QAAQ,UAAU,IAAI;AAAA,EAAA,CAE3C,GACC,aACG,sBAAA,cAACC,OAAAA,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAKO,MAAM,cAAc,CAAC,QAAe,WAAoB,OAAO,OAAkB,cAAc;AAClG,SAAO,OAAO,IAAI,CAAA,8CACbH,6BAAkB,MAAlB,EAAuB,KAAK,MAAM,SAAU,GAAG,OAAO,KAAK,WAAW,MAAM,MAAM,OAAO,MAAY,CACzG;AACL;AAKA,SAAS,KAA2B,GAAwD;AACxF,SAAO;AACX;AACA,UAAU,OAAO;;;"}

package/dist/charts/components/Line/LineChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineChart.js","sources":["../../../../src/charts/components/Line/LineChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getAxisProps, stripCartesianProps } from '~~../../~~utils/common';\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, CartesianChartProps, CurveType } from '../types';\nimport { useChart } from '../useChartData';\n\nexport type LineChartProps<TData extends object> = {\n /** Show dots for each data point\n * @default false\n /\n showDots?: boolean;\n /* Interpolation type of the line\n * @default natural\n /\n type?: CurveType;\n} & CartesianChartProps<TData>;\n\nexport function LineChart<TData extends object>(props: LineChartProps<TData>) {\n const {\n children,\n className: customClassName,\n data,\n showLegend = false,\n showDots = false,\n tooltipTitle,\n type = 'natural',\n ...attributes\n } = stripCartesianProps<LineChartProps<TData>>(props);\n\n const className = cn('relative aspect-video', { 'pb-8': showLegend }, customClassName);\n const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart<TData>(children);\n\n return (\n <div className={className} data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className=\"h-full w-full\" data-taco=\"chart-line\">\n <RechartsPrimitive.LineChart\n data={data}\n margin={{\n bottom: 0,\n // ensures dots on the edges of the chart don't get cropped\n left: 4,\n right: 4,\n top: 4,\n }}>\n <RechartsPrimitive.CartesianGrid vertical={false} />\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.XAxis {...getAxisProps('x', props)} />\n <RechartsPrimitive.YAxis {...getAxisProps('y', props)} />\n {renderLines(shapes, showDots, type)}\n </RechartsPrimitive.LineChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\n/\n Helper function to render line shapes as Recharts Line primitives. Extracted to be reusable across LineChart and ComposedChart.\n */\nexport const renderLines = (shapes: any[], showDots: boolean = false, type: CurveType = 'natural') => {\n return shapes.map(shape => (\n <RechartsPrimitive.Line key={shape.dataKey} {...shape} dot={showDots ? shape.dot : false} type={type} />\n ));\n};\n\n// oxlint-disable-next-line no-empty-object-type\nexport type LineChartAreaProps<TData extends object> = {} & ChartChildProps<TData>;\n\nfunction Line<TData extends object>(_: LineChartAreaProps<TData>): React.JSX.Element \| null {\n return null;\n}\nLineChart.Line = Line;\n"],"names":["React"],"mappings":";;;;;;;;~~AAsBO~~,SAAS,UAAgC,OAA8B;AAC1E,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH,oBAA2C,KAAK;AAEpD,QAAM,YAAY,GAAG,yBAAyB,EAAE,QAAQ,WAAA,GAAc,eAAe;AACrF,QAAM,EAAE,OAAO,QAAQ,aAAa,gBAAgB,WAAA,IAAe,SAAgB,QAAQ;AAE3F,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,gBAAA,GACjCA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAY,WAAU,iBAAgB,aAAU,aAAA,GAC9DA,+BAAA;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACG;AAAA,MACA,QAAQ;AAAA,QACJ,QAAQ;AAAA;AAAA,QAER,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MAAA;AAAA,IACT;AAAA,IACAA,+BAAA,cAAC,kBAAkB,eAAlB,EAAgC,UAAU,OAAO;AAAA,IAClDA,+BAAA,cAAC,kBAAkB,SAAlB,EAA0B,SAASA,+BAAA,cAAC,SAAA,EAAQ,OAAO,aAAA,CAAc,EAAA,CAAI;AAAA,IACtEA,+BAAA,cAAC,kBAAkB,OAAlB,EAAyB,GAAG,aAAa,KAAK,KAAK,GAAG;AAAA,IACvDA,+BAAA,cAAC,kBAAkB,OAAlB,EAAyB,GAAG,aAAa,KAAK,KAAK,GAAG;AAAA,IACtD,YAAY,QAAQ,UAAU,IAAI;AAAA,EAAA,CAE3C,GACC,aACGA,+BAAA,cAAC,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAKO,MAAM,cAAc,CAAC,QAAe,WAAoB,OAAO,OAAkB,cAAc;AAClG,SAAO,OAAO,IAAI,CAAA,uDACb,kBAAkB,MAAlB,EAAuB,KAAK,MAAM,SAAU,GAAG,OAAO,KAAK,WAAW,MAAM,MAAM,OAAO,MAAY,CACzG;AACL;AAKA,SAAS,KAA2B,GAAwD;AACxF,SAAO;AACX;AACA,UAAU,OAAO;"}
1	+ {"version":3,"file":"LineChart.js","sources":["../../../../src/charts/components/Line/LineChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getAxisProps, stripCartesianProps } from '@/charts/utils/common';\n\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, CartesianChartProps, CurveType } from '../types';\nimport { useChart } from '../useChartData';\n\nexport type LineChartProps<TData extends object> = {\n /** Show dots for each data point\n * @default false\n /\n showDots?: boolean;\n /* Interpolation type of the line\n * @default natural\n /\n type?: CurveType;\n} & CartesianChartProps<TData>;\n\nexport function LineChart<TData extends object>(props: LineChartProps<TData>) {\n const {\n children,\n className: customClassName,\n data,\n showLegend = false,\n showDots = false,\n tooltipTitle,\n type = 'natural',\n ...attributes\n } = stripCartesianProps<LineChartProps<TData>>(props);\n\n const className = cn('relative aspect-video', { 'pb-8': showLegend }, customClassName);\n const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart<TData>(children);\n\n return (\n <div className={className} data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className=\"h-full w-full\" data-taco=\"chart-line\">\n <RechartsPrimitive.LineChart\n data={data}\n margin={{\n bottom: 0,\n // ensures dots on the edges of the chart don't get cropped\n left: 4,\n right: 4,\n top: 4,\n }}>\n <RechartsPrimitive.CartesianGrid vertical={false} />\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.XAxis {...getAxisProps('x', props)} />\n <RechartsPrimitive.YAxis {...getAxisProps('y', props)} />\n {renderLines(shapes, showDots, type)}\n </RechartsPrimitive.LineChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\n/\n Helper function to render line shapes as Recharts Line primitives. Extracted to be reusable across LineChart and ComposedChart.\n */\nexport const renderLines = (shapes: any[], showDots: boolean = false, type: CurveType = 'natural') => {\n return shapes.map(shape => (\n <RechartsPrimitive.Line key={shape.dataKey} {...shape} dot={showDots ? shape.dot : false} type={type} />\n ));\n};\n\n// oxlint-disable-next-line no-empty-object-type\nexport type LineChartAreaProps<TData extends object> = {} & ChartChildProps<TData>;\n\nfunction Line<TData extends object>(_: LineChartAreaProps<TData>): React.JSX.Element \| null {\n return null;\n}\nLineChart.Line = Line;\n"],"names":["React"],"mappings":";;;;;;;;AAuBO,SAAS,UAAgC,OAA8B;AAC1E,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH,oBAA2C,KAAK;AAEpD,QAAM,YAAY,GAAG,yBAAyB,EAAE,QAAQ,WAAA,GAAc,eAAe;AACrF,QAAM,EAAE,OAAO,QAAQ,aAAa,gBAAgB,WAAA,IAAe,SAAgB,QAAQ;AAE3F,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,gBAAA,GACjCA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAY,WAAU,iBAAgB,aAAU,aAAA,GAC9DA,+BAAA;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACG;AAAA,MACA,QAAQ;AAAA,QACJ,QAAQ;AAAA;AAAA,QAER,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MAAA;AAAA,IACT;AAAA,IACAA,+BAAA,cAAC,kBAAkB,eAAlB,EAAgC,UAAU,OAAO;AAAA,IAClDA,+BAAA,cAAC,kBAAkB,SAAlB,EAA0B,SAASA,+BAAA,cAAC,SAAA,EAAQ,OAAO,aAAA,CAAc,EAAA,CAAI;AAAA,IACtEA,+BAAA,cAAC,kBAAkB,OAAlB,EAAyB,GAAG,aAAa,KAAK,KAAK,GAAG;AAAA,IACvDA,+BAAA,cAAC,kBAAkB,OAAlB,EAAyB,GAAG,aAAa,KAAK,KAAK,GAAG;AAAA,IACtD,YAAY,QAAQ,UAAU,IAAI;AAAA,EAAA,CAE3C,GACC,aACGA,+BAAA,cAAC,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAKO,MAAM,cAAc,CAAC,QAAe,WAAoB,OAAO,OAAkB,cAAc;AAClG,SAAO,OAAO,IAAI,CAAA,uDACb,kBAAkB,MAAlB,EAAuB,KAAK,MAAM,SAAU,GAAG,OAAO,KAAK,WAAW,MAAM,MAAM,OAAO,MAAY,CACzG;AACL;AAKA,SAAS,KAA2B,GAAwD;AACxF,SAAO;AACX;AACA,UAAU,OAAO;"}

package/dist/charts/components/Pie/PieChart.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PieChart.cjs","sources":["../../../../src/charts/components/Pie/PieChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getInverseThemeColor } from '~~../../~~utils/color';\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, PolarChartProps } from '../types';\n\nimport { usePieChart } from './util';\n\nexport type PieChartProps = {\n /** Show labels inside each segment\n * @default false\n /\n showLabels?: boolean;\n} & PolarChartProps;\n\nexport function PieChart<TData extends object>(props: PieChartProps) {\n const { children, formatter, showLabels = false, showLegend = false, tooltipTitle, unit, ...attributes } = props;\n const { pieProps, setRadius, items, activeIndex, setActiveIndex, toggleItem } = usePieChart<TData>(children, {\n formatter,\n unit,\n });\n const className = cn('aspect-square', attributes.className);\n\n return (\n <div className=\"relative\" data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className={className} data-taco=\"chart-pie\" onSetWidth={setRadius}>\n <RechartsPrimitive.PieChart>\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.Pie {...pieProps} label={showLabels ? <Label /> : undefined} />\n </RechartsPrimitive.PieChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\nexport type PieChartSegmentProps<TData extends object> = {\n value: number;\n} & Omit<ChartChildProps<TData>, 'dataKey' \| 'formatter' \| 'unit'>;\n\nfunction Segment<TData extends object>(_: PieChartSegmentProps<TData>): React.JSX.Element \| null {\n return null;\n}\nPieChart.Segment = Segment;\n\nconst RADIAN = Math.PI / 180;\n\nfunction Label(props: any) {\n const { cx, cy, midAngle, name, innerRadius, outerRadius } = props;\n const radius = innerRadius + (outerRadius - innerRadius) 0.7;\n const x = cx + radius * Math.cos(-midAngle * RADIAN);\n const y = cy + radius * Math.sin(-midAngle * RADIAN);\n\n return (\n <text\n x={x}\n y={y}\n fontSize={12}\n fill={getInverseThemeColor(props.payload?.payload?.color ?? '')}\n textAnchor=\"middle\"\n dominantBaseline=\"middle\">\n {name}\n </text>\n );\n}\n"],"names":["usePieChart","ChartWrapper","RechartsPrimitive","Tooltip","Legend","getInverseThemeColor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAmBO~~,SAAS,SAA+B,OAAsB;AACjE,QAAM,EAAE,UAAU,WAAW,aAAa,OAAO,aAAa,OAAO,cAAc,MAAM,GAAG,WAAA,IAAe;AAC3G,QAAM,EAAE,UAAU,WAAW,OAAO,aAAa,gBAAgB,WAAA,IAAeA,KAAAA,YAAmB,UAAU;AAAA,IACzG;AAAA,IACA;AAAA,EAAA,CACH;AACD,QAAM,YAAY,GAAG,iBAAiB,WAAW,SAAS;AAE1D,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,YAAW,aAAU,gBAAA,GAChC,sBAAA,cAACC,aAAAA,cAAA,EAAc,GAAG,YAAY,WAAsB,aAAU,aAAY,YAAY,UAAA,GAClF,sBAAA,cAACC,6BAAkB,UAAlB,MACG,sBAAA,cAACA,6BAAkB,SAAlB,EAA0B,SAAS,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,aAAA,CAAc,GAAI,GACtE,sBAAA,cAACD,6BAAkB,KAAlB,EAAuB,GAAG,UAAU,OAAO,aAAa,sBAAA,cAAC,OAAA,IAAM,IAAK,OAAA,CAAW,CACpF,CACJ,GACC,aACG,sBAAA,cAACE,OAAAA,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAMA,SAAS,QAA8B,GAA0D;AAC7F,SAAO;AACX;AACA,SAAS,UAAU;AAEnB,MAAM,SAAS,KAAK,KAAK;AAEzB,SAAS,MAAM,OAAY;AACvB,QAAM,EAAE,IAAI,IAAI,UAAU,MAAM,aAAa,gBAAgB;AAC7D,QAAM,SAAS,eAAe,cAAc,eAAe;AAC3D,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AACnD,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AAEnD,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,MAAMC,MAAAA,qBAAqB,MAAM,SAAS,SAAS,SAAS,EAAE;AAAA,MAC9D,YAAW;AAAA,MACX,kBAAiB;AAAA,IAAA;AAAA,IAChB;AAAA,EAAA;AAGb;;"}
1	+ {"version":3,"file":"PieChart.cjs","sources":["../../../../src/charts/components/Pie/PieChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getInverseThemeColor } from '@/charts/utils/color';\n\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, PolarChartProps } from '../types';\n\nimport { usePieChart } from './util';\n\nexport type PieChartProps = {\n /** Show labels inside each segment\n * @default false\n /\n showLabels?: boolean;\n} & PolarChartProps;\n\nexport function PieChart<TData extends object>(props: PieChartProps) {\n const { children, formatter, showLabels = false, showLegend = false, tooltipTitle, unit, ...attributes } = props;\n const { pieProps, setRadius, items, activeIndex, setActiveIndex, toggleItem } = usePieChart<TData>(children, {\n formatter,\n unit,\n });\n const className = cn('aspect-square', attributes.className);\n\n return (\n <div className=\"relative\" data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className={className} data-taco=\"chart-pie\" onSetWidth={setRadius}>\n <RechartsPrimitive.PieChart>\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.Pie {...pieProps} label={showLabels ? <Label /> : undefined} />\n </RechartsPrimitive.PieChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\nexport type PieChartSegmentProps<TData extends object> = {\n value: number;\n} & Omit<ChartChildProps<TData>, 'dataKey' \| 'formatter' \| 'unit'>;\n\nfunction Segment<TData extends object>(_: PieChartSegmentProps<TData>): React.JSX.Element \| null {\n return null;\n}\nPieChart.Segment = Segment;\n\nconst RADIAN = Math.PI / 180;\n\nfunction Label(props: any) {\n const { cx, cy, midAngle, name, innerRadius, outerRadius } = props;\n const radius = innerRadius + (outerRadius - innerRadius) 0.7;\n const x = cx + radius * Math.cos(-midAngle * RADIAN);\n const y = cy + radius * Math.sin(-midAngle * RADIAN);\n\n return (\n <text\n x={x}\n y={y}\n fontSize={12}\n fill={getInverseThemeColor(props.payload?.payload?.color ?? '')}\n textAnchor=\"middle\"\n dominantBaseline=\"middle\">\n {name}\n </text>\n );\n}\n"],"names":["usePieChart","ChartWrapper","RechartsPrimitive","Tooltip","Legend","getInverseThemeColor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,SAAS,SAA+B,OAAsB;AACjE,QAAM,EAAE,UAAU,WAAW,aAAa,OAAO,aAAa,OAAO,cAAc,MAAM,GAAG,WAAA,IAAe;AAC3G,QAAM,EAAE,UAAU,WAAW,OAAO,aAAa,gBAAgB,WAAA,IAAeA,KAAAA,YAAmB,UAAU;AAAA,IACzG;AAAA,IACA;AAAA,EAAA,CACH;AACD,QAAM,YAAY,GAAG,iBAAiB,WAAW,SAAS;AAE1D,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,YAAW,aAAU,gBAAA,GAChC,sBAAA,cAACC,aAAAA,cAAA,EAAc,GAAG,YAAY,WAAsB,aAAU,aAAY,YAAY,UAAA,GAClF,sBAAA,cAACC,6BAAkB,UAAlB,MACG,sBAAA,cAACA,6BAAkB,SAAlB,EAA0B,SAAS,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,aAAA,CAAc,GAAI,GACtE,sBAAA,cAACD,6BAAkB,KAAlB,EAAuB,GAAG,UAAU,OAAO,aAAa,sBAAA,cAAC,OAAA,IAAM,IAAK,OAAA,CAAW,CACpF,CACJ,GACC,aACG,sBAAA,cAACE,OAAAA,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAMA,SAAS,QAA8B,GAA0D;AAC7F,SAAO;AACX;AACA,SAAS,UAAU;AAEnB,MAAM,SAAS,KAAK,KAAK;AAEzB,SAAS,MAAM,OAAY;AACvB,QAAM,EAAE,IAAI,IAAI,UAAU,MAAM,aAAa,gBAAgB;AAC7D,QAAM,SAAS,eAAe,cAAc,eAAe;AAC3D,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AACnD,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AAEnD,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,MAAMC,MAAAA,qBAAqB,MAAM,SAAS,SAAS,SAAS,EAAE;AAAA,MAC9D,YAAW;AAAA,MACX,kBAAiB;AAAA,IAAA;AAAA,IAChB;AAAA,EAAA;AAGb;;"}

package/dist/charts/components/Pie/PieChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PieChart.js","sources":["../../../../src/charts/components/Pie/PieChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getInverseThemeColor } from '~~../../~~utils/color';\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, PolarChartProps } from '../types';\n\nimport { usePieChart } from './util';\n\nexport type PieChartProps = {\n /** Show labels inside each segment\n * @default false\n /\n showLabels?: boolean;\n} & PolarChartProps;\n\nexport function PieChart<TData extends object>(props: PieChartProps) {\n const { children, formatter, showLabels = false, showLegend = false, tooltipTitle, unit, ...attributes } = props;\n const { pieProps, setRadius, items, activeIndex, setActiveIndex, toggleItem } = usePieChart<TData>(children, {\n formatter,\n unit,\n });\n const className = cn('aspect-square', attributes.className);\n\n return (\n <div className=\"relative\" data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className={className} data-taco=\"chart-pie\" onSetWidth={setRadius}>\n <RechartsPrimitive.PieChart>\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.Pie {...pieProps} label={showLabels ? <Label /> : undefined} />\n </RechartsPrimitive.PieChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\nexport type PieChartSegmentProps<TData extends object> = {\n value: number;\n} & Omit<ChartChildProps<TData>, 'dataKey' \| 'formatter' \| 'unit'>;\n\nfunction Segment<TData extends object>(_: PieChartSegmentProps<TData>): React.JSX.Element \| null {\n return null;\n}\nPieChart.Segment = Segment;\n\nconst RADIAN = Math.PI / 180;\n\nfunction Label(props: any) {\n const { cx, cy, midAngle, name, innerRadius, outerRadius } = props;\n const radius = innerRadius + (outerRadius - innerRadius) 0.7;\n const x = cx + radius * Math.cos(-midAngle * RADIAN);\n const y = cy + radius * Math.sin(-midAngle * RADIAN);\n\n return (\n <text\n x={x}\n y={y}\n fontSize={12}\n fill={getInverseThemeColor(props.payload?.payload?.color ?? '')}\n textAnchor=\"middle\"\n dominantBaseline=\"middle\">\n {name}\n </text>\n );\n}\n"],"names":["React"],"mappings":";;;;;;;;~~AAmBO~~,SAAS,SAA+B,OAAsB;AACjE,QAAM,EAAE,UAAU,WAAW,aAAa,OAAO,aAAa,OAAO,cAAc,MAAM,GAAG,WAAA,IAAe;AAC3G,QAAM,EAAE,UAAU,WAAW,OAAO,aAAa,gBAAgB,WAAA,IAAe,YAAmB,UAAU;AAAA,IACzG;AAAA,IACA;AAAA,EAAA,CACH;AACD,QAAM,YAAY,GAAG,iBAAiB,WAAW,SAAS;AAE1D,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,YAAW,aAAU,gBAAA,GAChCA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAY,WAAsB,aAAU,aAAY,YAAY,UAAA,GAClFA,+BAAA,cAAC,kBAAkB,UAAlB,MACGA,+BAAA,cAAC,kBAAkB,SAAlB,EAA0B,SAASA,+BAAA,cAAC,SAAA,EAAQ,OAAO,aAAA,CAAc,GAAI,GACtEA,+BAAA,cAAC,kBAAkB,KAAlB,EAAuB,GAAG,UAAU,OAAO,aAAaA,+BAAA,cAAC,OAAA,IAAM,IAAK,OAAA,CAAW,CACpF,CACJ,GACC,aACGA,+BAAA,cAAC,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAMA,SAAS,QAA8B,GAA0D;AAC7F,SAAO;AACX;AACA,SAAS,UAAU;AAEnB,MAAM,SAAS,KAAK,KAAK;AAEzB,SAAS,MAAM,OAAY;AACvB,QAAM,EAAE,IAAI,IAAI,UAAU,MAAM,aAAa,gBAAgB;AAC7D,QAAM,SAAS,eAAe,cAAc,eAAe;AAC3D,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AACnD,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AAEnD,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,MAAM,qBAAqB,MAAM,SAAS,SAAS,SAAS,EAAE;AAAA,MAC9D,YAAW;AAAA,MACX,kBAAiB;AAAA,IAAA;AAAA,IAChB;AAAA,EAAA;AAGb;"}
1	+ {"version":3,"file":"PieChart.js","sources":["../../../../src/charts/components/Pie/PieChart.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { getInverseThemeColor } from '@/charts/utils/color';\n\nimport { ChartWrapper } from '../ChartWrapper';\nimport { Legend } from '../Legend';\nimport { Tooltip } from '../Tooltip';\nimport type { ChartChildProps, PolarChartProps } from '../types';\n\nimport { usePieChart } from './util';\n\nexport type PieChartProps = {\n /** Show labels inside each segment\n * @default false\n /\n showLabels?: boolean;\n} & PolarChartProps;\n\nexport function PieChart<TData extends object>(props: PieChartProps) {\n const { children, formatter, showLabels = false, showLegend = false, tooltipTitle, unit, ...attributes } = props;\n const { pieProps, setRadius, items, activeIndex, setActiveIndex, toggleItem } = usePieChart<TData>(children, {\n formatter,\n unit,\n });\n const className = cn('aspect-square', attributes.className);\n\n return (\n <div className=\"relative\" data-taco=\"chart-wrapper\">\n <ChartWrapper {...attributes} className={className} data-taco=\"chart-pie\" onSetWidth={setRadius}>\n <RechartsPrimitive.PieChart>\n <RechartsPrimitive.Tooltip content={<Tooltip title={tooltipTitle} />} />\n <RechartsPrimitive.Pie {...pieProps} label={showLabels ? <Label /> : undefined} />\n </RechartsPrimitive.PieChart>\n </ChartWrapper>\n {showLegend ? (\n <Legend<TData> items={items} hoverIndex={activeIndex} onHover={setActiveIndex} onToggle={toggleItem} />\n ) : null}\n </div>\n );\n}\n\nexport type PieChartSegmentProps<TData extends object> = {\n value: number;\n} & Omit<ChartChildProps<TData>, 'dataKey' \| 'formatter' \| 'unit'>;\n\nfunction Segment<TData extends object>(_: PieChartSegmentProps<TData>): React.JSX.Element \| null {\n return null;\n}\nPieChart.Segment = Segment;\n\nconst RADIAN = Math.PI / 180;\n\nfunction Label(props: any) {\n const { cx, cy, midAngle, name, innerRadius, outerRadius } = props;\n const radius = innerRadius + (outerRadius - innerRadius) 0.7;\n const x = cx + radius * Math.cos(-midAngle * RADIAN);\n const y = cy + radius * Math.sin(-midAngle * RADIAN);\n\n return (\n <text\n x={x}\n y={y}\n fontSize={12}\n fill={getInverseThemeColor(props.payload?.payload?.color ?? '')}\n textAnchor=\"middle\"\n dominantBaseline=\"middle\">\n {name}\n </text>\n );\n}\n"],"names":["React"],"mappings":";;;;;;;;AAoBO,SAAS,SAA+B,OAAsB;AACjE,QAAM,EAAE,UAAU,WAAW,aAAa,OAAO,aAAa,OAAO,cAAc,MAAM,GAAG,WAAA,IAAe;AAC3G,QAAM,EAAE,UAAU,WAAW,OAAO,aAAa,gBAAgB,WAAA,IAAe,YAAmB,UAAU;AAAA,IACzG;AAAA,IACA;AAAA,EAAA,CACH;AACD,QAAM,YAAY,GAAG,iBAAiB,WAAW,SAAS;AAE1D,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,YAAW,aAAU,gBAAA,GAChCA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAY,WAAsB,aAAU,aAAY,YAAY,UAAA,GAClFA,+BAAA,cAAC,kBAAkB,UAAlB,MACGA,+BAAA,cAAC,kBAAkB,SAAlB,EAA0B,SAASA,+BAAA,cAAC,SAAA,EAAQ,OAAO,aAAA,CAAc,GAAI,GACtEA,+BAAA,cAAC,kBAAkB,KAAlB,EAAuB,GAAG,UAAU,OAAO,aAAaA,+BAAA,cAAC,OAAA,IAAM,IAAK,OAAA,CAAW,CACpF,CACJ,GACC,aACGA,+BAAA,cAAC,QAAA,EAAc,OAAc,YAAY,aAAa,SAAS,gBAAgB,UAAU,WAAA,CAAY,IACrG,IACR;AAER;AAMA,SAAS,QAA8B,GAA0D;AAC7F,SAAO;AACX;AACA,SAAS,UAAU;AAEnB,MAAM,SAAS,KAAK,KAAK;AAEzB,SAAS,MAAM,OAAY;AACvB,QAAM,EAAE,IAAI,IAAI,UAAU,MAAM,aAAa,gBAAgB;AAC7D,QAAM,SAAS,eAAe,cAAc,eAAe;AAC3D,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AACnD,QAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AAEnD,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,MAAM,qBAAqB,MAAM,SAAS,SAAS,SAAS,EAAE;AAAA,MAC9D,YAAW;AAAA,MACX,kBAAiB;AAAA,IAAA;AAAA,IAChB;AAAA,EAAA;AAGb;"}

package/dist/charts/components/useChartData.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Localization = require("../../components/Provider/Localization.cjs");
 const color = require("../utils/color.cjs");
+const Localization = require("../../components/Provider/Localization.cjs");
 function useChart(children, options) {
   const [activeIndex, setActiveIndex] = React.useState();
   const [hiddenItems, toggleItem] = useChartDataHiddenState();

package/dist/charts/components/useChartData.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChartData.cjs","sources":["../../../src/charts/components/useChartData.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~useLocalization~~ } from '~~../../components~~/~~Provider~~/~~Localization~~';\nimport { ~~getThemeColor~~ } from '~~../utils~~/~~color~~';\n\nimport type { ChartChildProps, ChartValueFormatter } from './types';\n\nexport type useChartOptions = {\n formatter?: ChartValueFormatter;\n unit?: string;\n};\n\nexport type ChartShape = {\n activeDot: {\n strokeWidth: number;\n };\n color: string \| undefined;\n dataKey: string;\n dot: {\n fillOpacity: number;\n };\n isAnimationActive: boolean;\n fill: string \| undefined;\n fillOpacity: number;\n formatter: ChartValueFormatter \| undefined;\n name: string;\n stroke: string \| undefined;\n strokeWidth: number;\n unit?: string;\n};\n\nexport function useChart<TData extends object>(children: React.ReactNode, options?: useChartOptions) {\n const [activeIndex, setActiveIndex] = React.useState<number \| undefined>();\n const [hiddenItems, toggleItem] = useChartDataHiddenState<TData>();\n const localization = useLocalization();\n\n const defaultFormatter = (value: number) =>\n new Intl.NumberFormat(localization.locale, { minimumFractionDigits: 2 }).format(value);\n\n const globalFormatter = options?.formatter ?? defaultFormatter;\n\n const { items, shapes } = React.useMemo(() => {\n const items = React.Children.toArray(children)\n .filter(child => React.isValidElement<ChartChildProps<TData>>(child))\n .map(child => {\n const dataKey = child.props.dataKey ?? child.props.label;\n return {\n ...child.props,\n dataKey,\n color: getThemeColor(child.props.color, 'blue-300'),\n formatter: child.props.formatter ?? globalFormatter,\n isHidden: !!hiddenItems[dataKey],\n unit: child.props.unit ?? options?.unit,\n } as ChartChildProps<TData>;\n });\n\n const shapes: ChartShape[] = items\n .filter(item => !hiddenItems[item.dataKey])\n .map((item: ChartChildProps<TData>) => {\n return {\n activeDot: {\n strokeWidth: 1,\n },\n color: item.color,\n dataKey: item.dataKey as string,\n dot: {\n fillOpacity: 1,\n },\n isAnimationActive: false,\n fill: item.color,\n fillOpacity: 1,\n formatter: item.formatter,\n name: item.label,\n stroke: item.color,\n strokeWidth: 1.5,\n unit: item.unit,\n };\n });\n\n return { items, shapes };\n }, [children, hiddenItems]);\n\n return { items, shapes, activeIndex, setActiveIndex, globalFormatter, toggleItem };\n}\n\nexport function useChartDataHiddenState<TData extends object>(): [Record<keyof TData, boolean>, (name: keyof TData) => void] {\n const [state, setState] = React.useState<Record<keyof TData, boolean>>({} as Record<keyof TData, boolean>);\n\n function toggle(name: keyof TData) {\n setState(currentState => {\n const nextState = { ...currentState };\n\n if (currentState[name]) {\n delete nextState[name];\n } else {\n nextState[name] = true;\n }\n\n return nextState;\n });\n }\n\n return [state, toggle];\n}\n"],"names":["useLocalization","items","getThemeColor","shapes"],"mappings":";;;;;AA+BO,SAAS,SAA+B,UAA2B,SAA2B;AACjG,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAA;AAC5C,QAAM,CAAC,aAAa,UAAU,IAAI,wBAAA;AAClC,QAAM,eAAeA,aAAAA,gBAAA;AAErB,QAAM,mBAAmB,CAAC,UACtB,IAAI,KAAK,aAAa,aAAa,QAAQ,EAAE,uBAAuB,EAAA,CAAG,EAAE,OAAO,KAAK;AAEzF,QAAM,kBAAkB,SAAS,aAAa;AAE9C,QAAM,EAAE,OAAO,OAAA,IAAW,MAAM,QAAQ,MAAM;AAC1C,UAAMC,SAAQ,MAAM,SAAS,QAAQ,QAAQ,EACxC,OAAO,CAAA,UAAS,MAAM,eAAuC,KAAK,CAAC,EACnE,IAAI,CAAA,UAAS;AACV,YAAM,UAAU,MAAM,MAAM,WAAW,MAAM,MAAM;AACnD,aAAO;AAAA,QACH,GAAG,MAAM;AAAA,QACT;AAAA,QACA,OAAOC,MAAAA,cAAc,MAAM,MAAM,OAAO,UAAU;AAAA,QAClD,WAAW,MAAM,MAAM,aAAa;AAAA,QACpC,UAAU,CAAC,CAAC,YAAY,OAAO;AAAA,QAC/B,MAAM,MAAM,MAAM,QAAQ,SAAS;AAAA,MAAA;AAAA,IAE3C,CAAC;AAEL,UAAMC,UAAuBF,OACxB,OAAO,CAAA,SAAQ,CAAC,YAAY,KAAK,OAAO,CAAC,EACzC,IAAI,CAAC,SAAiC;AACnC,aAAO;AAAA,QACH,WAAW;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAEjB,OAAO,KAAK;AAAA,QACZ,SAAS,KAAK;AAAA,QACd,KAAK;AAAA,UACD,aAAa;AAAA,QAAA;AAAA,QAEjB,mBAAmB;AAAA,QACnB,MAAM,KAAK;AAAA,QACX,aAAa;AAAA,QACb,WAAW,KAAK;AAAA,QAChB,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,aAAa;AAAA,QACb,MAAM,KAAK;AAAA,MAAA;AAAA,IAEnB,CAAC;AAEL,WAAO,EAAE,OAAAA,QAAO,QAAAE,QAAAA;AAAAA,EACpB,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,SAAO,EAAE,OAAO,QAAQ,aAAa,gBAAgB,iBAAiB,WAAA;AAC1E;AAEO,SAAS,0BAA6G;AACzH,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAuC,CAAA,CAAkC;AAEzG,WAAS,OAAO,MAAmB;AAC/B,aAAS,CAAA,iBAAgB;AACrB,YAAM,YAAY,EAAE,GAAG,aAAA;AAEvB,UAAI,aAAa,IAAI,GAAG;AACpB,eAAO,UAAU,IAAI;AAAA,MACzB,OAAO;AACH,kBAAU,IAAI,IAAI;AAAA,MACtB;AAEA,aAAO;AAAA,IACX,CAAC;AAAA,EACL;AAEA,SAAO,CAAC,OAAO,MAAM;AACzB;;;"}
1	+ {"version":3,"file":"useChartData.cjs","sources":["../../../src/charts/components/useChartData.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getThemeColor } from '@/charts/utils/color';\nimport { useLocalization } from '@/components/Provider/Localization';\n\nimport type { ChartChildProps, ChartValueFormatter } from './types';\n\nexport type useChartOptions = {\n formatter?: ChartValueFormatter;\n unit?: string;\n};\n\nexport type ChartShape = {\n activeDot: {\n strokeWidth: number;\n };\n color: string \| undefined;\n dataKey: string;\n dot: {\n fillOpacity: number;\n };\n isAnimationActive: boolean;\n fill: string \| undefined;\n fillOpacity: number;\n formatter: ChartValueFormatter \| undefined;\n name: string;\n stroke: string \| undefined;\n strokeWidth: number;\n unit?: string;\n};\n\nexport function useChart<TData extends object>(children: React.ReactNode, options?: useChartOptions) {\n const [activeIndex, setActiveIndex] = React.useState<number \| undefined>();\n const [hiddenItems, toggleItem] = useChartDataHiddenState<TData>();\n const localization = useLocalization();\n\n const defaultFormatter = (value: number) =>\n new Intl.NumberFormat(localization.locale, { minimumFractionDigits: 2 }).format(value);\n\n const globalFormatter = options?.formatter ?? defaultFormatter;\n\n const { items, shapes } = React.useMemo(() => {\n const items = React.Children.toArray(children)\n .filter(child => React.isValidElement<ChartChildProps<TData>>(child))\n .map(child => {\n const dataKey = child.props.dataKey ?? child.props.label;\n return {\n ...child.props,\n dataKey,\n color: getThemeColor(child.props.color, 'blue-300'),\n formatter: child.props.formatter ?? globalFormatter,\n isHidden: !!hiddenItems[dataKey],\n unit: child.props.unit ?? options?.unit,\n } as ChartChildProps<TData>;\n });\n\n const shapes: ChartShape[] = items\n .filter(item => !hiddenItems[item.dataKey])\n .map((item: ChartChildProps<TData>) => {\n return {\n activeDot: {\n strokeWidth: 1,\n },\n color: item.color,\n dataKey: item.dataKey as string,\n dot: {\n fillOpacity: 1,\n },\n isAnimationActive: false,\n fill: item.color,\n fillOpacity: 1,\n formatter: item.formatter,\n name: item.label,\n stroke: item.color,\n strokeWidth: 1.5,\n unit: item.unit,\n };\n });\n\n return { items, shapes };\n }, [children, hiddenItems]);\n\n return { items, shapes, activeIndex, setActiveIndex, globalFormatter, toggleItem };\n}\n\nexport function useChartDataHiddenState<TData extends object>(): [Record<keyof TData, boolean>, (name: keyof TData) => void] {\n const [state, setState] = React.useState<Record<keyof TData, boolean>>({} as Record<keyof TData, boolean>);\n\n function toggle(name: keyof TData) {\n setState(currentState => {\n const nextState = { ...currentState };\n\n if (currentState[name]) {\n delete nextState[name];\n } else {\n nextState[name] = true;\n }\n\n return nextState;\n });\n }\n\n return [state, toggle];\n}\n"],"names":["useLocalization","items","getThemeColor","shapes"],"mappings":";;;;;AA+BO,SAAS,SAA+B,UAA2B,SAA2B;AACjG,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAA;AAC5C,QAAM,CAAC,aAAa,UAAU,IAAI,wBAAA;AAClC,QAAM,eAAeA,aAAAA,gBAAA;AAErB,QAAM,mBAAmB,CAAC,UACtB,IAAI,KAAK,aAAa,aAAa,QAAQ,EAAE,uBAAuB,EAAA,CAAG,EAAE,OAAO,KAAK;AAEzF,QAAM,kBAAkB,SAAS,aAAa;AAE9C,QAAM,EAAE,OAAO,OAAA,IAAW,MAAM,QAAQ,MAAM;AAC1C,UAAMC,SAAQ,MAAM,SAAS,QAAQ,QAAQ,EACxC,OAAO,CAAA,UAAS,MAAM,eAAuC,KAAK,CAAC,EACnE,IAAI,CAAA,UAAS;AACV,YAAM,UAAU,MAAM,MAAM,WAAW,MAAM,MAAM;AACnD,aAAO;AAAA,QACH,GAAG,MAAM;AAAA,QACT;AAAA,QACA,OAAOC,MAAAA,cAAc,MAAM,MAAM,OAAO,UAAU;AAAA,QAClD,WAAW,MAAM,MAAM,aAAa;AAAA,QACpC,UAAU,CAAC,CAAC,YAAY,OAAO;AAAA,QAC/B,MAAM,MAAM,MAAM,QAAQ,SAAS;AAAA,MAAA;AAAA,IAE3C,CAAC;AAEL,UAAMC,UAAuBF,OACxB,OAAO,CAAA,SAAQ,CAAC,YAAY,KAAK,OAAO,CAAC,EACzC,IAAI,CAAC,SAAiC;AACnC,aAAO;AAAA,QACH,WAAW;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAEjB,OAAO,KAAK;AAAA,QACZ,SAAS,KAAK;AAAA,QACd,KAAK;AAAA,UACD,aAAa;AAAA,QAAA;AAAA,QAEjB,mBAAmB;AAAA,QACnB,MAAM,KAAK;AAAA,QACX,aAAa;AAAA,QACb,WAAW,KAAK;AAAA,QAChB,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,aAAa;AAAA,QACb,MAAM,KAAK;AAAA,MAAA;AAAA,IAEnB,CAAC;AAEL,WAAO,EAAE,OAAAA,QAAO,QAAAE,QAAAA;AAAAA,EACpB,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,SAAO,EAAE,OAAO,QAAQ,aAAa,gBAAgB,iBAAiB,WAAA;AAC1E;AAEO,SAAS,0BAA6G;AACzH,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAuC,CAAA,CAAkC;AAEzG,WAAS,OAAO,MAAmB;AAC/B,aAAS,CAAA,iBAAgB;AACrB,YAAM,YAAY,EAAE,GAAG,aAAA;AAEvB,UAAI,aAAa,IAAI,GAAG;AACpB,eAAO,UAAU,IAAI;AAAA,MACzB,OAAO;AACH,kBAAU,IAAI,IAAI;AAAA,MACtB;AAEA,aAAO;AAAA,IACX,CAAC;AAAA,EACL;AAEA,SAAO,CAAC,OAAO,MAAM;AACzB;;;"}

package/dist/charts/components/useChartData.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { useLocalization } from "../../components/Provider/Localization.js";
 import { getThemeColor } from "../utils/color.js";
+import { useLocalization } from "../../components/Provider/Localization.js";
 function useChart(children, options) {
   const [activeIndex, setActiveIndex] = React__default.useState();
   const [hiddenItems, toggleItem] = useChartDataHiddenState();

package/dist/charts/components/useChartData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChartData.js","sources":["../../../src/charts/components/useChartData.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~useLocalization~~ } from '~~../../components~~/~~Provider~~/~~Localization~~';\nimport { ~~getThemeColor~~ } from '~~../utils~~/~~color~~';\n\nimport type { ChartChildProps, ChartValueFormatter } from './types';\n\nexport type useChartOptions = {\n formatter?: ChartValueFormatter;\n unit?: string;\n};\n\nexport type ChartShape = {\n activeDot: {\n strokeWidth: number;\n };\n color: string \| undefined;\n dataKey: string;\n dot: {\n fillOpacity: number;\n };\n isAnimationActive: boolean;\n fill: string \| undefined;\n fillOpacity: number;\n formatter: ChartValueFormatter \| undefined;\n name: string;\n stroke: string \| undefined;\n strokeWidth: number;\n unit?: string;\n};\n\nexport function useChart<TData extends object>(children: React.ReactNode, options?: useChartOptions) {\n const [activeIndex, setActiveIndex] = React.useState<number \| undefined>();\n const [hiddenItems, toggleItem] = useChartDataHiddenState<TData>();\n const localization = useLocalization();\n\n const defaultFormatter = (value: number) =>\n new Intl.NumberFormat(localization.locale, { minimumFractionDigits: 2 }).format(value);\n\n const globalFormatter = options?.formatter ?? defaultFormatter;\n\n const { items, shapes } = React.useMemo(() => {\n const items = React.Children.toArray(children)\n .filter(child => React.isValidElement<ChartChildProps<TData>>(child))\n .map(child => {\n const dataKey = child.props.dataKey ?? child.props.label;\n return {\n ...child.props,\n dataKey,\n color: getThemeColor(child.props.color, 'blue-300'),\n formatter: child.props.formatter ?? globalFormatter,\n isHidden: !!hiddenItems[dataKey],\n unit: child.props.unit ?? options?.unit,\n } as ChartChildProps<TData>;\n });\n\n const shapes: ChartShape[] = items\n .filter(item => !hiddenItems[item.dataKey])\n .map((item: ChartChildProps<TData>) => {\n return {\n activeDot: {\n strokeWidth: 1,\n },\n color: item.color,\n dataKey: item.dataKey as string,\n dot: {\n fillOpacity: 1,\n },\n isAnimationActive: false,\n fill: item.color,\n fillOpacity: 1,\n formatter: item.formatter,\n name: item.label,\n stroke: item.color,\n strokeWidth: 1.5,\n unit: item.unit,\n };\n });\n\n return { items, shapes };\n }, [children, hiddenItems]);\n\n return { items, shapes, activeIndex, setActiveIndex, globalFormatter, toggleItem };\n}\n\nexport function useChartDataHiddenState<TData extends object>(): [Record<keyof TData, boolean>, (name: keyof TData) => void] {\n const [state, setState] = React.useState<Record<keyof TData, boolean>>({} as Record<keyof TData, boolean>);\n\n function toggle(name: keyof TData) {\n setState(currentState => {\n const nextState = { ...currentState };\n\n if (currentState[name]) {\n delete nextState[name];\n } else {\n nextState[name] = true;\n }\n\n return nextState;\n });\n }\n\n return [state, toggle];\n}\n"],"names":["React","items","shapes"],"mappings":";;;AA+BO,SAAS,SAA+B,UAA2B,SAA2B;AACjG,QAAM,CAAC,aAAa,cAAc,IAAIA,eAAM,SAAA;AAC5C,QAAM,CAAC,aAAa,UAAU,IAAI,wBAAA;AAClC,QAAM,eAAe,gBAAA;AAErB,QAAM,mBAAmB,CAAC,UACtB,IAAI,KAAK,aAAa,aAAa,QAAQ,EAAE,uBAAuB,EAAA,CAAG,EAAE,OAAO,KAAK;AAEzF,QAAM,kBAAkB,SAAS,aAAa;AAE9C,QAAM,EAAE,OAAO,OAAA,IAAWA,eAAM,QAAQ,MAAM;AAC1C,UAAMC,SAAQD,eAAM,SAAS,QAAQ,QAAQ,EACxC,OAAO,CAAA,UAASA,eAAM,eAAuC,KAAK,CAAC,EACnE,IAAI,CAAA,UAAS;AACV,YAAM,UAAU,MAAM,MAAM,WAAW,MAAM,MAAM;AACnD,aAAO;AAAA,QACH,GAAG,MAAM;AAAA,QACT;AAAA,QACA,OAAO,cAAc,MAAM,MAAM,OAAO,UAAU;AAAA,QAClD,WAAW,MAAM,MAAM,aAAa;AAAA,QACpC,UAAU,CAAC,CAAC,YAAY,OAAO;AAAA,QAC/B,MAAM,MAAM,MAAM,QAAQ,SAAS;AAAA,MAAA;AAAA,IAE3C,CAAC;AAEL,UAAME,UAAuBD,OACxB,OAAO,CAAA,SAAQ,CAAC,YAAY,KAAK,OAAO,CAAC,EACzC,IAAI,CAAC,SAAiC;AACnC,aAAO;AAAA,QACH,WAAW;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAEjB,OAAO,KAAK;AAAA,QACZ,SAAS,KAAK;AAAA,QACd,KAAK;AAAA,UACD,aAAa;AAAA,QAAA;AAAA,QAEjB,mBAAmB;AAAA,QACnB,MAAM,KAAK;AAAA,QACX,aAAa;AAAA,QACb,WAAW,KAAK;AAAA,QAChB,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,aAAa;AAAA,QACb,MAAM,KAAK;AAAA,MAAA;AAAA,IAEnB,CAAC;AAEL,WAAO,EAAE,OAAAA,QAAO,QAAAC,QAAAA;AAAAA,EACpB,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,SAAO,EAAE,OAAO,QAAQ,aAAa,gBAAgB,iBAAiB,WAAA;AAC1E;AAEO,SAAS,0BAA6G;AACzH,QAAM,CAAC,OAAO,QAAQ,IAAIF,eAAM,SAAuC,CAAA,CAAkC;AAEzG,WAAS,OAAO,MAAmB;AAC/B,aAAS,CAAA,iBAAgB;AACrB,YAAM,YAAY,EAAE,GAAG,aAAA;AAEvB,UAAI,aAAa,IAAI,GAAG;AACpB,eAAO,UAAU,IAAI;AAAA,MACzB,OAAO;AACH,kBAAU,IAAI,IAAI;AAAA,MACtB;AAEA,aAAO;AAAA,IACX,CAAC;AAAA,EACL;AAEA,SAAO,CAAC,OAAO,MAAM;AACzB;"}
1	+ {"version":3,"file":"useChartData.js","sources":["../../../src/charts/components/useChartData.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getThemeColor } from '@/charts/utils/color';\nimport { useLocalization } from '@/components/Provider/Localization';\n\nimport type { ChartChildProps, ChartValueFormatter } from './types';\n\nexport type useChartOptions = {\n formatter?: ChartValueFormatter;\n unit?: string;\n};\n\nexport type ChartShape = {\n activeDot: {\n strokeWidth: number;\n };\n color: string \| undefined;\n dataKey: string;\n dot: {\n fillOpacity: number;\n };\n isAnimationActive: boolean;\n fill: string \| undefined;\n fillOpacity: number;\n formatter: ChartValueFormatter \| undefined;\n name: string;\n stroke: string \| undefined;\n strokeWidth: number;\n unit?: string;\n};\n\nexport function useChart<TData extends object>(children: React.ReactNode, options?: useChartOptions) {\n const [activeIndex, setActiveIndex] = React.useState<number \| undefined>();\n const [hiddenItems, toggleItem] = useChartDataHiddenState<TData>();\n const localization = useLocalization();\n\n const defaultFormatter = (value: number) =>\n new Intl.NumberFormat(localization.locale, { minimumFractionDigits: 2 }).format(value);\n\n const globalFormatter = options?.formatter ?? defaultFormatter;\n\n const { items, shapes } = React.useMemo(() => {\n const items = React.Children.toArray(children)\n .filter(child => React.isValidElement<ChartChildProps<TData>>(child))\n .map(child => {\n const dataKey = child.props.dataKey ?? child.props.label;\n return {\n ...child.props,\n dataKey,\n color: getThemeColor(child.props.color, 'blue-300'),\n formatter: child.props.formatter ?? globalFormatter,\n isHidden: !!hiddenItems[dataKey],\n unit: child.props.unit ?? options?.unit,\n } as ChartChildProps<TData>;\n });\n\n const shapes: ChartShape[] = items\n .filter(item => !hiddenItems[item.dataKey])\n .map((item: ChartChildProps<TData>) => {\n return {\n activeDot: {\n strokeWidth: 1,\n },\n color: item.color,\n dataKey: item.dataKey as string,\n dot: {\n fillOpacity: 1,\n },\n isAnimationActive: false,\n fill: item.color,\n fillOpacity: 1,\n formatter: item.formatter,\n name: item.label,\n stroke: item.color,\n strokeWidth: 1.5,\n unit: item.unit,\n };\n });\n\n return { items, shapes };\n }, [children, hiddenItems]);\n\n return { items, shapes, activeIndex, setActiveIndex, globalFormatter, toggleItem };\n}\n\nexport function useChartDataHiddenState<TData extends object>(): [Record<keyof TData, boolean>, (name: keyof TData) => void] {\n const [state, setState] = React.useState<Record<keyof TData, boolean>>({} as Record<keyof TData, boolean>);\n\n function toggle(name: keyof TData) {\n setState(currentState => {\n const nextState = { ...currentState };\n\n if (currentState[name]) {\n delete nextState[name];\n } else {\n nextState[name] = true;\n }\n\n return nextState;\n });\n }\n\n return [state, toggle];\n}\n"],"names":["React","items","shapes"],"mappings":";;;AA+BO,SAAS,SAA+B,UAA2B,SAA2B;AACjG,QAAM,CAAC,aAAa,cAAc,IAAIA,eAAM,SAAA;AAC5C,QAAM,CAAC,aAAa,UAAU,IAAI,wBAAA;AAClC,QAAM,eAAe,gBAAA;AAErB,QAAM,mBAAmB,CAAC,UACtB,IAAI,KAAK,aAAa,aAAa,QAAQ,EAAE,uBAAuB,EAAA,CAAG,EAAE,OAAO,KAAK;AAEzF,QAAM,kBAAkB,SAAS,aAAa;AAE9C,QAAM,EAAE,OAAO,OAAA,IAAWA,eAAM,QAAQ,MAAM;AAC1C,UAAMC,SAAQD,eAAM,SAAS,QAAQ,QAAQ,EACxC,OAAO,CAAA,UAASA,eAAM,eAAuC,KAAK,CAAC,EACnE,IAAI,CAAA,UAAS;AACV,YAAM,UAAU,MAAM,MAAM,WAAW,MAAM,MAAM;AACnD,aAAO;AAAA,QACH,GAAG,MAAM;AAAA,QACT;AAAA,QACA,OAAO,cAAc,MAAM,MAAM,OAAO,UAAU;AAAA,QAClD,WAAW,MAAM,MAAM,aAAa;AAAA,QACpC,UAAU,CAAC,CAAC,YAAY,OAAO;AAAA,QAC/B,MAAM,MAAM,MAAM,QAAQ,SAAS;AAAA,MAAA;AAAA,IAE3C,CAAC;AAEL,UAAME,UAAuBD,OACxB,OAAO,CAAA,SAAQ,CAAC,YAAY,KAAK,OAAO,CAAC,EACzC,IAAI,CAAC,SAAiC;AACnC,aAAO;AAAA,QACH,WAAW;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAEjB,OAAO,KAAK;AAAA,QACZ,SAAS,KAAK;AAAA,QACd,KAAK;AAAA,UACD,aAAa;AAAA,QAAA;AAAA,QAEjB,mBAAmB;AAAA,QACnB,MAAM,KAAK;AAAA,QACX,aAAa;AAAA,QACb,WAAW,KAAK;AAAA,QAChB,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,aAAa;AAAA,QACb,MAAM,KAAK;AAAA,MAAA;AAAA,IAEnB,CAAC;AAEL,WAAO,EAAE,OAAAA,QAAO,QAAAC,QAAAA;AAAAA,EACpB,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,SAAO,EAAE,OAAO,QAAQ,aAAa,gBAAgB,iBAAiB,WAAA;AAC1E;AAEO,SAAS,0BAA6G;AACzH,QAAM,CAAC,OAAO,QAAQ,IAAIF,eAAM,SAAuC,CAAA,CAAkC;AAEzG,WAAS,OAAO,MAAmB;AAC/B,aAAS,CAAA,iBAAgB;AACrB,YAAM,YAAY,EAAE,GAAG,aAAA;AAEvB,UAAI,aAAa,IAAI,GAAG;AACpB,eAAO,UAAU,IAAI;AAAA,MACzB,OAAO;AACH,kBAAU,IAAI,IAAI;AAAA,MACtB;AAEA,aAAO;AAAA,IACX,CAAC;AAAA,EACL;AAEA,SAAO,CAAC,OAAO,MAAM;AACzB;"}

package/dist/charts/utils/color.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color.cjs","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["~~import~~ themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n return Object.keys(palette).reduce((accum, color) => {\n if (color === 'current') {\n return accum;\n }\n\n if (typeof palette[color] === 'string') {\n return {\n ...accum,\n [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n };\n }\n\n return {\n ...accum,\n ...mapColor(palette[color], color),\n };\n }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string \| Color \| undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n const themeColor: Color \| undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n const [color, number] = String(themeColor).split('-');\n const shade = Number(number);\n\n if (shade) {\n if (shade > 500) {\n return getThemeColor(`${color}-100`);\n }\n if (shade === 500 && (color === 'red' \|\| color === 'blue' \|\| color === 'purple' \|\| color === 'green')) {\n return 'white';\n }\n\n return getThemeColor(`${color}-900`);\n }\n\n return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";;;~~AAEA~~,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,eAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QAAI,UAAU,QAAQ,UAAU,SAAS,UAAU,UAAU,UAAU,YAAY,UAAU,UAAU;AACnG,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;;;;"}
1	+ {"version":3,"file":"color.cjs","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["// oxlint-disable-next-line taco/no-cross-boundary-relative-imports\nimport themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n return Object.keys(palette).reduce((accum, color) => {\n if (color === 'current') {\n return accum;\n }\n\n if (typeof palette[color] === 'string') {\n return {\n ...accum,\n [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n };\n }\n\n return {\n ...accum,\n ...mapColor(palette[color], color),\n };\n }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string \| Color \| undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n const themeColor: Color \| undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n const [color, number] = String(themeColor).split('-');\n const shade = Number(number);\n\n if (shade) {\n if (shade > 500) {\n return getThemeColor(`${color}-100`);\n }\n if (shade === 500 && (color === 'red' \|\| color === 'blue' \|\| color === 'purple' \|\| color === 'green')) {\n return 'white';\n }\n\n return getThemeColor(`${color}-900`);\n }\n\n return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";;;AAGA,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,eAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QAAI,UAAU,QAAQ,UAAU,SAAS,UAAU,UAAU,UAAU,YAAY,UAAU,UAAU;AACnG,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;;;;"}

package/dist/charts/utils/color.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color.js","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["~~import~~ themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n return Object.keys(palette).reduce((accum, color) => {\n if (color === 'current') {\n return accum;\n }\n\n if (typeof palette[color] === 'string') {\n return {\n ...accum,\n [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n };\n }\n\n return {\n ...accum,\n ...mapColor(palette[color], color),\n };\n }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string \| Color \| undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n const themeColor: Color \| undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n const [color, number] = String(themeColor).split('-');\n const shade = Number(number);\n\n if (shade) {\n if (shade > 500) {\n return getThemeColor(`${color}-100`);\n }\n if (shade === 500 && (color === 'red' \|\| color === 'blue' \|\| color === 'purple' \|\| color === 'green')) {\n return 'white';\n }\n\n return getThemeColor(`${color}-900`);\n }\n\n return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";~~AAEA~~,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,YAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QAAI,UAAU,QAAQ,UAAU,SAAS,UAAU,UAAU,UAAU,YAAY,UAAU,UAAU;AACnG,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;"}
1	+ {"version":3,"file":"color.js","sources":["../../../src/charts/utils/color.ts"],"sourcesContent":["// oxlint-disable-next-line taco/no-cross-boundary-relative-imports\nimport themeColors from '../../../tailwind.colors.js';\n\nconst mapColor = (palette: any, prefix = ''): any => {\n return Object.keys(palette).reduce((accum, color) => {\n if (color === 'current') {\n return accum;\n }\n\n if (typeof palette[color] === 'string') {\n return {\n ...accum,\n [prefix ? (color === 'DEFAULT' ? prefix : `${prefix}-${color}`) : color]: palette[color],\n };\n }\n\n return {\n ...accum,\n ...mapColor(palette[color], color),\n };\n }, {});\n};\n\nexport const colors: Record<string, string> = mapColor(themeColors);\n\nexport type Color = keyof typeof colors;\n\nexport const getThemeColor = (color: string \| Color \| undefined, def = '') => colors[color ?? def];\n\nexport const getInverseThemeColor = (hexCode: string) => {\n const themeColor: Color \| undefined = Object.keys(colors)[Object.values(colors).indexOf(hexCode)];\n\n const [color, number] = String(themeColor).split('-');\n const shade = Number(number);\n\n if (shade) {\n if (shade > 500) {\n return getThemeColor(`${color}-100`);\n }\n if (shade === 500 && (color === 'red' \|\| color === 'blue' \|\| color === 'purple' \|\| color === 'green')) {\n return 'white';\n }\n\n return getThemeColor(`${color}-900`);\n }\n\n return color === 'black' ? 'white' : 'black';\n};\n"],"names":["themeColors"],"mappings":";AAGA,MAAM,WAAW,CAAC,SAAc,SAAS,OAAY;AACjD,SAAO,OAAO,KAAK,OAAO,EAAE,OAAO,CAAC,OAAO,UAAU;AACjD,QAAI,UAAU,WAAW;AACrB,aAAO;AAAA,IACX;AAEA,QAAI,OAAO,QAAQ,KAAK,MAAM,UAAU;AACpC,aAAO;AAAA,QACH,GAAG;AAAA,QACH,CAAC,SAAU,UAAU,YAAY,SAAS,GAAG,MAAM,IAAI,KAAK,KAAM,KAAK,GAAG,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE/F;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,IAAA;AAAA,EAEzC,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,SAAiC,SAASA,YAAW;AAI3D,MAAM,gBAAgB,CAAC,OAAmC,MAAM,OAAO,OAAO,SAAS,GAAG;AAE1F,MAAM,uBAAuB,CAAC,YAAoB;AACrD,QAAM,aAAgC,OAAO,KAAK,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,CAAC;AAEhG,QAAM,CAAC,OAAO,MAAM,IAAI,OAAO,UAAU,EAAE,MAAM,GAAG;AACpD,QAAM,QAAQ,OAAO,MAAM;AAE3B,MAAI,OAAO;AACP,QAAI,QAAQ,KAAK;AACb,aAAO,cAAc,GAAG,KAAK,MAAM;AAAA,IACvC;AACA,QAAI,UAAU,QAAQ,UAAU,SAAS,UAAU,UAAU,UAAU,YAAY,UAAU,UAAU;AACnG,aAAO;AAAA,IACX;AAEA,WAAO,cAAc,GAAG,KAAK,MAAM;AAAA,EACvC;AAEA,SAAO,UAAU,UAAU,UAAU;AACzC;"}

package/dist/charts/utils/common.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.cjs","sources":["../../../src/charts/utils/common.tsx"],"sourcesContent":["import type { AxisInterval } from 'recharts/types/util/types';\n\nimport type { CartesianChartProps } from '~~../~~components/types';\n\nexport function getAxisProps<TData extends object>(axis: 'x' \| 'y', props: CartesianChartProps<TData>, inverted = false) {\n const { showXAxis = true, showYAxis = false } = props;\n const isYAxis = axis === 'y';\n\n let hide = isYAxis ? !showYAxis : !showXAxis;\n let dataKey = isYAxis ? undefined : (props.dataKey as string);\n let minTickGap = 5;\n let type;\n\n if (inverted) {\n dataKey = isYAxis ? (props.dataKey as string) : undefined;\n hide = isYAxis ? !showXAxis : !showYAxis;\n // this ensures all y axis labels are shown in horizontal mode when no height is set\n minTickGap = isYAxis ? 1 : minTickGap;\n type = (isYAxis ? 'category' : 'number') as any;\n }\n\n return {\n axisLine: false,\n dataKey,\n fontSize: 11,\n hide,\n interval: 'preserveStartEnd' as AxisInterval,\n minTickGap,\n scale: isYAxis ? props.yAxisScale : props.xAxisScale,\n tickLine: false,\n tickMargin: axis === 'y' ? 2 : 6,\n tickFormatter: isYAxis ? props.yAxisTickFormatter : props.xAxisTickFormatter,\n type,\n width: (isYAxis ? props.yAxisWidth : undefined) ?? 55,\n };\n}\n\nexport function stripCartesianProps<TProps extends CartesianChartProps<any>>(props: TProps): TProps {\n const {\n dataKey: _1,\n showXAxis: _2,\n showYAxis: _3,\n xAxisScale: _4,\n xAxisTickFormatter: _5,\n yAxisScale: _6,\n yAxisTickFormatter: _7,\n yAxisWidth: _8,\n ...otherProps\n } = props;\n\n return otherProps as TProps;\n}\n"],"names":[],"mappings":";;AAIO,SAAS,aAAmC,MAAiB,OAAmC,WAAW,OAAO;AACrH,QAAM,EAAE,YAAY,MAAM,YAAY,UAAU;AAChD,QAAM,UAAU,SAAS;AAEzB,MAAI,OAAO,UAAU,CAAC,YAAY,CAAC;AACnC,MAAI,UAAU,UAAU,SAAa,MAAM;AAC3C,MAAI,aAAa;AACjB,MAAI;AAEJ,MAAI,UAAU;AACV,cAAU,UAAW,MAAM,UAAqB;AAChD,WAAO,UAAU,CAAC,YAAY,CAAC;AAE/B,iBAAa,UAAU,IAAI;AAC3B,WAAQ,UAAU,aAAa;AAAA,EACnC;AAEA,SAAO;AAAA,IACH,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO,UAAU,MAAM,aAAa,MAAM;AAAA,IAC1C,UAAU;AAAA,IACV,YAAY,SAAS,MAAM,IAAI;AAAA,IAC/B,eAAe,UAAU,MAAM,qBAAqB,MAAM;AAAA,IAC1D;AAAA,IACA,QAAQ,UAAU,MAAM,aAAa,WAAc;AAAA,EAAA;AAE3D;AAEO,SAAS,oBAA6D,OAAuB;AAChG,QAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA,IACH;AAEJ,SAAO;AACX;;;"}
1	+ {"version":3,"file":"common.cjs","sources":["../../../src/charts/utils/common.tsx"],"sourcesContent":["import type { AxisInterval } from 'recharts/types/util/types';\n\nimport type { CartesianChartProps } from '@/charts/components/types';\n\nexport function getAxisProps<TData extends object>(axis: 'x' \| 'y', props: CartesianChartProps<TData>, inverted = false) {\n const { showXAxis = true, showYAxis = false } = props;\n const isYAxis = axis === 'y';\n\n let hide = isYAxis ? !showYAxis : !showXAxis;\n let dataKey = isYAxis ? undefined : (props.dataKey as string);\n let minTickGap = 5;\n let type;\n\n if (inverted) {\n dataKey = isYAxis ? (props.dataKey as string) : undefined;\n hide = isYAxis ? !showXAxis : !showYAxis;\n // this ensures all y axis labels are shown in horizontal mode when no height is set\n minTickGap = isYAxis ? 1 : minTickGap;\n type = (isYAxis ? 'category' : 'number') as any;\n }\n\n return {\n axisLine: false,\n dataKey,\n fontSize: 11,\n hide,\n interval: 'preserveStartEnd' as AxisInterval,\n minTickGap,\n scale: isYAxis ? props.yAxisScale : props.xAxisScale,\n tickLine: false,\n tickMargin: axis === 'y' ? 2 : 6,\n tickFormatter: isYAxis ? props.yAxisTickFormatter : props.xAxisTickFormatter,\n type,\n width: (isYAxis ? props.yAxisWidth : undefined) ?? 55,\n };\n}\n\nexport function stripCartesianProps<TProps extends CartesianChartProps<any>>(props: TProps): TProps {\n const {\n dataKey: _1,\n showXAxis: _2,\n showYAxis: _3,\n xAxisScale: _4,\n xAxisTickFormatter: _5,\n yAxisScale: _6,\n yAxisTickFormatter: _7,\n yAxisWidth: _8,\n ...otherProps\n } = props;\n\n return otherProps as TProps;\n}\n"],"names":[],"mappings":";;AAIO,SAAS,aAAmC,MAAiB,OAAmC,WAAW,OAAO;AACrH,QAAM,EAAE,YAAY,MAAM,YAAY,UAAU;AAChD,QAAM,UAAU,SAAS;AAEzB,MAAI,OAAO,UAAU,CAAC,YAAY,CAAC;AACnC,MAAI,UAAU,UAAU,SAAa,MAAM;AAC3C,MAAI,aAAa;AACjB,MAAI;AAEJ,MAAI,UAAU;AACV,cAAU,UAAW,MAAM,UAAqB;AAChD,WAAO,UAAU,CAAC,YAAY,CAAC;AAE/B,iBAAa,UAAU,IAAI;AAC3B,WAAQ,UAAU,aAAa;AAAA,EACnC;AAEA,SAAO;AAAA,IACH,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO,UAAU,MAAM,aAAa,MAAM;AAAA,IAC1C,UAAU;AAAA,IACV,YAAY,SAAS,MAAM,IAAI;AAAA,IAC/B,eAAe,UAAU,MAAM,qBAAqB,MAAM;AAAA,IAC1D;AAAA,IACA,QAAQ,UAAU,MAAM,aAAa,WAAc;AAAA,EAAA;AAE3D;AAEO,SAAS,oBAA6D,OAAuB;AAChG,QAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA,IACH;AAEJ,SAAO;AACX;;;"}

package/dist/charts/utils/common.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export declare function getAxisProps<TData extends object>(axis: 'x' | 'y', prop
     scale: Function | import('recharts/types/util/types').ScaleType | undefined;
     tickLine: boolean;
     tickMargin: number;
-    tickFormatter: import('..').TickFormatter | undefined;
+    tickFormatter: import('../components/types').TickFormatter | undefined;
     type: any;
     width: number;
 };

package/dist/charts/utils/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.js","sources":["../../../src/charts/utils/common.tsx"],"sourcesContent":["import type { AxisInterval } from 'recharts/types/util/types';\n\nimport type { CartesianChartProps } from '~~../~~components/types';\n\nexport function getAxisProps<TData extends object>(axis: 'x' \| 'y', props: CartesianChartProps<TData>, inverted = false) {\n const { showXAxis = true, showYAxis = false } = props;\n const isYAxis = axis === 'y';\n\n let hide = isYAxis ? !showYAxis : !showXAxis;\n let dataKey = isYAxis ? undefined : (props.dataKey as string);\n let minTickGap = 5;\n let type;\n\n if (inverted) {\n dataKey = isYAxis ? (props.dataKey as string) : undefined;\n hide = isYAxis ? !showXAxis : !showYAxis;\n // this ensures all y axis labels are shown in horizontal mode when no height is set\n minTickGap = isYAxis ? 1 : minTickGap;\n type = (isYAxis ? 'category' : 'number') as any;\n }\n\n return {\n axisLine: false,\n dataKey,\n fontSize: 11,\n hide,\n interval: 'preserveStartEnd' as AxisInterval,\n minTickGap,\n scale: isYAxis ? props.yAxisScale : props.xAxisScale,\n tickLine: false,\n tickMargin: axis === 'y' ? 2 : 6,\n tickFormatter: isYAxis ? props.yAxisTickFormatter : props.xAxisTickFormatter,\n type,\n width: (isYAxis ? props.yAxisWidth : undefined) ?? 55,\n };\n}\n\nexport function stripCartesianProps<TProps extends CartesianChartProps<any>>(props: TProps): TProps {\n const {\n dataKey: _1,\n showXAxis: _2,\n showYAxis: _3,\n xAxisScale: _4,\n xAxisTickFormatter: _5,\n yAxisScale: _6,\n yAxisTickFormatter: _7,\n yAxisWidth: _8,\n ...otherProps\n } = props;\n\n return otherProps as TProps;\n}\n"],"names":[],"mappings":"AAIO,SAAS,aAAmC,MAAiB,OAAmC,WAAW,OAAO;AACrH,QAAM,EAAE,YAAY,MAAM,YAAY,UAAU;AAChD,QAAM,UAAU,SAAS;AAEzB,MAAI,OAAO,UAAU,CAAC,YAAY,CAAC;AACnC,MAAI,UAAU,UAAU,SAAa,MAAM;AAC3C,MAAI,aAAa;AACjB,MAAI;AAEJ,MAAI,UAAU;AACV,cAAU,UAAW,MAAM,UAAqB;AAChD,WAAO,UAAU,CAAC,YAAY,CAAC;AAE/B,iBAAa,UAAU,IAAI;AAC3B,WAAQ,UAAU,aAAa;AAAA,EACnC;AAEA,SAAO;AAAA,IACH,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO,UAAU,MAAM,aAAa,MAAM;AAAA,IAC1C,UAAU;AAAA,IACV,YAAY,SAAS,MAAM,IAAI;AAAA,IAC/B,eAAe,UAAU,MAAM,qBAAqB,MAAM;AAAA,IAC1D;AAAA,IACA,QAAQ,UAAU,MAAM,aAAa,WAAc;AAAA,EAAA;AAE3D;AAEO,SAAS,oBAA6D,OAAuB;AAChG,QAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA,IACH;AAEJ,SAAO;AACX;"}
1	+ {"version":3,"file":"common.js","sources":["../../../src/charts/utils/common.tsx"],"sourcesContent":["import type { AxisInterval } from 'recharts/types/util/types';\n\nimport type { CartesianChartProps } from '@/charts/components/types';\n\nexport function getAxisProps<TData extends object>(axis: 'x' \| 'y', props: CartesianChartProps<TData>, inverted = false) {\n const { showXAxis = true, showYAxis = false } = props;\n const isYAxis = axis === 'y';\n\n let hide = isYAxis ? !showYAxis : !showXAxis;\n let dataKey = isYAxis ? undefined : (props.dataKey as string);\n let minTickGap = 5;\n let type;\n\n if (inverted) {\n dataKey = isYAxis ? (props.dataKey as string) : undefined;\n hide = isYAxis ? !showXAxis : !showYAxis;\n // this ensures all y axis labels are shown in horizontal mode when no height is set\n minTickGap = isYAxis ? 1 : minTickGap;\n type = (isYAxis ? 'category' : 'number') as any;\n }\n\n return {\n axisLine: false,\n dataKey,\n fontSize: 11,\n hide,\n interval: 'preserveStartEnd' as AxisInterval,\n minTickGap,\n scale: isYAxis ? props.yAxisScale : props.xAxisScale,\n tickLine: false,\n tickMargin: axis === 'y' ? 2 : 6,\n tickFormatter: isYAxis ? props.yAxisTickFormatter : props.xAxisTickFormatter,\n type,\n width: (isYAxis ? props.yAxisWidth : undefined) ?? 55,\n };\n}\n\nexport function stripCartesianProps<TProps extends CartesianChartProps<any>>(props: TProps): TProps {\n const {\n dataKey: _1,\n showXAxis: _2,\n showYAxis: _3,\n xAxisScale: _4,\n xAxisTickFormatter: _5,\n yAxisScale: _6,\n yAxisTickFormatter: _7,\n yAxisWidth: _8,\n ...otherProps\n } = props;\n\n return otherProps as TProps;\n}\n"],"names":[],"mappings":"AAIO,SAAS,aAAmC,MAAiB,OAAmC,WAAW,OAAO;AACrH,QAAM,EAAE,YAAY,MAAM,YAAY,UAAU;AAChD,QAAM,UAAU,SAAS;AAEzB,MAAI,OAAO,UAAU,CAAC,YAAY,CAAC;AACnC,MAAI,UAAU,UAAU,SAAa,MAAM;AAC3C,MAAI,aAAa;AACjB,MAAI;AAEJ,MAAI,UAAU;AACV,cAAU,UAAW,MAAM,UAAqB;AAChD,WAAO,UAAU,CAAC,YAAY,CAAC;AAE/B,iBAAa,UAAU,IAAI;AAC3B,WAAQ,UAAU,aAAa;AAAA,EACnC;AAEA,SAAO;AAAA,IACH,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO,UAAU,MAAM,aAAa,MAAM;AAAA,IAC1C,UAAU;AAAA,IACV,YAAY,SAAS,MAAM,IAAI;AAAA,IAC/B,eAAe,UAAU,MAAM,qBAAqB,MAAM;AAAA,IAC1D;AAAA,IACA,QAAQ,UAAU,MAAM,aAAa,WAAc;AAAA,EAAA;AAE3D;AAEO,SAAS,oBAA6D,OAAuB;AAChG,QAAM;AAAA,IACF,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA,IACH;AAEJ,SAAO;AACX;"}

package/dist/components/Accordion/Accordion.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport ~~type~~ { ~~Either~~ } from '~~../../types~~';\nimport { ~~Icon~~ } from '~~../Icon/Icon~~';\n\ntype AccordionContext = {\n headingLevel: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n};\nconst AccordionContext = React.createContext<AccordionContext>({\n headingLevel: 'h2',\n});\n\n// trigger\nexport type AccordionTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n children: React.ReactNode;\n};\n\nconst Trigger = React.forwardRef(function AccordionTrigger(props: AccordionTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n const { headingLevel } = React.useContext(AccordionContext);\n const className = cn(\n 'group inline-flex w-full items-center justify-between align-middle focus-within:yt-focus focus:rounded-sm',\n props.className\n );\n\n return (\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n <AccordionPrimitive.Header className=\"my-3\" render={React.createElement(headingLevel)}>\n <AccordionPrimitive.Trigger\n {...props}\n className={className}\n data-taco=\"accordion-trigger\"\n ref={ref}\n // Force `tabIndex={-1}` on disabled triggers to skip them from tab order (matching prior legacy behavior)\n render={(triggerProps, state) => (\n <button {...triggerProps} tabIndex={state.disabled ? -1 : triggerProps.tabIndex} />\n )}>\n {props.children}\n <Icon name=\"chevron-down\" aria-hidden className=\"group-aria-expanded:rotate-180\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n );\n});\n\n// content\nexport type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Content = React.forwardRef(function AccordionContent(props: AccordionContentProps, ref: React.Ref<HTMLDivElement>) {\n return (\n <AccordionPrimitive.Panel\n {...props}\n // `keepMounted` leaves closed panels in the DOM, so we hide them ourselves with using of 'data-[closed]:hidden'\n className={cn('data-[closed]:hidden', props.className)}\n data-taco=\"accordion-panel\"\n keepMounted\n ref={ref}\n />\n );\n});\n\n// item\nexport type AccordionItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n disabled?: boolean;\n id: string;\n};\n\nconst Item = React.forwardRef(function AccordionItem(props: AccordionItemProps, ref: React.Ref<HTMLDivElement>) {\n const { disabled, id, ...otherProps } = props;\n const itemClassName = cn('group data-[disabled]:opacity-50', props.className);\n\n // `value={id}` maps our public `id` to Base UI's item identity; without it the id-based open state can't match\n return <AccordionPrimitive.Item {...otherProps} className={itemClassName} disabled={disabled} ref={ref} value={id} />;\n});\n\n// accordion\nexport type AccordionBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id' \| 'onChange' \| 'defaultValue'> & {\n children: React.ReactNode;\n /*\n Change what heading element accordion regions will render\n * @default h2\n /\n as?: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n /* Additional classes for Accordion root element /\n className?: string;\n disabled?: boolean;\n};\n\nexport type AccordionProps = AccordionBaseProps &\n Either<\n // controlled\n {\n /* Expanded accordions (controlled) /\n id: string \| string[];\n /* Handler called when the expanded state changes (controlled) /\n onChange: ((id: string) => void) \| ((id: string[]) => void);\n },\n // uncontrolled\n {\n /* Expanded accordions (uncontrolled) */\n defaultId?: string \| string[];\n }\n >;\n\nexport function Accordion(props: AccordionProps) {\n const { disabled, id, defaultId, onChange, as: headingLevel = 'h2', ...otherProps } = props;\n const context = React.useMemo(() => ({ headingLevel }), [headingLevel]);\n\n const isMultiple = Array.isArray(id) \|\| Array.isArray(defaultId);\n\n let value: string[] \| undefined;\n let defaultValue: string[] \| undefined;\n let handleValueChange: ((value: any[]) => void) \| undefined;\n\n // controlled or uncontrolled\n if (onChange) {\n // Wrap in an array; empty state must be `[]` not `undefined`, else Base UI's Root goes uncontrolled and throws on `value[0]`.\n value = id === undefined ? [] : typeof id === 'string' ? [id] : id;\n handleValueChange = (next: any[]) => {\n const items = next.map(String);\n\n // We need typecasting to bypass TS error because the way TS handles function overload\n // https://github.com/microsoft/TypeScript/issues/14107\n if (isMultiple) {\n (onChange as (ids: string[]) => void)(items);\n } else {\n (onChange as (id: string \| undefined) => void)(items[0]);\n }\n };\n } else {\n defaultValue = typeof defaultId === 'string' ? [defaultId] : defaultId;\n }\n\n return (\n <AccordionContext.Provider value={context}>\n <AccordionPrimitive.Root\n {...otherProps}\n className={cn('divide-y divide-gray-200', props.className)}\n data-taco=\"accordion\"\n defaultValue={defaultValue}\n disabled={disabled}\n multiple={isMultiple}\n onValueChange={handleValueChange}\n value={value}\n />\n </AccordionContext.Provider>\n );\n}\n\nAccordion.Item = Item;\nAccordion.Trigger = Trigger;\nAccordion.Content = Content;\n"],"names":["AccordionPrimitive","Icon"],"mappings":";;;;;;AAUA,MAAM,mBAAmB,MAAM,cAAgC;AAAA,EAC3D,cAAc;AAClB,CAAC;AAOD,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,aAAA,IAAiB,MAAM,WAAW,gBAAgB;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV;AAAA;AAAA,IAEI,sBAAA,cAACA,UAAAA,UAAmB,QAAnB,EAA0B,WAAU,QAAO,QAAQ,MAAM,cAAc,YAAY,EAAA,GAChF,sBAAA;AAAA,MAACA,UAAAA,UAAmB;AAAA,MAAnB;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,aAAU;AAAA,QACV;AAAA,QAEA,QAAQ,CAAC,cAAc,UACnB,sBAAA,cAAC,UAAA,EAAQ,GAAG,cAAc,UAAU,MAAM,WAAW,KAAK,aAAa,SAAA,CAAU;AAAA,MAAA;AAAA,MAEpF,MAAM;AAAA,0CACNC,KAAAA,MAAA,EAAK,MAAK,gBAAe,eAAW,MAAC,WAAU,iCAAA,CAAiC;AAAA,IAAA,CAEzF;AAAA;AAER,CAAC;AAKD,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AACrH,SACI,sBAAA;AAAA,IAACD,UAAAA,UAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MAEJ,WAAW,GAAG,wBAAwB,MAAM,SAAS;AAAA,MACrD,aAAU;AAAA,MACV,aAAW;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAQD,MAAM,OAAO,MAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC5G,QAAM,EAAE,UAAU,IAAI,GAAG,eAAe;AACxC,QAAM,gBAAgB,GAAG,oCAAoC,MAAM,SAAS;AAG5E,SAAO,sBAAA,cAACA,oBAAmB,MAAnB,EAAyB,GAAG,YAAY,WAAW,eAAe,UAAoB,KAAU,OAAO,GAAA,CAAI;AACvH,CAAC;AA+BM,SAAS,UAAU,OAAuB;AAC7C,QAAM,EAAE,UAAU,IAAI,WAAW,UAAU,IAAI,eAAe,MAAM,GAAG,WAAA,IAAe;AACtF,QAAM,UAAU,MAAM,QAAQ,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAAC;AAEtE,QAAM,aAAa,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,SAAS;AAE/D,MAAI;AACJ,MAAI;AACJ,MAAI;AAGJ,MAAI,UAAU;AAEV,YAAQ,OAAO,SAAY,CAAA,IAAK,OAAO,OAAO,WAAW,CAAC,EAAE,IAAI;AAChE,wBAAoB,CAAC,SAAgB;AACjC,YAAM,QAAQ,KAAK,IAAI,MAAM;AAI7B,UAAI,YAAY;AACX,iBAAqC,KAAK;AAAA,MAC/C,OAAO;AACF,iBAA8C,MAAM,CAAC,CAAC;AAAA,MAC3D;AAAA,IACJ;AAAA,EACJ,OAAO;AACH,mBAAe,OAAO,cAAc,WAAW,CAAC,SAAS,IAAI;AAAA,EACjE;AAEA,SACI,sBAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,WAC9B,sBAAA;AAAA,IAACA,UAAAA,UAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,4BAA4B,MAAM,SAAS;AAAA,MACzD,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA,CAER;AAER;AAEA,UAAU,OAAO;AACjB,UAAU,UAAU;AACpB,UAAU,UAAU;;"}
1	+ {"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Icon } from '@/components';\nimport type { Either } from '@/types';\n\ntype AccordionContext = {\n headingLevel: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n};\nconst AccordionContext = React.createContext<AccordionContext>({\n headingLevel: 'h2',\n});\n\n// trigger\nexport type AccordionTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n children: React.ReactNode;\n};\n\nconst Trigger = React.forwardRef(function AccordionTrigger(props: AccordionTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n const { headingLevel } = React.useContext(AccordionContext);\n const className = cn(\n 'group inline-flex w-full items-center justify-between align-middle focus-within:yt-focus focus:rounded-sm',\n props.className\n );\n\n return (\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n <AccordionPrimitive.Header className=\"my-3\" render={React.createElement(headingLevel)}>\n <AccordionPrimitive.Trigger\n {...props}\n className={className}\n data-taco=\"accordion-trigger\"\n ref={ref}\n // Force `tabIndex={-1}` on disabled triggers to skip them from tab order (matching prior legacy behavior)\n render={(triggerProps, state) => (\n <button {...triggerProps} tabIndex={state.disabled ? -1 : triggerProps.tabIndex} />\n )}>\n {props.children}\n <Icon name=\"chevron-down\" aria-hidden className=\"group-aria-expanded:rotate-180\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n );\n});\n\n// content\nexport type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Content = React.forwardRef(function AccordionContent(props: AccordionContentProps, ref: React.Ref<HTMLDivElement>) {\n return (\n <AccordionPrimitive.Panel\n {...props}\n // `keepMounted` leaves closed panels in the DOM, so we hide them ourselves with using of 'data-[closed]:hidden'\n className={cn('data-[closed]:hidden', props.className)}\n data-taco=\"accordion-panel\"\n keepMounted\n ref={ref}\n />\n );\n});\n\n// item\nexport type AccordionItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n disabled?: boolean;\n id: string;\n};\n\nconst Item = React.forwardRef(function AccordionItem(props: AccordionItemProps, ref: React.Ref<HTMLDivElement>) {\n const { disabled, id, ...otherProps } = props;\n const itemClassName = cn('group data-[disabled]:opacity-50', props.className);\n\n // `value={id}` maps our public `id` to Base UI's item identity; without it the id-based open state can't match\n return <AccordionPrimitive.Item {...otherProps} className={itemClassName} disabled={disabled} ref={ref} value={id} />;\n});\n\n// accordion\nexport type AccordionBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id' \| 'onChange' \| 'defaultValue'> & {\n children: React.ReactNode;\n /*\n Change what heading element accordion regions will render\n * @default h2\n /\n as?: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n /* Additional classes for Accordion root element /\n className?: string;\n disabled?: boolean;\n};\n\nexport type AccordionProps = AccordionBaseProps &\n Either<\n // controlled\n {\n /* Expanded accordions (controlled) /\n id: string \| string[];\n /* Handler called when the expanded state changes (controlled) /\n onChange: ((id: string) => void) \| ((id: string[]) => void);\n },\n // uncontrolled\n {\n /* Expanded accordions (uncontrolled) */\n defaultId?: string \| string[];\n }\n >;\n\nexport function Accordion(props: AccordionProps) {\n const { disabled, id, defaultId, onChange, as: headingLevel = 'h2', ...otherProps } = props;\n const context = React.useMemo(() => ({ headingLevel }), [headingLevel]);\n\n const isMultiple = Array.isArray(id) \|\| Array.isArray(defaultId);\n\n let value: string[] \| undefined;\n let defaultValue: string[] \| undefined;\n let handleValueChange: ((value: any[]) => void) \| undefined;\n\n // controlled or uncontrolled\n if (onChange) {\n // Wrap in an array; empty state must be `[]` not `undefined`, else Base UI's Root goes uncontrolled and throws on `value[0]`.\n value = id === undefined ? [] : typeof id === 'string' ? [id] : id;\n handleValueChange = (next: any[]) => {\n const items = next.map(String);\n\n // We need typecasting to bypass TS error because the way TS handles function overload\n // https://github.com/microsoft/TypeScript/issues/14107\n if (isMultiple) {\n (onChange as (ids: string[]) => void)(items);\n } else {\n (onChange as (id: string \| undefined) => void)(items[0]);\n }\n };\n } else {\n defaultValue = typeof defaultId === 'string' ? [defaultId] : defaultId;\n }\n\n return (\n <AccordionContext.Provider value={context}>\n <AccordionPrimitive.Root\n {...otherProps}\n className={cn('divide-y divide-gray-200', props.className)}\n data-taco=\"accordion\"\n defaultValue={defaultValue}\n disabled={disabled}\n multiple={isMultiple}\n onValueChange={handleValueChange}\n value={value}\n />\n </AccordionContext.Provider>\n );\n}\n\nAccordion.Item = Item;\nAccordion.Trigger = Trigger;\nAccordion.Content = Content;\n"],"names":["AccordionPrimitive","Icon"],"mappings":";;;;;;AAUA,MAAM,mBAAmB,MAAM,cAAgC;AAAA,EAC3D,cAAc;AAClB,CAAC;AAOD,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,aAAA,IAAiB,MAAM,WAAW,gBAAgB;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV;AAAA;AAAA,IAEI,sBAAA,cAACA,UAAAA,UAAmB,QAAnB,EAA0B,WAAU,QAAO,QAAQ,MAAM,cAAc,YAAY,EAAA,GAChF,sBAAA;AAAA,MAACA,UAAAA,UAAmB;AAAA,MAAnB;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,aAAU;AAAA,QACV;AAAA,QAEA,QAAQ,CAAC,cAAc,UACnB,sBAAA,cAAC,UAAA,EAAQ,GAAG,cAAc,UAAU,MAAM,WAAW,KAAK,aAAa,SAAA,CAAU;AAAA,MAAA;AAAA,MAEpF,MAAM;AAAA,0CACNC,KAAAA,MAAA,EAAK,MAAK,gBAAe,eAAW,MAAC,WAAU,iCAAA,CAAiC;AAAA,IAAA,CAEzF;AAAA;AAER,CAAC;AAKD,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AACrH,SACI,sBAAA;AAAA,IAACD,UAAAA,UAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MAEJ,WAAW,GAAG,wBAAwB,MAAM,SAAS;AAAA,MACrD,aAAU;AAAA,MACV,aAAW;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAQD,MAAM,OAAO,MAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC5G,QAAM,EAAE,UAAU,IAAI,GAAG,eAAe;AACxC,QAAM,gBAAgB,GAAG,oCAAoC,MAAM,SAAS;AAG5E,SAAO,sBAAA,cAACA,oBAAmB,MAAnB,EAAyB,GAAG,YAAY,WAAW,eAAe,UAAoB,KAAU,OAAO,GAAA,CAAI;AACvH,CAAC;AA+BM,SAAS,UAAU,OAAuB;AAC7C,QAAM,EAAE,UAAU,IAAI,WAAW,UAAU,IAAI,eAAe,MAAM,GAAG,WAAA,IAAe;AACtF,QAAM,UAAU,MAAM,QAAQ,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAAC;AAEtE,QAAM,aAAa,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,SAAS;AAE/D,MAAI;AACJ,MAAI;AACJ,MAAI;AAGJ,MAAI,UAAU;AAEV,YAAQ,OAAO,SAAY,CAAA,IAAK,OAAO,OAAO,WAAW,CAAC,EAAE,IAAI;AAChE,wBAAoB,CAAC,SAAgB;AACjC,YAAM,QAAQ,KAAK,IAAI,MAAM;AAI7B,UAAI,YAAY;AACX,iBAAqC,KAAK;AAAA,MAC/C,OAAO;AACF,iBAA8C,MAAM,CAAC,CAAC;AAAA,MAC3D;AAAA,IACJ;AAAA,EACJ,OAAO;AACH,mBAAe,OAAO,cAAc,WAAW,CAAC,SAAS,IAAI;AAAA,EACjE;AAEA,SACI,sBAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,WAC9B,sBAAA;AAAA,IAACA,UAAAA,UAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,4BAA4B,MAAM,SAAS;AAAA,MACzD,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA,CAER;AAER;AAEA,UAAU,OAAO;AACjB,UAAU,UAAU;AACpB,UAAU,UAAU;;"}

package/dist/components/Accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport ~~type~~ { ~~Either~~ } from '~~../../types~~';\nimport { ~~Icon~~ } from '~~../Icon/Icon~~';\n\ntype AccordionContext = {\n headingLevel: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n};\nconst AccordionContext = React.createContext<AccordionContext>({\n headingLevel: 'h2',\n});\n\n// trigger\nexport type AccordionTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n children: React.ReactNode;\n};\n\nconst Trigger = React.forwardRef(function AccordionTrigger(props: AccordionTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n const { headingLevel } = React.useContext(AccordionContext);\n const className = cn(\n 'group inline-flex w-full items-center justify-between align-middle focus-within:yt-focus focus:rounded-sm',\n props.className\n );\n\n return (\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n <AccordionPrimitive.Header className=\"my-3\" render={React.createElement(headingLevel)}>\n <AccordionPrimitive.Trigger\n {...props}\n className={className}\n data-taco=\"accordion-trigger\"\n ref={ref}\n // Force `tabIndex={-1}` on disabled triggers to skip them from tab order (matching prior legacy behavior)\n render={(triggerProps, state) => (\n <button {...triggerProps} tabIndex={state.disabled ? -1 : triggerProps.tabIndex} />\n )}>\n {props.children}\n <Icon name=\"chevron-down\" aria-hidden className=\"group-aria-expanded:rotate-180\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n );\n});\n\n// content\nexport type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Content = React.forwardRef(function AccordionContent(props: AccordionContentProps, ref: React.Ref<HTMLDivElement>) {\n return (\n <AccordionPrimitive.Panel\n {...props}\n // `keepMounted` leaves closed panels in the DOM, so we hide them ourselves with using of 'data-[closed]:hidden'\n className={cn('data-[closed]:hidden', props.className)}\n data-taco=\"accordion-panel\"\n keepMounted\n ref={ref}\n />\n );\n});\n\n// item\nexport type AccordionItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n disabled?: boolean;\n id: string;\n};\n\nconst Item = React.forwardRef(function AccordionItem(props: AccordionItemProps, ref: React.Ref<HTMLDivElement>) {\n const { disabled, id, ...otherProps } = props;\n const itemClassName = cn('group data-[disabled]:opacity-50', props.className);\n\n // `value={id}` maps our public `id` to Base UI's item identity; without it the id-based open state can't match\n return <AccordionPrimitive.Item {...otherProps} className={itemClassName} disabled={disabled} ref={ref} value={id} />;\n});\n\n// accordion\nexport type AccordionBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id' \| 'onChange' \| 'defaultValue'> & {\n children: React.ReactNode;\n /*\n Change what heading element accordion regions will render\n * @default h2\n /\n as?: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n /* Additional classes for Accordion root element /\n className?: string;\n disabled?: boolean;\n};\n\nexport type AccordionProps = AccordionBaseProps &\n Either<\n // controlled\n {\n /* Expanded accordions (controlled) /\n id: string \| string[];\n /* Handler called when the expanded state changes (controlled) /\n onChange: ((id: string) => void) \| ((id: string[]) => void);\n },\n // uncontrolled\n {\n /* Expanded accordions (uncontrolled) */\n defaultId?: string \| string[];\n }\n >;\n\nexport function Accordion(props: AccordionProps) {\n const { disabled, id, defaultId, onChange, as: headingLevel = 'h2', ...otherProps } = props;\n const context = React.useMemo(() => ({ headingLevel }), [headingLevel]);\n\n const isMultiple = Array.isArray(id) \|\| Array.isArray(defaultId);\n\n let value: string[] \| undefined;\n let defaultValue: string[] \| undefined;\n let handleValueChange: ((value: any[]) => void) \| undefined;\n\n // controlled or uncontrolled\n if (onChange) {\n // Wrap in an array; empty state must be `[]` not `undefined`, else Base UI's Root goes uncontrolled and throws on `value[0]`.\n value = id === undefined ? [] : typeof id === 'string' ? [id] : id;\n handleValueChange = (next: any[]) => {\n const items = next.map(String);\n\n // We need typecasting to bypass TS error because the way TS handles function overload\n // https://github.com/microsoft/TypeScript/issues/14107\n if (isMultiple) {\n (onChange as (ids: string[]) => void)(items);\n } else {\n (onChange as (id: string \| undefined) => void)(items[0]);\n }\n };\n } else {\n defaultValue = typeof defaultId === 'string' ? [defaultId] : defaultId;\n }\n\n return (\n <AccordionContext.Provider value={context}>\n <AccordionPrimitive.Root\n {...otherProps}\n className={cn('divide-y divide-gray-200', props.className)}\n data-taco=\"accordion\"\n defaultValue={defaultValue}\n disabled={disabled}\n multiple={isMultiple}\n onValueChange={handleValueChange}\n value={value}\n />\n </AccordionContext.Provider>\n );\n}\n\nAccordion.Item = Item;\nAccordion.Trigger = Trigger;\nAccordion.Content = Content;\n"],"names":["React","AccordionPrimitive"],"mappings":";;;;AAUA,MAAM,mBAAmBA,eAAM,cAAgC;AAAA,EAC3D,cAAc;AAClB,CAAC;AAOD,MAAM,UAAUA,eAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,aAAA,IAAiBA,eAAM,WAAW,gBAAgB;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV;AAAA;AAAA,IAEIA,+BAAA,cAACC,YAAmB,QAAnB,EAA0B,WAAU,QAAO,QAAQD,eAAM,cAAc,YAAY,EAAA,GAChFA,+BAAA;AAAA,MAACC,YAAmB;AAAA,MAAnB;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,aAAU;AAAA,QACV;AAAA,QAEA,QAAQ,CAAC,cAAc,UACnBD,+BAAA,cAAC,UAAA,EAAQ,GAAG,cAAc,UAAU,MAAM,WAAW,KAAK,aAAa,SAAA,CAAU;AAAA,MAAA;AAAA,MAEpF,MAAM;AAAA,mDACN,MAAA,EAAK,MAAK,gBAAe,eAAW,MAAC,WAAU,iCAAA,CAAiC;AAAA,IAAA,CAEzF;AAAA;AAER,CAAC;AAKD,MAAM,UAAUA,eAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AACrH,SACIA,+BAAA;AAAA,IAACC,YAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MAEJ,WAAW,GAAG,wBAAwB,MAAM,SAAS;AAAA,MACrD,aAAU;AAAA,MACV,aAAW;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAQD,MAAM,OAAOD,eAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC5G,QAAM,EAAE,UAAU,IAAI,GAAG,eAAe;AACxC,QAAM,gBAAgB,GAAG,oCAAoC,MAAM,SAAS;AAG5E,SAAOA,+BAAA,cAACC,YAAmB,MAAnB,EAAyB,GAAG,YAAY,WAAW,eAAe,UAAoB,KAAU,OAAO,GAAA,CAAI;AACvH,CAAC;AA+BM,SAAS,UAAU,OAAuB;AAC7C,QAAM,EAAE,UAAU,IAAI,WAAW,UAAU,IAAI,eAAe,MAAM,GAAG,WAAA,IAAe;AACtF,QAAM,UAAUD,eAAM,QAAQ,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAAC;AAEtE,QAAM,aAAa,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,SAAS;AAE/D,MAAI;AACJ,MAAI;AACJ,MAAI;AAGJ,MAAI,UAAU;AAEV,YAAQ,OAAO,SAAY,CAAA,IAAK,OAAO,OAAO,WAAW,CAAC,EAAE,IAAI;AAChE,wBAAoB,CAAC,SAAgB;AACjC,YAAM,QAAQ,KAAK,IAAI,MAAM;AAI7B,UAAI,YAAY;AACX,iBAAqC,KAAK;AAAA,MAC/C,OAAO;AACF,iBAA8C,MAAM,CAAC,CAAC;AAAA,MAC3D;AAAA,IACJ;AAAA,EACJ,OAAO;AACH,mBAAe,OAAO,cAAc,WAAW,CAAC,SAAS,IAAI;AAAA,EACjE;AAEA,SACIA,+BAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,WAC9BA,+BAAA;AAAA,IAACC,YAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,4BAA4B,MAAM,SAAS;AAAA,MACzD,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA,CAER;AAER;AAEA,UAAU,OAAO;AACjB,UAAU,UAAU;AACpB,UAAU,UAAU;"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Icon } from '@/components';\nimport type { Either } from '@/types';\n\ntype AccordionContext = {\n headingLevel: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n};\nconst AccordionContext = React.createContext<AccordionContext>({\n headingLevel: 'h2',\n});\n\n// trigger\nexport type AccordionTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n children: React.ReactNode;\n};\n\nconst Trigger = React.forwardRef(function AccordionTrigger(props: AccordionTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n const { headingLevel } = React.useContext(AccordionContext);\n const className = cn(\n 'group inline-flex w-full items-center justify-between align-middle focus-within:yt-focus focus:rounded-sm',\n props.className\n );\n\n return (\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n <AccordionPrimitive.Header className=\"my-3\" render={React.createElement(headingLevel)}>\n <AccordionPrimitive.Trigger\n {...props}\n className={className}\n data-taco=\"accordion-trigger\"\n ref={ref}\n // Force `tabIndex={-1}` on disabled triggers to skip them from tab order (matching prior legacy behavior)\n render={(triggerProps, state) => (\n <button {...triggerProps} tabIndex={state.disabled ? -1 : triggerProps.tabIndex} />\n )}>\n {props.children}\n <Icon name=\"chevron-down\" aria-hidden className=\"group-aria-expanded:rotate-180\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n );\n});\n\n// content\nexport type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Content = React.forwardRef(function AccordionContent(props: AccordionContentProps, ref: React.Ref<HTMLDivElement>) {\n return (\n <AccordionPrimitive.Panel\n {...props}\n // `keepMounted` leaves closed panels in the DOM, so we hide them ourselves with using of 'data-[closed]:hidden'\n className={cn('data-[closed]:hidden', props.className)}\n data-taco=\"accordion-panel\"\n keepMounted\n ref={ref}\n />\n );\n});\n\n// item\nexport type AccordionItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n disabled?: boolean;\n id: string;\n};\n\nconst Item = React.forwardRef(function AccordionItem(props: AccordionItemProps, ref: React.Ref<HTMLDivElement>) {\n const { disabled, id, ...otherProps } = props;\n const itemClassName = cn('group data-[disabled]:opacity-50', props.className);\n\n // `value={id}` maps our public `id` to Base UI's item identity; without it the id-based open state can't match\n return <AccordionPrimitive.Item {...otherProps} className={itemClassName} disabled={disabled} ref={ref} value={id} />;\n});\n\n// accordion\nexport type AccordionBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id' \| 'onChange' \| 'defaultValue'> & {\n children: React.ReactNode;\n /*\n Change what heading element accordion regions will render\n * @default h2\n /\n as?: 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6';\n /* Additional classes for Accordion root element /\n className?: string;\n disabled?: boolean;\n};\n\nexport type AccordionProps = AccordionBaseProps &\n Either<\n // controlled\n {\n /* Expanded accordions (controlled) /\n id: string \| string[];\n /* Handler called when the expanded state changes (controlled) /\n onChange: ((id: string) => void) \| ((id: string[]) => void);\n },\n // uncontrolled\n {\n /* Expanded accordions (uncontrolled) */\n defaultId?: string \| string[];\n }\n >;\n\nexport function Accordion(props: AccordionProps) {\n const { disabled, id, defaultId, onChange, as: headingLevel = 'h2', ...otherProps } = props;\n const context = React.useMemo(() => ({ headingLevel }), [headingLevel]);\n\n const isMultiple = Array.isArray(id) \|\| Array.isArray(defaultId);\n\n let value: string[] \| undefined;\n let defaultValue: string[] \| undefined;\n let handleValueChange: ((value: any[]) => void) \| undefined;\n\n // controlled or uncontrolled\n if (onChange) {\n // Wrap in an array; empty state must be `[]` not `undefined`, else Base UI's Root goes uncontrolled and throws on `value[0]`.\n value = id === undefined ? [] : typeof id === 'string' ? [id] : id;\n handleValueChange = (next: any[]) => {\n const items = next.map(String);\n\n // We need typecasting to bypass TS error because the way TS handles function overload\n // https://github.com/microsoft/TypeScript/issues/14107\n if (isMultiple) {\n (onChange as (ids: string[]) => void)(items);\n } else {\n (onChange as (id: string \| undefined) => void)(items[0]);\n }\n };\n } else {\n defaultValue = typeof defaultId === 'string' ? [defaultId] : defaultId;\n }\n\n return (\n <AccordionContext.Provider value={context}>\n <AccordionPrimitive.Root\n {...otherProps}\n className={cn('divide-y divide-gray-200', props.className)}\n data-taco=\"accordion\"\n defaultValue={defaultValue}\n disabled={disabled}\n multiple={isMultiple}\n onValueChange={handleValueChange}\n value={value}\n />\n </AccordionContext.Provider>\n );\n}\n\nAccordion.Item = Item;\nAccordion.Trigger = Trigger;\nAccordion.Content = Content;\n"],"names":["React","AccordionPrimitive"],"mappings":";;;;AAUA,MAAM,mBAAmBA,eAAM,cAAgC;AAAA,EAC3D,cAAc;AAClB,CAAC;AAOD,MAAM,UAAUA,eAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,aAAA,IAAiBA,eAAM,WAAW,gBAAgB;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV;AAAA;AAAA,IAEIA,+BAAA,cAACC,YAAmB,QAAnB,EAA0B,WAAU,QAAO,QAAQD,eAAM,cAAc,YAAY,EAAA,GAChFA,+BAAA;AAAA,MAACC,YAAmB;AAAA,MAAnB;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,aAAU;AAAA,QACV;AAAA,QAEA,QAAQ,CAAC,cAAc,UACnBD,+BAAA,cAAC,UAAA,EAAQ,GAAG,cAAc,UAAU,MAAM,WAAW,KAAK,aAAa,SAAA,CAAU;AAAA,MAAA;AAAA,MAEpF,MAAM;AAAA,mDACN,MAAA,EAAK,MAAK,gBAAe,eAAW,MAAC,WAAU,iCAAA,CAAiC;AAAA,IAAA,CAEzF;AAAA;AAER,CAAC;AAKD,MAAM,UAAUA,eAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AACrH,SACIA,+BAAA;AAAA,IAACC,YAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MAEJ,WAAW,GAAG,wBAAwB,MAAM,SAAS;AAAA,MACrD,aAAU;AAAA,MACV,aAAW;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAQD,MAAM,OAAOD,eAAM,WAAW,SAAS,cAAc,OAA2B,KAAgC;AAC5G,QAAM,EAAE,UAAU,IAAI,GAAG,eAAe;AACxC,QAAM,gBAAgB,GAAG,oCAAoC,MAAM,SAAS;AAG5E,SAAOA,+BAAA,cAACC,YAAmB,MAAnB,EAAyB,GAAG,YAAY,WAAW,eAAe,UAAoB,KAAU,OAAO,GAAA,CAAI;AACvH,CAAC;AA+BM,SAAS,UAAU,OAAuB;AAC7C,QAAM,EAAE,UAAU,IAAI,WAAW,UAAU,IAAI,eAAe,MAAM,GAAG,WAAA,IAAe;AACtF,QAAM,UAAUD,eAAM,QAAQ,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAAC;AAEtE,QAAM,aAAa,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,SAAS;AAE/D,MAAI;AACJ,MAAI;AACJ,MAAI;AAGJ,MAAI,UAAU;AAEV,YAAQ,OAAO,SAAY,CAAA,IAAK,OAAO,OAAO,WAAW,CAAC,EAAE,IAAI;AAChE,wBAAoB,CAAC,SAAgB;AACjC,YAAM,QAAQ,KAAK,IAAI,MAAM;AAI7B,UAAI,YAAY;AACX,iBAAqC,KAAK;AAAA,MAC/C,OAAO;AACF,iBAA8C,MAAM,CAAC,CAAC;AAAA,MAC3D;AAAA,IACJ;AAAA,EACJ,OAAO;AACH,mBAAe,OAAO,cAAc,WAAW,CAAC,SAAS,IAAI;AAAA,EACjE;AAEA,SACIA,+BAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,WAC9BA,+BAAA;AAAA,IAACC,YAAmB;AAAA,IAAnB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,4BAA4B,MAAM,SAAS;AAAA,MACzD,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA,CAER;AAER;AAEA,UAAU,OAAO;AACjB,UAAU,UAAU;AACpB,UAAU,UAAU;"}

package/dist/components/Actions/Button/Button.cjs CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
-const Icon = require("../../Icon/Icon.cjs");
+const utils = require("../utils.cjs");
 const Localization = require("../../Provider/Localization.cjs");
+const Icon = require("../../Icon/Icon.cjs");
 const Spinner = require("../../Spinner/Spinner.cjs");
-const utils = require("../utils.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Actions/Button/Button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.cjs","sources":["../../../../src/components/Actions/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '~~../../Icon/Icon~~';\nimport { Icon } ~~from '../../Icon/Icon';\nimport {~~ useLocalization } from '~~../../Provider/Localization~~';\~~nimport { Spinner } from '../../Spinner/Spinner';\~~n\nimport type { ButtonSize, ButtonPurpose, ButtonVariant } from '~~./../~~utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from '~~./../~~utils';\n\nexport type ButtonTexts = {\n /** Message used for button when it is in a busy state /\n busyMessage: string;\n};\n\n/\n Button Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n /\nexport type ButtonChildren = string \| React.ReactElement;\n\ntype IconProps =\n \| {\n /* Which icon to display /\n icon: IconName;\n /\n Determines if icon is placed before or after text label\n * @default start\n /\n iconPlacement?: 'start' \| 'end';\n iconOnly?: never;\n }\n \| {\n /* Which icon to display /\n icon: IconName;\n /* Renders only the icon; children becomes the accessible label /\n iconOnly: true;\n iconPlacement?: never;\n }\n \| {\n icon?: never;\n iconPlacement?: never;\n iconOnly?: never;\n };\n\nexport type ButtonIdleProps = ButtonCommonProps & {\n /* Adds loading indicator to button /\n busy?: boolean;\n /\n Conveys message to screen readers when busy is enabled\n * @default loading\n /\n busyMessage?: string;\n disabled?: boolean;\n};\n\nexport type ButtonBusyProps = ButtonCommonProps & {\n busy: true;\n busyMessage?: string;\n disabled?: never;\n};\n\ntype ButtonCommonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' \| 'className' \| 'style' \| 'disabled'> &\n IconProps & {\n /\n Purpose: regular or destructive\n * @default regular\n /\n purpose?: ButtonPurpose;\n /\n Variant determines primary, secondary or tertiary use\n * @default secondary\n /\n variant?: ButtonVariant;\n /\n Choose between small, medium and large\n * @default md\n /\n size?: ButtonSize;\n /\n Is it for submitting, resetting a form or an in page action.\n * @default button\n /\n type?: 'button' \| 'submit' \| 'reset';\n /* The text content of the Button /\n children: ButtonChildren;\n };\n\nexport type ButtonProps = ButtonIdleProps \| ButtonBusyProps;\n\nexport const Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement>) {\n const {\n // Destructure className and style props to prevent them from being spread onto the button DOM element\n className: _className,\n style: _style,\n purpose = 'regular',\n variant = 'secondary',\n size = 'md',\n busy,\n busyMessage,\n disabled,\n icon,\n iconPlacement = 'start',\n iconOnly,\n children,\n ...nativeProps\n } = props as ButtonProps & { className?: never; style?: never };\n\n function handleClick(event: React.MouseEvent<HTMLButtonElement>) {\n if (busy) {\n event.preventDefault();\n return;\n }\n nativeProps.onClick?.(event);\n }\n\n const { texts } = useLocalization();\n\n const resolvedIconPlacement = icon ? iconPlacement : 'none';\n\n const buttonClassName = cn(\n SHARED_BUTTON_CLASSNAMES,\n APPEARANCE_CLASSNAME[purpose][variant],\n sizeClasses[size],\n !iconOnly && PADDING_CLASSNAME[resolvedIconPlacement][size],\n { 'aspect-square p-0': iconOnly }\n );\n\n return (\n <button\n type={nativeProps.type \|\| 'button'}\n {...nativeProps}\n ref={ref}\n className={buttonClassName}\n // Use aria-disabled and a separate aria-live element because aria-busy isn't well supported and doesn't convey state\n aria-disabled={busy}\n onClick={handleClick}\n disabled={disabled}\n data-taco=\"button\">\n {icon && (\n <span\n className={cn('leading-none', {\n invisible: busy,\n 'order-1': resolvedIconPlacement === 'start' && !iconOnly,\n 'order-3': resolvedIconPlacement === 'end' && !iconOnly,\n })}\n aria-hidden=\"true\"\n data-taco=\"button-icon\">\n <Icon name={icon} className={cn(setIconSizeClass[size])} />\n </span>\n )}\n\n {iconOnly ? (\n <span className=\"sr-only\" data-taco=\"button-text\">\n {children}\n </span>\n ) : (\n <span className={cn('order-2 leading-none', { invisible: busy })} data-taco=\"button-text\">\n {children}\n </span>\n )}\n\n {/* This pattern is inspired by React ARIA's approach for a busy/pending button:\n https://react-aria.adobe.com/Button#pending */}\n <span\n className={cn('absolute inset-x-3 flex items-center justify-center', { invisible: !busy })}\n role=\"progressbar\"\n aria-label={busyMessage \|\| texts.button.busyMessage}\n data-taco=\"button-spinner\">\n <Spinner className=\"h-4 w-4\" aria-hidden=\"true\" />\n </span>\n </button>\n );\n});\n"],"names":["React","Button","useLocalization","SHARED_BUTTON_CLASSNAMES","APPEARANCE_CLASSNAME","sizeClasses","PADDING_CLASSNAME","Icon","setIconSizeClass","Spinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;~~AA2FO~~,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAmC;AAC1G,QAAM;AAAA;AAAA,IAEF,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,WAAS,YAAY,OAA4C;AAC7D,QAAI,MAAM;AACN,YAAM,eAAA;AACN;AAAA,IACJ;AACA,gBAAY,UAAU,KAAK;AAAA,EAC/B;AAEA,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAElB,QAAM,wBAAwB,OAAO,gBAAgB;AAErD,QAAM,kBAAkB;AAAA,IACpBC,MAAAA;AAAAA,IACAC,2BAAqB,OAAO,EAAE,OAAO;AAAA,IACrCC,MAAAA,YAAY,IAAI;AAAA,IAChB,CAAC,YAAYC,MAAAA,kBAAkB,qBAAqB,EAAE,IAAI;AAAA,IAC1D,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,SACIN,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,YAAY,QAAQ;AAAA,MACzB,GAAG;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MAEX,iBAAe;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,IACT,QACGA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,gBAAgB;AAAA,UAC1B,WAAW;AAAA,UACX,WAAW,0BAA0B,WAAW,CAAC;AAAA,UACjD,WAAW,0BAA0B,SAAS,CAAC;AAAA,QAAA,CAClD;AAAA,QACD,eAAY;AAAA,QACZ,aAAU;AAAA,MAAA;AAAA,MACVA,iCAAA,cAACO,aAAK,MAAM,MAAM,WAAW,GAAGC,MAAAA,iBAAiB,IAAI,CAAC,EAAA,CAAG;AAAA,IAAA;AAAA,IAIhE,0DACI,QAAA,EAAK,WAAU,WAAU,aAAU,iBAC/B,QACL,IAEAR,iCAAA,cAAC,UAAK,WAAW,GAAG,wBAAwB,EAAE,WAAW,MAAM,GAAG,aAAU,cAAA,GACvE,QACL;AAAA,IAKJA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,uDAAuD,EAAE,WAAW,CAAC,MAAM;AAAA,QACzF,MAAK;AAAA,QACL,cAAY,eAAe,MAAM,OAAO;AAAA,QACxC,aAAU;AAAA,MAAA;AAAA,MACVA,iCAAA,cAACS,iBAAA,EAAQ,WAAU,WAAU,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EACpD;AAGZ,CAAC;;"}
1	+ {"version":3,"file":"Button.cjs","sources":["../../../../src/components/Actions/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Icon, Spinner, useLocalization } from '@/components';\n\nimport type { ButtonSize, ButtonPurpose, ButtonVariant } from '../utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from '../utils';\n\nexport type ButtonTexts = {\n /** Message used for button when it is in a busy state /\n busyMessage: string;\n};\n\n/\n Button Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n /\nexport type ButtonChildren = string \| React.ReactElement;\n\ntype IconProps =\n \| {\n /* Which icon to display /\n icon: IconName;\n /\n Determines if icon is placed before or after text label\n * @default start\n /\n iconPlacement?: 'start' \| 'end';\n iconOnly?: never;\n }\n \| {\n /* Which icon to display /\n icon: IconName;\n /* Renders only the icon; children becomes the accessible label /\n iconOnly: true;\n iconPlacement?: never;\n }\n \| {\n icon?: never;\n iconPlacement?: never;\n iconOnly?: never;\n };\n\nexport type ButtonIdleProps = ButtonCommonProps & {\n /* Adds loading indicator to button /\n busy?: boolean;\n /\n Conveys message to screen readers when busy is enabled\n * @default loading\n /\n busyMessage?: string;\n disabled?: boolean;\n};\n\nexport type ButtonBusyProps = ButtonCommonProps & {\n busy: true;\n busyMessage?: string;\n disabled?: never;\n};\n\ntype ButtonCommonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' \| 'className' \| 'style' \| 'disabled'> &\n IconProps & {\n /\n Purpose: regular or destructive\n * @default regular\n /\n purpose?: ButtonPurpose;\n /\n Variant determines primary, secondary or tertiary use\n * @default secondary\n /\n variant?: ButtonVariant;\n /\n Choose between small, medium and large\n * @default md\n /\n size?: ButtonSize;\n /\n Is it for submitting, resetting a form or an in page action.\n * @default button\n /\n type?: 'button' \| 'submit' \| 'reset';\n /* The text content of the Button /\n children: ButtonChildren;\n };\n\nexport type ButtonProps = ButtonIdleProps \| ButtonBusyProps;\n\nexport const Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement>) {\n const {\n // Destructure className and style props to prevent them from being spread onto the button DOM element\n className: _className,\n style: _style,\n purpose = 'regular',\n variant = 'secondary',\n size = 'md',\n busy,\n busyMessage,\n disabled,\n icon,\n iconPlacement = 'start',\n iconOnly,\n children,\n ...nativeProps\n } = props as ButtonProps & { className?: never; style?: never };\n\n function handleClick(event: React.MouseEvent<HTMLButtonElement>) {\n if (busy) {\n event.preventDefault();\n return;\n }\n nativeProps.onClick?.(event);\n }\n\n const { texts } = useLocalization();\n\n const resolvedIconPlacement = icon ? iconPlacement : 'none';\n\n const buttonClassName = cn(\n SHARED_BUTTON_CLASSNAMES,\n APPEARANCE_CLASSNAME[purpose][variant],\n sizeClasses[size],\n !iconOnly && PADDING_CLASSNAME[resolvedIconPlacement][size],\n { 'aspect-square p-0': iconOnly }\n );\n\n return (\n <button\n type={nativeProps.type \|\| 'button'}\n {...nativeProps}\n ref={ref}\n className={buttonClassName}\n // Use aria-disabled and a separate aria-live element because aria-busy isn't well supported and doesn't convey state\n aria-disabled={busy}\n onClick={handleClick}\n disabled={disabled}\n data-taco=\"button\">\n {icon && (\n <span\n className={cn('leading-none', {\n invisible: busy,\n 'order-1': resolvedIconPlacement === 'start' && !iconOnly,\n 'order-3': resolvedIconPlacement === 'end' && !iconOnly,\n })}\n aria-hidden=\"true\"\n data-taco=\"button-icon\">\n <Icon name={icon} className={cn(setIconSizeClass[size])} />\n </span>\n )}\n\n {iconOnly ? (\n <span className=\"sr-only\" data-taco=\"button-text\">\n {children}\n </span>\n ) : (\n <span className={cn('order-2 leading-none', { invisible: busy })} data-taco=\"button-text\">\n {children}\n </span>\n )}\n\n {/* This pattern is inspired by React ARIA's approach for a busy/pending button:\n https://react-aria.adobe.com/Button#pending */}\n <span\n className={cn('absolute inset-x-3 flex items-center justify-center', { invisible: !busy })}\n role=\"progressbar\"\n aria-label={busyMessage \|\| texts.button.busyMessage}\n data-taco=\"button-spinner\">\n <Spinner className=\"h-4 w-4\" aria-hidden=\"true\" />\n </span>\n </button>\n );\n});\n"],"names":["React","Button","useLocalization","SHARED_BUTTON_CLASSNAMES","APPEARANCE_CLASSNAME","sizeClasses","PADDING_CLASSNAME","Icon","setIconSizeClass","Spinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyFO,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAmC;AAC1G,QAAM;AAAA;AAAA,IAEF,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,WAAS,YAAY,OAA4C;AAC7D,QAAI,MAAM;AACN,YAAM,eAAA;AACN;AAAA,IACJ;AACA,gBAAY,UAAU,KAAK;AAAA,EAC/B;AAEA,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAElB,QAAM,wBAAwB,OAAO,gBAAgB;AAErD,QAAM,kBAAkB;AAAA,IACpBC,MAAAA;AAAAA,IACAC,2BAAqB,OAAO,EAAE,OAAO;AAAA,IACrCC,MAAAA,YAAY,IAAI;AAAA,IAChB,CAAC,YAAYC,MAAAA,kBAAkB,qBAAqB,EAAE,IAAI;AAAA,IAC1D,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,SACIN,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,YAAY,QAAQ;AAAA,MACzB,GAAG;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MAEX,iBAAe;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,IACT,QACGA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,gBAAgB;AAAA,UAC1B,WAAW;AAAA,UACX,WAAW,0BAA0B,WAAW,CAAC;AAAA,UACjD,WAAW,0BAA0B,SAAS,CAAC;AAAA,QAAA,CAClD;AAAA,QACD,eAAY;AAAA,QACZ,aAAU;AAAA,MAAA;AAAA,MACVA,iCAAA,cAACO,aAAK,MAAM,MAAM,WAAW,GAAGC,MAAAA,iBAAiB,IAAI,CAAC,EAAA,CAAG;AAAA,IAAA;AAAA,IAIhE,0DACI,QAAA,EAAK,WAAU,WAAU,aAAU,iBAC/B,QACL,IAEAR,iCAAA,cAAC,UAAK,WAAW,GAAG,wBAAwB,EAAE,WAAW,MAAM,GAAG,aAAU,cAAA,GACvE,QACL;AAAA,IAKJA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,uDAAuD,EAAE,WAAW,CAAC,MAAM;AAAA,QACzF,MAAK;AAAA,QACL,cAAY,eAAe,MAAM,OAAO;AAAA,QACxC,aAAU;AAAA,MAAA;AAAA,MACVA,iCAAA,cAACS,iBAAA,EAAQ,WAAU,WAAU,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EACpD;AAGZ,CAAC;;"}

package/dist/components/Actions/Button/Button.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { IconName } from '../../Icon/Icon';
-import { ButtonSize, ButtonPurpose, ButtonVariant } from './../utils';
+import { IconName } from '../..';
+import { ButtonSize, ButtonPurpose, ButtonVariant } from '../utils';
 import * as React from 'react';
 export type ButtonTexts = {
     /** Message used for button when it is in a busy state */

package/dist/components/Actions/Button/Button.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import cn from "clsx";
 import * as React from "react";
-import { Icon } from "../../Icon/Icon.js";
+import { SHARED_BUTTON_CLASSNAMES, APPEARANCE_CLASSNAME, sizeClasses, PADDING_CLASSNAME, setIconSizeClass } from "../utils.js";
 import { useLocalization } from "../../Provider/Localization.js";
+import { Icon } from "../../Icon/Icon.js";
 import { Spinner } from "../../Spinner/Spinner.js";
-import { SHARED_BUTTON_CLASSNAMES, APPEARANCE_CLASSNAME, sizeClasses, PADDING_CLASSNAME, setIconSizeClass } from "../utils.js";
 const Button = React.forwardRef(function Button2(props, ref) {
   const {
     // Destructure className and style props to prevent them from being spread onto the button DOM element

package/dist/components/Actions/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Actions/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '~~../../Icon/Icon~~';\nimport { Icon } ~~from '../../Icon/Icon';\nimport {~~ useLocalization } from '~~../../Provider/Localization~~';\~~nimport { Spinner } from '../../Spinner/Spinner';\~~n\nimport type { ButtonSize, ButtonPurpose, ButtonVariant } from '~~./../~~utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from '~~./../~~utils';\n\nexport type ButtonTexts = {\n /** Message used for button when it is in a busy state /\n busyMessage: string;\n};\n\n/\n Button Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n /\nexport type ButtonChildren = string \| React.ReactElement;\n\ntype IconProps =\n \| {\n /* Which icon to display /\n icon: IconName;\n /\n Determines if icon is placed before or after text label\n * @default start\n /\n iconPlacement?: 'start' \| 'end';\n iconOnly?: never;\n }\n \| {\n /* Which icon to display /\n icon: IconName;\n /* Renders only the icon; children becomes the accessible label /\n iconOnly: true;\n iconPlacement?: never;\n }\n \| {\n icon?: never;\n iconPlacement?: never;\n iconOnly?: never;\n };\n\nexport type ButtonIdleProps = ButtonCommonProps & {\n /* Adds loading indicator to button /\n busy?: boolean;\n /\n Conveys message to screen readers when busy is enabled\n * @default loading\n /\n busyMessage?: string;\n disabled?: boolean;\n};\n\nexport type ButtonBusyProps = ButtonCommonProps & {\n busy: true;\n busyMessage?: string;\n disabled?: never;\n};\n\ntype ButtonCommonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' \| 'className' \| 'style' \| 'disabled'> &\n IconProps & {\n /\n Purpose: regular or destructive\n * @default regular\n /\n purpose?: ButtonPurpose;\n /\n Variant determines primary, secondary or tertiary use\n * @default secondary\n /\n variant?: ButtonVariant;\n /\n Choose between small, medium and large\n * @default md\n /\n size?: ButtonSize;\n /\n Is it for submitting, resetting a form or an in page action.\n * @default button\n /\n type?: 'button' \| 'submit' \| 'reset';\n /* The text content of the Button /\n children: ButtonChildren;\n };\n\nexport type ButtonProps = ButtonIdleProps \| ButtonBusyProps;\n\nexport const Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement>) {\n const {\n // Destructure className and style props to prevent them from being spread onto the button DOM element\n className: _className,\n style: _style,\n purpose = 'regular',\n variant = 'secondary',\n size = 'md',\n busy,\n busyMessage,\n disabled,\n icon,\n iconPlacement = 'start',\n iconOnly,\n children,\n ...nativeProps\n } = props as ButtonProps & { className?: never; style?: never };\n\n function handleClick(event: React.MouseEvent<HTMLButtonElement>) {\n if (busy) {\n event.preventDefault();\n return;\n }\n nativeProps.onClick?.(event);\n }\n\n const { texts } = useLocalization();\n\n const resolvedIconPlacement = icon ? iconPlacement : 'none';\n\n const buttonClassName = cn(\n SHARED_BUTTON_CLASSNAMES,\n APPEARANCE_CLASSNAME[purpose][variant],\n sizeClasses[size],\n !iconOnly && PADDING_CLASSNAME[resolvedIconPlacement][size],\n { 'aspect-square p-0': iconOnly }\n );\n\n return (\n <button\n type={nativeProps.type \|\| 'button'}\n {...nativeProps}\n ref={ref}\n className={buttonClassName}\n // Use aria-disabled and a separate aria-live element because aria-busy isn't well supported and doesn't convey state\n aria-disabled={busy}\n onClick={handleClick}\n disabled={disabled}\n data-taco=\"button\">\n {icon && (\n <span\n className={cn('leading-none', {\n invisible: busy,\n 'order-1': resolvedIconPlacement === 'start' && !iconOnly,\n 'order-3': resolvedIconPlacement === 'end' && !iconOnly,\n })}\n aria-hidden=\"true\"\n data-taco=\"button-icon\">\n <Icon name={icon} className={cn(setIconSizeClass[size])} />\n </span>\n )}\n\n {iconOnly ? (\n <span className=\"sr-only\" data-taco=\"button-text\">\n {children}\n </span>\n ) : (\n <span className={cn('order-2 leading-none', { invisible: busy })} data-taco=\"button-text\">\n {children}\n </span>\n )}\n\n {/* This pattern is inspired by React ARIA's approach for a busy/pending button:\n https://react-aria.adobe.com/Button#pending */}\n <span\n className={cn('absolute inset-x-3 flex items-center justify-center', { invisible: !busy })}\n role=\"progressbar\"\n aria-label={busyMessage \|\| texts.button.busyMessage}\n data-taco=\"button-spinner\">\n <Spinner className=\"h-4 w-4\" aria-hidden=\"true\" />\n </span>\n </button>\n );\n});\n"],"names":["Button"],"mappings":";;;;;;~~AA2FO~~,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAmC;AAC1G,QAAM;AAAA;AAAA,IAEF,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,WAAS,YAAY,OAA4C;AAC7D,QAAI,MAAM;AACN,YAAM,eAAA;AACN;AAAA,IACJ;AACA,gBAAY,UAAU,KAAK;AAAA,EAC/B;AAEA,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,wBAAwB,OAAO,gBAAgB;AAErD,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACA,qBAAqB,OAAO,EAAE,OAAO;AAAA,IACrC,YAAY,IAAI;AAAA,IAChB,CAAC,YAAY,kBAAkB,qBAAqB,EAAE,IAAI;AAAA,IAC1D,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,YAAY,QAAQ;AAAA,MACzB,GAAG;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MAEX,iBAAe;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,IACT,QACG,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,gBAAgB;AAAA,UAC1B,WAAW;AAAA,UACX,WAAW,0BAA0B,WAAW,CAAC;AAAA,UACjD,WAAW,0BAA0B,SAAS,CAAC;AAAA,QAAA,CAClD;AAAA,QACD,eAAY;AAAA,QACZ,aAAU;AAAA,MAAA;AAAA,MACV,sBAAA,cAAC,QAAK,MAAM,MAAM,WAAW,GAAG,iBAAiB,IAAI,CAAC,EAAA,CAAG;AAAA,IAAA;AAAA,IAIhE,+CACI,QAAA,EAAK,WAAU,WAAU,aAAU,iBAC/B,QACL,IAEA,sBAAA,cAAC,UAAK,WAAW,GAAG,wBAAwB,EAAE,WAAW,MAAM,GAAG,aAAU,cAAA,GACvE,QACL;AAAA,IAKJ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,uDAAuD,EAAE,WAAW,CAAC,MAAM;AAAA,QACzF,MAAK;AAAA,QACL,cAAY,eAAe,MAAM,OAAO;AAAA,QACxC,aAAU;AAAA,MAAA;AAAA,MACV,sBAAA,cAAC,SAAA,EAAQ,WAAU,WAAU,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EACpD;AAGZ,CAAC;"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Actions/Button/Button.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Icon, Spinner, useLocalization } from '@/components';\n\nimport type { ButtonSize, ButtonPurpose, ButtonVariant } from '../utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from '../utils';\n\nexport type ButtonTexts = {\n /** Message used for button when it is in a busy state /\n busyMessage: string;\n};\n\n/\n Button Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n /\nexport type ButtonChildren = string \| React.ReactElement;\n\ntype IconProps =\n \| {\n /* Which icon to display /\n icon: IconName;\n /\n Determines if icon is placed before or after text label\n * @default start\n /\n iconPlacement?: 'start' \| 'end';\n iconOnly?: never;\n }\n \| {\n /* Which icon to display /\n icon: IconName;\n /* Renders only the icon; children becomes the accessible label /\n iconOnly: true;\n iconPlacement?: never;\n }\n \| {\n icon?: never;\n iconPlacement?: never;\n iconOnly?: never;\n };\n\nexport type ButtonIdleProps = ButtonCommonProps & {\n /* Adds loading indicator to button /\n busy?: boolean;\n /\n Conveys message to screen readers when busy is enabled\n * @default loading\n /\n busyMessage?: string;\n disabled?: boolean;\n};\n\nexport type ButtonBusyProps = ButtonCommonProps & {\n busy: true;\n busyMessage?: string;\n disabled?: never;\n};\n\ntype ButtonCommonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' \| 'className' \| 'style' \| 'disabled'> &\n IconProps & {\n /\n Purpose: regular or destructive\n * @default regular\n /\n purpose?: ButtonPurpose;\n /\n Variant determines primary, secondary or tertiary use\n * @default secondary\n /\n variant?: ButtonVariant;\n /\n Choose between small, medium and large\n * @default md\n /\n size?: ButtonSize;\n /\n Is it for submitting, resetting a form or an in page action.\n * @default button\n /\n type?: 'button' \| 'submit' \| 'reset';\n /* The text content of the Button /\n children: ButtonChildren;\n };\n\nexport type ButtonProps = ButtonIdleProps \| ButtonBusyProps;\n\nexport const Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement>) {\n const {\n // Destructure className and style props to prevent them from being spread onto the button DOM element\n className: _className,\n style: _style,\n purpose = 'regular',\n variant = 'secondary',\n size = 'md',\n busy,\n busyMessage,\n disabled,\n icon,\n iconPlacement = 'start',\n iconOnly,\n children,\n ...nativeProps\n } = props as ButtonProps & { className?: never; style?: never };\n\n function handleClick(event: React.MouseEvent<HTMLButtonElement>) {\n if (busy) {\n event.preventDefault();\n return;\n }\n nativeProps.onClick?.(event);\n }\n\n const { texts } = useLocalization();\n\n const resolvedIconPlacement = icon ? iconPlacement : 'none';\n\n const buttonClassName = cn(\n SHARED_BUTTON_CLASSNAMES,\n APPEARANCE_CLASSNAME[purpose][variant],\n sizeClasses[size],\n !iconOnly && PADDING_CLASSNAME[resolvedIconPlacement][size],\n { 'aspect-square p-0': iconOnly }\n );\n\n return (\n <button\n type={nativeProps.type \|\| 'button'}\n {...nativeProps}\n ref={ref}\n className={buttonClassName}\n // Use aria-disabled and a separate aria-live element because aria-busy isn't well supported and doesn't convey state\n aria-disabled={busy}\n onClick={handleClick}\n disabled={disabled}\n data-taco=\"button\">\n {icon && (\n <span\n className={cn('leading-none', {\n invisible: busy,\n 'order-1': resolvedIconPlacement === 'start' && !iconOnly,\n 'order-3': resolvedIconPlacement === 'end' && !iconOnly,\n })}\n aria-hidden=\"true\"\n data-taco=\"button-icon\">\n <Icon name={icon} className={cn(setIconSizeClass[size])} />\n </span>\n )}\n\n {iconOnly ? (\n <span className=\"sr-only\" data-taco=\"button-text\">\n {children}\n </span>\n ) : (\n <span className={cn('order-2 leading-none', { invisible: busy })} data-taco=\"button-text\">\n {children}\n </span>\n )}\n\n {/* This pattern is inspired by React ARIA's approach for a busy/pending button:\n https://react-aria.adobe.com/Button#pending */}\n <span\n className={cn('absolute inset-x-3 flex items-center justify-center', { invisible: !busy })}\n role=\"progressbar\"\n aria-label={busyMessage \|\| texts.button.busyMessage}\n data-taco=\"button-spinner\">\n <Spinner className=\"h-4 w-4\" aria-hidden=\"true\" />\n </span>\n </button>\n );\n});\n"],"names":["Button"],"mappings":";;;;;;AAyFO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAmC;AAC1G,QAAM;AAAA;AAAA,IAEF,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,WAAS,YAAY,OAA4C;AAC7D,QAAI,MAAM;AACN,YAAM,eAAA;AACN;AAAA,IACJ;AACA,gBAAY,UAAU,KAAK;AAAA,EAC/B;AAEA,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,wBAAwB,OAAO,gBAAgB;AAErD,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACA,qBAAqB,OAAO,EAAE,OAAO;AAAA,IACrC,YAAY,IAAI;AAAA,IAChB,CAAC,YAAY,kBAAkB,qBAAqB,EAAE,IAAI;AAAA,IAC1D,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM,YAAY,QAAQ;AAAA,MACzB,GAAG;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MAEX,iBAAe;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,IACT,QACG,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,gBAAgB;AAAA,UAC1B,WAAW;AAAA,UACX,WAAW,0BAA0B,WAAW,CAAC;AAAA,UACjD,WAAW,0BAA0B,SAAS,CAAC;AAAA,QAAA,CAClD;AAAA,QACD,eAAY;AAAA,QACZ,aAAU;AAAA,MAAA;AAAA,MACV,sBAAA,cAAC,QAAK,MAAM,MAAM,WAAW,GAAG,iBAAiB,IAAI,CAAC,EAAA,CAAG;AAAA,IAAA;AAAA,IAIhE,+CACI,QAAA,EAAK,WAAU,WAAU,aAAU,iBAC/B,QACL,IAEA,sBAAA,cAAC,UAAK,WAAW,GAAG,wBAAwB,EAAE,WAAW,MAAM,GAAG,aAAU,cAAA,GACvE,QACL;AAAA,IAKJ,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,uDAAuD,EAAE,WAAW,CAAC,MAAM;AAAA,QACzF,MAAK;AAAA,QACL,cAAY,eAAe,MAAM,OAAO;AAAA,QACxC,aAAU;AAAA,MAAA;AAAA,MACV,sBAAA,cAAC,SAAA,EAAQ,WAAU,WAAU,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EACpD;AAGZ,CAAC;"}

package/dist/components/Actions/Link/Link.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.cjs","sources":["../../../../src/components/Actions/Link/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { TYPOGRAPHY_LINE_HEIGHT_CLASSES, TYPOGRAPHY_TEXT_SIZE_CLASSES } from '~~../../../~~utils/typography';\n\n/*\n Link label: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n * (TypeScript cannot enforce “component returns string” vs JSX; avoid non-text elements.)\n /\nexport type LinkChildren = string \| React.ReactElement \| null;\n\n/* Props specific to our Link component /\ntype LinkOwnProps<T extends React.ElementType = 'a'> = {\n /* Allows using a custom or framework-specific link component (e.g. Next.js or React Router) /\n as?: T;\n /* Set specific size that matches our text sizes. If it's not set, it inherits the parent size /\n size?: 'sm' \| 'md' \| 'lg';\n /\n If true, the Link will be rendered in bold\n * @default false\n /\n bold?: boolean;\n /* The content of the Link /\n children?: LinkChildren;\n};\n\n/\n LinkProps combines our own props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n /\nexport type LinkProps<T extends React.ElementType = 'a'> = LinkOwnProps<T> &\n Omit<React.ComponentPropsWithoutRef<T>, keyof LinkOwnProps<T> \| 'className' \| 'style'>;\n\nfunction LinkInner<T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> },\n ref: React.Ref<unknown>\n) {\n // Destructure and discard className/style to prevent them from being applied at runtime\n const {\n as,\n size,\n bold,\n children,\n className: _,\n style: __,\n ...otherProps\n } = props as LinkProps<T> & {\n className?: string;\n style?: React.CSSProperties;\n };\n\n const Component: React.ElementType = as \|\| 'a';\n\n const className = cn(\n size ? [TYPOGRAPHY_TEXT_SIZE_CLASSES[size], TYPOGRAPHY_LINE_HEIGHT_CLASSES[size]] : undefined,\n /* set underline thickness depending on size of Link */\n size === 'sm' ? 'decoration-1' : 'decoration-2',\n 'cursor-pointer text-blue-700 underline underline-offset-2 visited:text-blue-700 hover:text-blue-900 focus:outline-transparent focus-visible:text-blue-700 focus-visible:yt-focus focus-visible:visited:text-blue-700 focus-visible:hover:text-blue-900 active:text-blue-900 focus-visible:active:text-blue-900',\n {\n 'font-bold': bold,\n }\n );\n\n return (\n <Component {...otherProps} className={className} data-taco=\"link\" ref={ref}>\n {children}\n </Component>\n );\n}\n\nexport const Link = React.forwardRef(LinkInner) as <T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement \| null;\n"],"names":["TYPOGRAPHY_TEXT_SIZE_CLASSES","TYPOGRAPHY_LINE_HEIGHT_CLASSES","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAS,UACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAE3C,QAAM,YAAY;AAAA,IACd,OAAO,CAACA,WAAAA,6BAA6B,IAAI,GAAGC,WAAAA,+BAA+B,IAAI,CAAC,IAAI;AAAA;AAAA,IAEpF,SAAS,OAAO,iBAAiB;AAAA,IACjC;AAAA,IACA;AAAA,MACI,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACIC,iCAAA,cAAC,aAAW,GAAG,YAAY,WAAsB,aAAU,QAAO,OAC7D,QACL;AAER;AAEO,MAAM,OAAOA,iBAAM,WAAW,SAAS;;"}
1	+ {"version":3,"file":"Link.cjs","sources":["../../../../src/components/Actions/Link/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { TYPOGRAPHY_LINE_HEIGHT_CLASSES, TYPOGRAPHY_TEXT_SIZE_CLASSES } from '@/utils/typography';\n\n/*\n Link label: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n * (TypeScript cannot enforce “component returns string” vs JSX; avoid non-text elements.)\n /\nexport type LinkChildren = string \| React.ReactElement \| null;\n\n/* Props specific to our Link component /\ntype LinkOwnProps<T extends React.ElementType = 'a'> = {\n /* Allows using a custom or framework-specific link component (e.g. Next.js or React Router) /\n as?: T;\n /* Set specific size that matches our text sizes. If it's not set, it inherits the parent size /\n size?: 'sm' \| 'md' \| 'lg';\n /\n If true, the Link will be rendered in bold\n * @default false\n /\n bold?: boolean;\n /* The content of the Link /\n children?: LinkChildren;\n};\n\n/\n LinkProps combines our own props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n /\nexport type LinkProps<T extends React.ElementType = 'a'> = LinkOwnProps<T> &\n Omit<React.ComponentPropsWithoutRef<T>, keyof LinkOwnProps<T> \| 'className' \| 'style'>;\n\nfunction LinkInner<T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> },\n ref: React.Ref<unknown>\n) {\n // Destructure and discard className/style to prevent them from being applied at runtime\n const {\n as,\n size,\n bold,\n children,\n className: _,\n style: __,\n ...otherProps\n } = props as LinkProps<T> & {\n className?: string;\n style?: React.CSSProperties;\n };\n\n const Component: React.ElementType = as \|\| 'a';\n\n const className = cn(\n size ? [TYPOGRAPHY_TEXT_SIZE_CLASSES[size], TYPOGRAPHY_LINE_HEIGHT_CLASSES[size]] : undefined,\n /* set underline thickness depending on size of Link */\n size === 'sm' ? 'decoration-1' : 'decoration-2',\n 'cursor-pointer text-blue-700 underline underline-offset-2 visited:text-blue-700 hover:text-blue-900 focus:outline-transparent focus-visible:text-blue-700 focus-visible:yt-focus focus-visible:visited:text-blue-700 focus-visible:hover:text-blue-900 active:text-blue-900 focus-visible:active:text-blue-900',\n {\n 'font-bold': bold,\n }\n );\n\n return (\n <Component {...otherProps} className={className} data-taco=\"link\" ref={ref}>\n {children}\n </Component>\n );\n}\n\nexport const Link = React.forwardRef(LinkInner) as <T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement \| null;\n"],"names":["TYPOGRAPHY_TEXT_SIZE_CLASSES","TYPOGRAPHY_LINE_HEIGHT_CLASSES","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAS,UACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAE3C,QAAM,YAAY;AAAA,IACd,OAAO,CAACA,WAAAA,6BAA6B,IAAI,GAAGC,WAAAA,+BAA+B,IAAI,CAAC,IAAI;AAAA;AAAA,IAEpF,SAAS,OAAO,iBAAiB;AAAA,IACjC;AAAA,IACA;AAAA,MACI,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACIC,iCAAA,cAAC,aAAW,GAAG,YAAY,WAAsB,aAAU,QAAO,OAC7D,QACL;AAER;AAEO,MAAM,OAAOA,iBAAM,WAAW,SAAS;;"}

package/dist/components/Actions/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Actions/Link/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { TYPOGRAPHY_LINE_HEIGHT_CLASSES, TYPOGRAPHY_TEXT_SIZE_CLASSES } from '~~../../../~~utils/typography';\n\n/*\n Link label: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n * (TypeScript cannot enforce “component returns string” vs JSX; avoid non-text elements.)\n /\nexport type LinkChildren = string \| React.ReactElement \| null;\n\n/* Props specific to our Link component /\ntype LinkOwnProps<T extends React.ElementType = 'a'> = {\n /* Allows using a custom or framework-specific link component (e.g. Next.js or React Router) /\n as?: T;\n /* Set specific size that matches our text sizes. If it's not set, it inherits the parent size /\n size?: 'sm' \| 'md' \| 'lg';\n /\n If true, the Link will be rendered in bold\n * @default false\n /\n bold?: boolean;\n /* The content of the Link /\n children?: LinkChildren;\n};\n\n/\n LinkProps combines our own props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n /\nexport type LinkProps<T extends React.ElementType = 'a'> = LinkOwnProps<T> &\n Omit<React.ComponentPropsWithoutRef<T>, keyof LinkOwnProps<T> \| 'className' \| 'style'>;\n\nfunction LinkInner<T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> },\n ref: React.Ref<unknown>\n) {\n // Destructure and discard className/style to prevent them from being applied at runtime\n const {\n as,\n size,\n bold,\n children,\n className: _,\n style: __,\n ...otherProps\n } = props as LinkProps<T> & {\n className?: string;\n style?: React.CSSProperties;\n };\n\n const Component: React.ElementType = as \|\| 'a';\n\n const className = cn(\n size ? [TYPOGRAPHY_TEXT_SIZE_CLASSES[size], TYPOGRAPHY_LINE_HEIGHT_CLASSES[size]] : undefined,\n /* set underline thickness depending on size of Link */\n size === 'sm' ? 'decoration-1' : 'decoration-2',\n 'cursor-pointer text-blue-700 underline underline-offset-2 visited:text-blue-700 hover:text-blue-900 focus:outline-transparent focus-visible:text-blue-700 focus-visible:yt-focus focus-visible:visited:text-blue-700 focus-visible:hover:text-blue-900 active:text-blue-900 focus-visible:active:text-blue-900',\n {\n 'font-bold': bold,\n }\n );\n\n return (\n <Component {...otherProps} className={className} data-taco=\"link\" ref={ref}>\n {children}\n </Component>\n );\n}\n\nexport const Link = React.forwardRef(LinkInner) as <T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement \| null;\n"],"names":[],"mappings":";;;AAmCA,SAAS,UACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAE3C,QAAM,YAAY;AAAA,IACd,OAAO,CAAC,6BAA6B,IAAI,GAAG,+BAA+B,IAAI,CAAC,IAAI;AAAA;AAAA,IAEpF,SAAS,OAAO,iBAAiB;AAAA,IACjC;AAAA,IACA;AAAA,MACI,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACI,sBAAA,cAAC,aAAW,GAAG,YAAY,WAAsB,aAAU,QAAO,OAC7D,QACL;AAER;AAEO,MAAM,OAAO,MAAM,WAAW,SAAS;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Actions/Link/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { TYPOGRAPHY_LINE_HEIGHT_CLASSES, TYPOGRAPHY_TEXT_SIZE_CLASSES } from '@/utils/typography';\n\n/*\n Link label: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n * (TypeScript cannot enforce “component returns string” vs JSX; avoid non-text elements.)\n /\nexport type LinkChildren = string \| React.ReactElement \| null;\n\n/* Props specific to our Link component /\ntype LinkOwnProps<T extends React.ElementType = 'a'> = {\n /* Allows using a custom or framework-specific link component (e.g. Next.js or React Router) /\n as?: T;\n /* Set specific size that matches our text sizes. If it's not set, it inherits the parent size /\n size?: 'sm' \| 'md' \| 'lg';\n /\n If true, the Link will be rendered in bold\n * @default false\n /\n bold?: boolean;\n /* The content of the Link /\n children?: LinkChildren;\n};\n\n/\n LinkProps combines our own props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n /\nexport type LinkProps<T extends React.ElementType = 'a'> = LinkOwnProps<T> &\n Omit<React.ComponentPropsWithoutRef<T>, keyof LinkOwnProps<T> \| 'className' \| 'style'>;\n\nfunction LinkInner<T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> },\n ref: React.Ref<unknown>\n) {\n // Destructure and discard className/style to prevent them from being applied at runtime\n const {\n as,\n size,\n bold,\n children,\n className: _,\n style: __,\n ...otherProps\n } = props as LinkProps<T> & {\n className?: string;\n style?: React.CSSProperties;\n };\n\n const Component: React.ElementType = as \|\| 'a';\n\n const className = cn(\n size ? [TYPOGRAPHY_TEXT_SIZE_CLASSES[size], TYPOGRAPHY_LINE_HEIGHT_CLASSES[size]] : undefined,\n /* set underline thickness depending on size of Link */\n size === 'sm' ? 'decoration-1' : 'decoration-2',\n 'cursor-pointer text-blue-700 underline underline-offset-2 visited:text-blue-700 hover:text-blue-900 focus:outline-transparent focus-visible:text-blue-700 focus-visible:yt-focus focus-visible:visited:text-blue-700 focus-visible:hover:text-blue-900 active:text-blue-900 focus-visible:active:text-blue-900',\n {\n 'font-bold': bold,\n }\n );\n\n return (\n <Component {...otherProps} className={className} data-taco=\"link\" ref={ref}>\n {children}\n </Component>\n );\n}\n\nexport const Link = React.forwardRef(LinkInner) as <T extends React.ElementType = 'a'>(\n props: LinkProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement \| null;\n"],"names":[],"mappings":";;;AAmCA,SAAS,UACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAE3C,QAAM,YAAY;AAAA,IACd,OAAO,CAAC,6BAA6B,IAAI,GAAG,+BAA+B,IAAI,CAAC,IAAI;AAAA;AAAA,IAEpF,SAAS,OAAO,iBAAiB;AAAA,IACjC;AAAA,IACA;AAAA,MACI,aAAa;AAAA,IAAA;AAAA,EACjB;AAGJ,SACI,sBAAA,cAAC,aAAW,GAAG,YAAY,WAAsB,aAAU,QAAO,OAC7D,QACL;AAER;AAEO,MAAM,OAAO,MAAM,WAAW,SAAS;"}

package/dist/components/Actions/LinkButton/LinkButton.cjs CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
-const Icon = require("../../Icon/Icon.cjs");
 const utils = require("../utils.cjs");
+const Icon = require("../../Icon/Icon.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {