npm - @economic/taco - Versions diffs - 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0 - Mend

@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.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 (1711) hide show

package/dist/components/Icon/components/WorkflowTemplateBasic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WorkflowTemplateBasic.js","sources":["../../../../src/components/Icon/components/WorkflowTemplateBasic.tsx"],"sourcesContent":["import * as React from 'react';\nfunction IconWorkflowTemplateBasic(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 1l5.762 3.12v6.161L23 13.117v6.763L17.238 23 12 20.164 6.762 23 1 19.88v-6.762l5.238-2.837V4.137L12 1zM6.761 11.183l-4.144 2.244 4.144 2.243 4.143-2.243-4.143-2.244zm4.714 3.12l-4.19 2.269v4.96l4.19-2.27v-4.96zm1.048 4.96l4.19 2.268v-4.96l-4.19-2.268v4.96zm.57-5.837l4.144 2.244 4.144-2.243-4.144-2.244-4.143 2.244zm8.858.877l-4.19 2.269v4.96l4.19-2.27v-4.96zm-9.428-1.753l4.19-2.269V5.305l-4.19 2.27v4.975zm-1.048-4.975l-4.19-2.256v4.962l4.19 2.27V7.574zm-3.62-3.133L12 6.672l4.144-2.243-4.142-2.243-4.145 2.256zm-1.618 17.09v-4.96l-4.19-2.27v4.96l4.19 2.27z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\nexport default React.forwardRef(IconWorkflowTemplateBasic);\n"],"names":[],"mappings":";AACA,SAAS,0BAA0B,OAAsC,~~QAAgD~~;~~AAEjH~~,~~SAAA~~,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAK,QAAS,GAAG,~~MACzE~~,~~GAAA~~,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA,CAEb;AAER;AACA,MAAA,wBAAe,MAAM,WAAW,yBAAyB;"}
1	+ {"version":3,"file":"WorkflowTemplateBasic.js","sources":["../../../../src/components/Icon/components/WorkflowTemplateBasic.tsx"],"sourcesContent":["import * as React from 'react';\nfunction IconWorkflowTemplateBasic(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): React.JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 1l5.762 3.12v6.161L23 13.117v6.763L17.238 23 12 20.164 6.762 23 1 19.88v-6.762l5.238-2.837V4.137L12 1zM6.761 11.183l-4.144 2.244 4.144 2.243 4.143-2.243-4.143-2.244zm4.714 3.12l-4.19 2.269v4.96l4.19-2.27v-4.96zm1.048 4.96l4.19 2.268v-4.96l-4.19-2.268v4.96zm.57-5.837l4.144 2.244 4.144-2.243-4.144-2.244-4.143 2.244zm8.858.877l-4.19 2.269v4.96l4.19-2.27v-4.96zm-9.428-1.753l4.19-2.269V5.305l-4.19 2.27v4.975zm-1.048-4.975l-4.19-2.256v4.962l4.19 2.27V7.574zm-3.62-3.133L12 6.672l4.144-2.243-4.142-2.243-4.145 2.256zm-1.618 17.09v-4.96l-4.19-2.27v4.96l4.19 2.27z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\nexport default React.forwardRef(IconWorkflowTemplateBasic);\n"],"names":[],"mappings":";AACA,SAAS,0BAA0B,OAAsC,QAAsD;AAC3H,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAK,QAAS,GAAG,MAAA,GACzE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA,CAEb;AAER;AACA,MAAA,wBAAe,MAAM,WAAW,yBAAyB;"}

package/dist/components/Icon/components/Zoom.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Zoom.cjs","sources":["../../../../src/components/Icon/components/Zoom.tsx"],"sourcesContent":["import * as React from 'react';\nfunction IconZoom(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M10 2.25a7.75 7.75 0 015.985 12.674l5.545 5.546a.75.75 0 01-.976 1.133l-.084-.073-5.546-5.545A7.75 7.75 0 1110 2.25zm0 1.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 2.75a.75.75 0 01.75.75v2h2a.75.75 0 110 1.5h-2v2a.75.75 0 11-1.5 0v-2h-2a.75.75 0 110-1.5h2v-2A.75.75 0 0110 6.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\nexport default React.forwardRef(IconZoom);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,SAAS,SAAS,OAAsC,~~QAAgD~~;~~AAEhG~~,~~SAAAA~~,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAK,QAAS,GAAG,~~MACzE~~,~~GAAAA~~,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAK;AAAA,MACL,UAAS;AAAA,IAAA;AAAA,EAAA,CAEjB;AAER;AACA,MAAA,OAAeA,iBAAM,WAAW,QAAQ;;"}
1	+ {"version":3,"file":"Zoom.cjs","sources":["../../../../src/components/Icon/components/Zoom.tsx"],"sourcesContent":["import * as React from 'react';\nfunction IconZoom(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): React.JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M10 2.25a7.75 7.75 0 015.985 12.674l5.545 5.546a.75.75 0 01-.976 1.133l-.084-.073-5.546-5.545A7.75 7.75 0 1110 2.25zm0 1.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 2.75a.75.75 0 01.75.75v2h2a.75.75 0 110 1.5h-2v2a.75.75 0 11-1.5 0v-2h-2a.75.75 0 110-1.5h2v-2A.75.75 0 0110 6.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\nexport default React.forwardRef(IconZoom);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,SAAS,SAAS,OAAsC,QAAsD;AAC1G,SACIA,iCAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAK,QAAS,GAAG,MAAA,GACzEA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAK;AAAA,MACL,UAAS;AAAA,IAAA;AAAA,EAAA,CAEjB;AAER;AACA,MAAA,OAAeA,iBAAM,WAAW,QAAQ;;"}

package/dist/components/Icon/components/Zoom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Zoom.js","sources":["../../../../src/components/Icon/components/Zoom.tsx"],"sourcesContent":["import * as React from 'react';\nfunction IconZoom(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M10 2.25a7.75 7.75 0 015.985 12.674l5.545 5.546a.75.75 0 01-.976 1.133l-.084-.073-5.546-5.545A7.75 7.75 0 1110 2.25zm0 1.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 2.75a.75.75 0 01.75.75v2h2a.75.75 0 110 1.5h-2v2a.75.75 0 11-1.5 0v-2h-2a.75.75 0 110-1.5h2v-2A.75.75 0 0110 6.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\nexport default React.forwardRef(IconZoom);\n"],"names":[],"mappings":";AACA,SAAS,SAAS,OAAsC,~~QAAgD~~;~~AAEhG~~,~~SAAA~~,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAK,QAAS,GAAG,~~MACzE~~,~~GAAA~~,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAK;AAAA,MACL,UAAS;AAAA,IAAA;AAAA,EAAA,CAEjB;AAER;AACA,MAAA,OAAe,MAAM,WAAW,QAAQ;"}
1	+ {"version":3,"file":"Zoom.js","sources":["../../../../src/components/Icon/components/Zoom.tsx"],"sourcesContent":["import * as React from 'react';\nfunction IconZoom(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): React.JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M10 2.25a7.75 7.75 0 015.985 12.674l5.545 5.546a.75.75 0 01-.976 1.133l-.084-.073-5.546-5.545A7.75 7.75 0 1110 2.25zm0 1.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 2.75a.75.75 0 01.75.75v2h2a.75.75 0 110 1.5h-2v2a.75.75 0 11-1.5 0v-2h-2a.75.75 0 110-1.5h2v-2A.75.75 0 0110 6.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\nexport default React.forwardRef(IconZoom);\n"],"names":[],"mappings":";AACA,SAAS,SAAS,OAAsC,QAAsD;AAC1G,SACI,sBAAA,cAAC,SAAI,OAAM,8BAA6B,SAAQ,aAAY,KAAK,QAAS,GAAG,MAAA,GACzE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAK;AAAA,MACL,UAAS;AAAA,IAAA;AAAA,EAAA,CAEjB;AAER;AACA,MAAA,OAAe,MAAM,WAAW,QAAQ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Inline.cjs","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, JUSTIFY_CONTENT_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type InlineSpacing = keyof typeof SPACING_MAP;\nexport type InlineAlignInline = keyof typeof JUSTIFY_CONTENT_MAP;\nexport type InlineAlignBlock = keyof typeof ALIGN_ITEMS_MAP;\n\nexport type InlineProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between inline items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: InlineSpacing;\n /\n Align children on the inline axis (horizontal).\n * @defaultValue start\n /\n alignInline?: InlineAlignInline;\n /\n Align children on the block axis (vertical).\n * @defaultValue stretch\n /\n alignBlock?: InlineAlignBlock;\n /\n Prevents contents from wrapping to a new line.\n * @defaultValue false\n /\n noWrap?: boolean;\n /* Content to be distributed horizontally */\n children: React.ReactNode;\n};\n\nexport const Inline = React.forwardRef<HTMLDivElement, InlineProps>(function Inline(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'start',\n alignBlock = 'stretch',\n noWrap = false,\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as InlineProps & { className?: string; style?: React.CSSProperties };\n\n const inlineClassName = cn(\n 'flex flex-row',\n SPACING_MAP[spacing],\n JUSTIFY_CONTENT_MAP[alignInline],\n ALIGN_ITEMS_MAP[alignBlock],\n noWrap ? 'flex-nowrap' : 'flex-wrap'\n );\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null \|\| child === undefined \|\| child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={inlineClassName} {...restProps} data-taco=\"inline\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["React","Inline","SPACING_MAP","JUSTIFY_CONTENT_MAP","ALIGN_ITEMS_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAM,SAASA,iBAAM,WAAwC,SAASC,QAAO,OAAO,KAAK;~~AAEtF~~,~~QAAA~~;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACAC,OAAAA,YAAY,OAAO;AAAA,IACnBC,OAAAA,oBAAoB,WAAW;AAAA,IAC/BC,OAAAA,gBAAgB,UAAU;AAAA,IAC1B,SAAS,gBAAgB;AAAA,~~EAC7B~~;~~AAGA~~,QAAM,kBAAkBJ,iBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;~~AACnD~~,~~aAAA~~;AAAA,~~IAAA~~;~~AAEX~~,~~WAAQA~~,iCAAA,~~cAAA~~,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,~~EAAA~~,~~CAClC~~;~~AAGG~~,~~SAAAA~~,iCAAA,cAAC,SAAI,WAAW,iBAAkB,GAAG,WAAW,aAAU,UAAS,IAAA,GAC9D,eACL;AAER,CAAC;;"}
1	+ {"version":3,"file":"Inline.cjs","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, JUSTIFY_CONTENT_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type InlineSpacing = keyof typeof SPACING_MAP;\nexport type InlineAlignInline = keyof typeof JUSTIFY_CONTENT_MAP;\nexport type InlineAlignBlock = keyof typeof ALIGN_ITEMS_MAP;\n\nexport type InlineProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between inline items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: InlineSpacing;\n /\n Align children on the inline axis (horizontal).\n * @defaultValue start\n /\n alignInline?: InlineAlignInline;\n /\n Align children on the block axis (vertical).\n * @defaultValue stretch\n /\n alignBlock?: InlineAlignBlock;\n /\n Prevents contents from wrapping to a new line.\n * @defaultValue false\n /\n noWrap?: boolean;\n /* Content to be distributed horizontally */\n children: React.ReactNode;\n};\n\nexport const Inline = React.forwardRef<HTMLDivElement, InlineProps>(function Inline(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'start',\n alignBlock = 'stretch',\n noWrap = false,\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as InlineProps & { className?: string; style?: React.CSSProperties };\n\n const inlineClassName = cn(\n 'flex flex-row',\n SPACING_MAP[spacing],\n JUSTIFY_CONTENT_MAP[alignInline],\n ALIGN_ITEMS_MAP[alignBlock],\n noWrap ? 'flex-nowrap' : 'flex-wrap'\n );\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null \|\| child === undefined \|\| child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={inlineClassName} {...restProps} data-taco=\"inline\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["React","Inline","SPACING_MAP","JUSTIFY_CONTENT_MAP","ALIGN_ITEMS_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAM,SAASA,iBAAM,WAAwC,SAASC,QAAO,OAAO,KAAK;AAE5F,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACAC,OAAAA,YAAY,OAAO;AAAA,IACnBC,OAAAA,oBAAoB,WAAW;AAAA,IAC/BC,OAAAA,gBAAgB,UAAU;AAAA,IAC1B,SAAS,gBAAgB;AAAA,EAAA;AAI7B,QAAM,kBAAkBJ,iBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AAC1D,aAAO;AAAA,IACX;AACA,WAAOA,iCAAA,cAAC,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EACnC,CAAC;AAED,SACIA,iCAAA,cAAC,SAAI,WAAW,iBAAkB,GAAG,WAAW,aAAU,UAAS,IAAA,GAC9D,eACL;AAER,CAAC;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Inline.js","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, JUSTIFY_CONTENT_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type InlineSpacing = keyof typeof SPACING_MAP;\nexport type InlineAlignInline = keyof typeof JUSTIFY_CONTENT_MAP;\nexport type InlineAlignBlock = keyof typeof ALIGN_ITEMS_MAP;\n\nexport type InlineProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between inline items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: InlineSpacing;\n /\n Align children on the inline axis (horizontal).\n * @defaultValue start\n /\n alignInline?: InlineAlignInline;\n /\n Align children on the block axis (vertical).\n * @defaultValue stretch\n /\n alignBlock?: InlineAlignBlock;\n /\n Prevents contents from wrapping to a new line.\n * @defaultValue false\n /\n noWrap?: boolean;\n /* Content to be distributed horizontally */\n children: React.ReactNode;\n};\n\nexport const Inline = React.forwardRef<HTMLDivElement, InlineProps>(function Inline(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'start',\n alignBlock = 'stretch',\n noWrap = false,\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as InlineProps & { className?: string; style?: React.CSSProperties };\n\n const inlineClassName = cn(\n 'flex flex-row',\n SPACING_MAP[spacing],\n JUSTIFY_CONTENT_MAP[alignInline],\n ALIGN_ITEMS_MAP[alignBlock],\n noWrap ? 'flex-nowrap' : 'flex-wrap'\n );\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null \|\| child === undefined \|\| child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={inlineClassName} {...restProps} data-taco=\"inline\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["Inline"],"mappings":";;;AAiCO,MAAM,SAAS,MAAM,WAAwC,SAASA,QAAO,OAAO,KAAK;~~AAEtF~~,~~QAAA~~;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACA,YAAY,OAAO;AAAA,IACnB,oBAAoB,WAAW;AAAA,IAC/B,gBAAgB,UAAU;AAAA,IAC1B,SAAS,gBAAgB;AAAA,~~EAC7B~~;~~AAGA~~,QAAM,kBAAkB,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;~~AACnD~~,~~aAAA~~;AAAA,~~IAAA~~;~~AAEX~~,~~WAAQ~~,sBAAA,~~cAAA~~,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,~~EAAA~~,~~CAClC~~;~~AAGG~~,~~SAAA~~,sBAAA,cAAC,SAAI,WAAW,iBAAkB,GAAG,WAAW,aAAU,UAAS,IAAA,GAC9D,eACL;AAER,CAAC;"}
1	+ {"version":3,"file":"Inline.js","sources":["../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, JUSTIFY_CONTENT_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type InlineSpacing = keyof typeof SPACING_MAP;\nexport type InlineAlignInline = keyof typeof JUSTIFY_CONTENT_MAP;\nexport type InlineAlignBlock = keyof typeof ALIGN_ITEMS_MAP;\n\nexport type InlineProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between inline items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: InlineSpacing;\n /\n Align children on the inline axis (horizontal).\n * @defaultValue start\n /\n alignInline?: InlineAlignInline;\n /\n Align children on the block axis (vertical).\n * @defaultValue stretch\n /\n alignBlock?: InlineAlignBlock;\n /\n Prevents contents from wrapping to a new line.\n * @defaultValue false\n /\n noWrap?: boolean;\n /* Content to be distributed horizontally */\n children: React.ReactNode;\n};\n\nexport const Inline = React.forwardRef<HTMLDivElement, InlineProps>(function Inline(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'start',\n alignBlock = 'stretch',\n noWrap = false,\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as InlineProps & { className?: string; style?: React.CSSProperties };\n\n const inlineClassName = cn(\n 'flex flex-row',\n SPACING_MAP[spacing],\n JUSTIFY_CONTENT_MAP[alignInline],\n ALIGN_ITEMS_MAP[alignBlock],\n noWrap ? 'flex-nowrap' : 'flex-wrap'\n );\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n const wrappedChildren = React.Children.map(children, (child, index) => {\n if (child === null \|\| child === undefined \|\| child === false) {\n return null;\n }\n return <div key={index}>{child}</div>;\n });\n\n return (\n <div className={inlineClassName} {...restProps} data-taco=\"inline\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["Inline"],"mappings":";;;AAiCO,MAAM,SAAS,MAAM,WAAwC,SAASA,QAAO,OAAO,KAAK;AAE5F,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,kBAAkB;AAAA,IACpB;AAAA,IACA,YAAY,OAAO;AAAA,IACnB,oBAAoB,WAAW;AAAA,IAC/B,gBAAgB,UAAU;AAAA,IAC1B,SAAS,gBAAgB;AAAA,EAAA;AAI7B,QAAM,kBAAkB,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AAC1D,aAAO;AAAA,IACX;AACA,WAAO,sBAAA,cAAC,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EACnC,CAAC;AAED,SACI,sBAAA,cAAC,SAAI,WAAW,iBAAkB,GAAG,WAAW,aAAU,UAAS,IAAA,GAC9D,eACL;AAER,CAAC;"}

package/dist/components/Input/Input.cjs CHANGED Viewed

@@ -133,7 +133,7 @@ const Input = React__namespace.forwardRef(function LegacyInput(props, ref) {
   if (button) {
     const disabled = button.props.disabled || attributes.disabled;
     const buttonClassName = cn(
-      "items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none",
+      "flex h-full items-center justify-center rounded-l-none rounded-r focus:z-10 focus:rounded focus:outline-none",
       util.getButtonStateClasses(attributes.invalid, disabled),
       button.props.className
     );

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.cjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n /** Draws attention to the input by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n postfix?: string \| JSX.Element;\n prefix?: string \| JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = new Set(['text', 'search', 'url', 'tel', 'password']);\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n props: InputWithoutDeprecatedFeaturesProps,\n ref: React.Ref<HTMLInputElement>\n) {\n const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n // input[type=number] does not support setSelectionRange by default, this adds support\n React.useLayoutEffect(() => {\n if (internalRef.current && type === 'number') {\n (function (fn) {\n internalRef.current.setSelectionRange = function (...args) {\n if (this.type === 'number') {\n this.type = 'text';\n fn.apply(this, args);\n this.type = 'number';\n } else {\n fn.apply(this, args);\n }\n };\n })(internalRef.current.setSelectionRange);\n }\n }, []);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // prevent any external keyboard shortcuts from executing while typing single characters in input\n if (event.key.length === 1 && !isPressingMetaKey(event)) {\n event.stopPropagation();\n }\n\n // home and end keys only navigate to the start/end of input value if the input container does not scroll\n // if it has scroll height then the browser reverts to native scrolling behaviour only\n // so we manually override it to ensure _our_ desired behaviour remains intact\n // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n if (validSetSelectionRangeTypes.has(type) && !event.shiftKey && (event.key === 'Home' \|\| event.key === 'End')) {\n event.preventDefault();\n const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n event.currentTarget.setSelectionRange(position, position);\n\n // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n if (internalRef.current) {\n const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n internalRef.current.scrollLeft = scrollPosition;\n }\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n };\n\n const prefixRef = React.useRef<HTMLDivElement>(null);\n const prefixRect = useBoundingClientRectListener(prefixRef);\n const postfixRef = React.useRef<HTMLDivElement>(null);\n const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n const className = cn(\n getInputClasses(props),\n {\n 'pl-8': !!prefix,\n 'pr-8': !!postfix,\n },\n attributes.className\n );\n\n const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n type,\n };\n\n if (type === 'number') {\n typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n // blur is the only way to prevent scroll, so restore focus if it had it\n if (document.activeElement === event.currentTarget) {\n requestAnimationFrame(() => {\n (event.target as HTMLInputElement).focus();\n });\n }\n // blur the field on scroll - only way to prevent scroll\n event.currentTarget.blur();\n };\n }\n\n return (\n <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n <input\n {...attributes}\n {...typeAttributes}\n aria-invalid={invalid}\n className={className}\n data-highlighted={highlighted}\n data-taco=\"input\"\n onKeyDown={handleKeyDown}\n ref={internalRef}\n style={{\n paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n }}\n />\n {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n </div>\n );\n});\n\ntype AffixProps = {\n children: string \| JSX.Element;\n disabled?: boolean;\n type: 'prefix' \| 'postfix';\n};\nconst Affix = React.memo(\n React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n const { children, disabled, type } = props;\n\n return (\n <div\n className={cn(\n 'group absolute top-0 flex h-full items-center justify-center px-2',\n // icon\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n {\n 'text-gray-300': disabled,\n 'text-gray-700': !disabled,\n 'left-0 [&>button]:!-ml-2': type === 'prefix',\n 'right-0 [&>button]:!-mr-2': type === 'postfix',\n }\n )}\n data-affix-type={type}\n ref={ref}>\n {children}\n </div>\n );\n })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n /* Shows a button within the input field /\n button?: React.ReactElement;\n /* Shows an icon within the input field */\n icon?: IconName \| JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n const { button, icon, ...attributes } = props;\n\n let postfix;\n\n if (button) {\n const disabled = button.props.disabled \|\| attributes.disabled;\n const buttonClassName = cn(\n 'items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none',\n getButtonStateClasses(attributes.invalid, disabled),\n button.props.className\n );\n postfix = React.cloneElement(button, {\n className: buttonClassName,\n disabled,\n });\n } else if (icon) {\n postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n }\n\n return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["React","InputWithoutDeprecatedFeatures","useMergedRef","isPressingMetaKey","useBoundingClientRectListener","getInputClasses","Affix","getButtonStateClasses","Icon"],"mappings":"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"}
1	+ {"version":3,"file":"Input.cjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n /** Draws attention to the input by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n postfix?: string \| React.JSX.Element;\n prefix?: string \| React.JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = new Set(['text', 'search', 'url', 'tel', 'password']);\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n props: InputWithoutDeprecatedFeaturesProps,\n ref: React.Ref<HTMLInputElement>\n) {\n const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n // input[type=number] does not support setSelectionRange by default, this adds support\n React.useLayoutEffect(() => {\n if (internalRef.current && type === 'number') {\n (function (fn) {\n internalRef.current.setSelectionRange = function (...args) {\n if (this.type === 'number') {\n this.type = 'text';\n fn.apply(this, args);\n this.type = 'number';\n } else {\n fn.apply(this, args);\n }\n };\n })(internalRef.current.setSelectionRange);\n }\n }, []);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // prevent any external keyboard shortcuts from executing while typing single characters in input\n if (event.key.length === 1 && !isPressingMetaKey(event)) {\n event.stopPropagation();\n }\n\n // home and end keys only navigate to the start/end of input value if the input container does not scroll\n // if it has scroll height then the browser reverts to native scrolling behaviour only\n // so we manually override it to ensure _our_ desired behaviour remains intact\n // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n if (validSetSelectionRangeTypes.has(type) && !event.shiftKey && (event.key === 'Home' \|\| event.key === 'End')) {\n event.preventDefault();\n const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n event.currentTarget.setSelectionRange(position, position);\n\n // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n if (internalRef.current) {\n const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n internalRef.current.scrollLeft = scrollPosition;\n }\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n };\n\n const prefixRef = React.useRef<HTMLDivElement>(null);\n const prefixRect = useBoundingClientRectListener(prefixRef);\n const postfixRef = React.useRef<HTMLDivElement>(null);\n const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n const className = cn(\n getInputClasses(props),\n {\n 'pl-8': !!prefix,\n 'pr-8': !!postfix,\n },\n attributes.className\n );\n\n const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n type,\n };\n\n if (type === 'number') {\n typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n // blur is the only way to prevent scroll, so restore focus if it had it\n if (document.activeElement === event.currentTarget) {\n requestAnimationFrame(() => {\n (event.target as HTMLInputElement).focus();\n });\n }\n // blur the field on scroll - only way to prevent scroll\n event.currentTarget.blur();\n };\n }\n\n return (\n <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n <input\n {...attributes}\n {...typeAttributes}\n aria-invalid={invalid}\n className={className}\n data-highlighted={highlighted}\n data-taco=\"input\"\n onKeyDown={handleKeyDown}\n ref={internalRef}\n style={{\n paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n }}\n />\n {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n </div>\n );\n});\n\ntype AffixProps = {\n children: string \| React.JSX.Element;\n disabled?: boolean;\n type: 'prefix' \| 'postfix';\n};\nconst Affix = React.memo(\n React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n const { children, disabled, type } = props;\n\n return (\n <div\n className={cn(\n 'group absolute top-0 flex h-full items-center justify-center px-2',\n // icon\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n {\n 'text-gray-300': disabled,\n 'text-gray-700': !disabled,\n 'left-0 [&>button]:!-ml-2': type === 'prefix',\n 'right-0 [&>button]:!-mr-2': type === 'postfix',\n }\n )}\n data-affix-type={type}\n ref={ref}>\n {children}\n </div>\n );\n })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n /* Shows a button within the input field /\n button?: React.ReactElement<{ disabled?: boolean; className?: string }>;\n /* Shows an icon within the input field */\n icon?: IconName \| React.JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n const { button, icon, ...attributes } = props;\n\n let postfix;\n\n if (button) {\n const disabled = button.props.disabled \|\| attributes.disabled;\n const buttonClassName = cn(\n 'flex h-full items-center justify-center rounded-l-none rounded-r focus:z-10 focus:rounded focus:outline-none',\n getButtonStateClasses(attributes.invalid, disabled),\n button.props.className\n );\n postfix = React.cloneElement(button, {\n className: buttonClassName,\n disabled,\n });\n } else if (icon) {\n postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n }\n\n return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["React","InputWithoutDeprecatedFeatures","useMergedRef","isPressingMetaKey","useBoundingClientRectListener","getInputClasses","Affix","getButtonStateClasses","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,kDAAkC,IAAI,CAAC,QAAQ,UAAU,OAAO,OAAO,UAAU,CAAC;AAExF,MAAM,iCAAiCA,iBAAM,WAAW,SAASC,gCAC7D,OACA,KACF;AACE,QAAM,EAAE,aAAa,SAAS,WAAW,SAAS,QAAQ,OAAO,QAAQ,GAAG,WAAA,IAAe;AAC3F,QAAM,cAAcC,aAAAA,aAA+B,GAAG;AAGtDF,mBAAM,gBAAgB,MAAM;AACxB,QAAI,YAAY,WAAW,SAAS,UAAU;AAC1C,OAAC,SAAU,IAAI;AACX,oBAAY,QAAQ,oBAAoB,YAAa,MAAM;AACvD,cAAI,KAAK,SAAS,UAAU;AACxB,iBAAK,OAAO;AACZ,eAAG,MAAM,MAAM,IAAI;AACnB,iBAAK,OAAO;AAAA,UAChB,OAAO;AACH,eAAG,MAAM,MAAM,IAAI;AAAA,UACvB;AAAA,QACJ;AAAA,MACJ,GAAG,YAAY,QAAQ,iBAAiB;AAAA,IAC5C;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,gBAAgB,CAAC,UAAiD;AAEpE,QAAI,MAAM,IAAI,WAAW,KAAK,CAACG,SAAAA,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAA;AAAA,IACV;AAMA,QAAI,4BAA4B,IAAI,IAAI,KAAK,CAAC,MAAM,aAAa,MAAM,QAAQ,UAAU,MAAM,QAAQ,QAAQ;AAC3G,YAAM,eAAA;AACN,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AAC1E,YAAM,cAAc,kBAAkB,UAAU,QAAQ;AAGxD,UAAI,YAAY,SAAS;AACrB,cAAM,iBAAiB,MAAM,QAAQ,QAAQ,YAAY,QAAQ,cAAc;AAC/E,oBAAY,QAAQ,aAAa;AAAA,MACrC;AAAA,IACJ;AAEA,QAAI,OAAO,cAAc,YAAY;AACjC,gBAAU,KAAK;AAAA,IACnB;AAAA,EACJ;AAEA,QAAM,YAAYH,iBAAM,OAAuB,IAAI;AACnD,QAAM,aAAaI,8BAAAA,8BAA8B,SAAS;AAC1D,QAAM,aAAaJ,iBAAM,OAAuB,IAAI;AACpD,QAAM,cAAcI,8BAAAA,8BAA8B,YAAY,CAAC,OAAO,CAAC;AAEvE,QAAM,YAAY;AAAA,IACdC,KAAAA,gBAAgB,KAAK;AAAA,IACrB;AAAA,MACI,QAAQ,CAAC,CAAC;AAAA,MACV,QAAQ,CAAC,CAAC;AAAA,IAAA;AAAA,IAEd,WAAW;AAAA,EAAA;AAGf,QAAM,iBAAuE;AAAA,IACzE;AAAA,EAAA;AAGJ,MAAI,SAAS,UAAU;AACnB,mBAAe,iBAAiB,CAAC,UAA8C;AAE3E,UAAI,SAAS,kBAAkB,MAAM,eAAe;AAChD,8BAAsB,MAAM;AACvB,gBAAM,OAA4B,MAAA;AAAA,QACvC,CAAC;AAAA,MACL;AAEA,YAAM,cAAc,KAAA;AAAA,IACxB;AAAA,EACJ;AAEA,SACIL,iCAAA,cAAC,OAAA,EAAI,WAAU,qCAAoC,aAAU,mBAAkB,OAAO,EAAE,SAAS,MAAA,EAAM,GACnGA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,gBAAc;AAAA,MACd;AAAA,MACA,oBAAkB;AAAA,MAClB,aAAU;AAAA,MACV,WAAW;AAAA,MACX,KAAK;AAAA,MACL,OAAO;AAAA,QACH,aAAa,aAAa,GAAG,WAAW,QAAQ,CAAC,OAAO;AAAA,QACxD,cAAc,cAAc,GAAG,YAAY,QAAQ,CAAC,OAAO;AAAA,MAAA;AAAA,IAC/D;AAAA,EAAA,GAEH,SAASA,iCAAA,cAAC,OAAA,EAAM,MAAK,UAAS,UAAU,QAAQ,UAAU,WAAW,UAAU,KAAK,UAAA,CAAW,IAAK,MACpG,UAAUA,iCAAA,cAAC,OAAA,EAAM,MAAK,WAAU,UAAU,SAAS,UAAU,WAAW,UAAU,KAAK,WAAA,CAAY,IAAK,IAC7G;AAER,CAAC;AAOD,MAAM,QAAQA,iBAAM;AAAA,EAChBA,iBAAM,WAAW,SAASM,OAAM,OAAmB,KAAgC;AAC/E,UAAM,EAAE,UAAU,UAAU,KAAA,IAAS;AAErC,WACIN,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,YACI,iBAAiB;AAAA,YACjB,iBAAiB,CAAC;AAAA,YAClB,4BAA4B,SAAS;AAAA,YACrC,6BAA6B,SAAS;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEJ,mBAAiB;AAAA,QACjB;AAAA,MAAA;AAAA,MACC;AAAA,IAAA;AAAA,EAGb,CAAC;AACL;AASO,MAAM,QAAQA,iBAAM,WAAW,SAAS,YAAY,OAAmB,KAAkC;AAC5G,QAAM,EAAE,QAAQ,MAAM,GAAG,eAAe;AAExC,MAAI;AAEJ,MAAI,QAAQ;AACR,UAAM,WAAW,OAAO,MAAM,YAAY,WAAW;AACrD,UAAM,kBAAkB;AAAA,MACpB;AAAA,MACAO,2BAAsB,WAAW,SAAS,QAAQ;AAAA,MAClD,OAAO,MAAM;AAAA,IAAA;AAEjB,cAAUP,iBAAM,aAAa,QAAQ;AAAA,MACjC,WAAW;AAAA,MACX;AAAA,IAAA,CACH;AAAA,EACL,WAAW,MAAM;AACb,cAAU,OAAO,SAAS,0DAAYQ,KAAAA,MAAA,EAAK,MAAM,MAAM,IAAK;AAAA,EAChE;AAEA,SAAOR,iCAAA,cAAC,kCAAgC,GAAG,YAAY,SAAS,WAAW,WAAW,SAAS,IAAA,CAAU;AAC7G,CAAC;;"}

package/dist/components/Input/Input.d.ts CHANGED Viewed

@@ -4,24 +4,30 @@ export type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes
     /** Draws attention to the input by changing its style and making it visually prominent */
     highlighted?: boolean;
     invalid?: boolean;
-    postfix?: string | JSX.Element;
-    prefix?: string | JSX.Element;
+    postfix?: string | React.JSX.Element;
+    prefix?: string | React.JSX.Element;
 };
 export type InputProps = InputWithoutDeprecatedFeaturesProps & {
     /** Shows a button within the input field */
-    button?: React.ReactElement;
+    button?: React.ReactElement<{
+        disabled?: boolean;
+        className?: string;
+    }>;
     /** Shows an icon within the input field  */
-    icon?: IconName | JSX.Element;
+    icon?: IconName | React.JSX.Element;
 };
 export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & {
     /** Draws attention to the input by changing its style and making it visually prominent */
     highlighted?: boolean;
     invalid?: boolean;
-    postfix?: string | JSX.Element;
-    prefix?: string | JSX.Element;
+    postfix?: string | React.JSX.Element;
+    prefix?: string | React.JSX.Element;
 } & {
     /** Shows a button within the input field */
-    button?: React.ReactElement;
+    button?: React.ReactElement<{
+        disabled?: boolean;
+        className?: string;
+    }>;
     /** Shows an icon within the input field  */
-    icon?: IconName | JSX.Element;
+    icon?: IconName | React.JSX.Element;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Input/Input.js CHANGED Viewed

@@ -114,7 +114,7 @@ const Input = React.forwardRef(function LegacyInput(props, ref) {
   if (button) {
     const disabled = button.props.disabled || attributes.disabled;
     const buttonClassName = cn(
-      "items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none",
+      "flex h-full items-center justify-center rounded-l-none rounded-r focus:z-10 focus:rounded focus:outline-none",
       getButtonStateClasses(attributes.invalid, disabled),
       button.props.className
     );

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n /** Draws attention to the input by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n postfix?: string \| JSX.Element;\n prefix?: string \| JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = new Set(['text', 'search', 'url', 'tel', 'password']);\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n props: InputWithoutDeprecatedFeaturesProps,\n ref: React.Ref<HTMLInputElement>\n) {\n const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n // input[type=number] does not support setSelectionRange by default, this adds support\n React.useLayoutEffect(() => {\n if (internalRef.current && type === 'number') {\n (function (fn) {\n internalRef.current.setSelectionRange = function (...args) {\n if (this.type === 'number') {\n this.type = 'text';\n fn.apply(this, args);\n this.type = 'number';\n } else {\n fn.apply(this, args);\n }\n };\n })(internalRef.current.setSelectionRange);\n }\n }, []);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // prevent any external keyboard shortcuts from executing while typing single characters in input\n if (event.key.length === 1 && !isPressingMetaKey(event)) {\n event.stopPropagation();\n }\n\n // home and end keys only navigate to the start/end of input value if the input container does not scroll\n // if it has scroll height then the browser reverts to native scrolling behaviour only\n // so we manually override it to ensure _our_ desired behaviour remains intact\n // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n if (validSetSelectionRangeTypes.has(type) && !event.shiftKey && (event.key === 'Home' \|\| event.key === 'End')) {\n event.preventDefault();\n const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n event.currentTarget.setSelectionRange(position, position);\n\n // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n if (internalRef.current) {\n const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n internalRef.current.scrollLeft = scrollPosition;\n }\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n };\n\n const prefixRef = React.useRef<HTMLDivElement>(null);\n const prefixRect = useBoundingClientRectListener(prefixRef);\n const postfixRef = React.useRef<HTMLDivElement>(null);\n const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n const className = cn(\n getInputClasses(props),\n {\n 'pl-8': !!prefix,\n 'pr-8': !!postfix,\n },\n attributes.className\n );\n\n const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n type,\n };\n\n if (type === 'number') {\n typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n // blur is the only way to prevent scroll, so restore focus if it had it\n if (document.activeElement === event.currentTarget) {\n requestAnimationFrame(() => {\n (event.target as HTMLInputElement).focus();\n });\n }\n // blur the field on scroll - only way to prevent scroll\n event.currentTarget.blur();\n };\n }\n\n return (\n <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n <input\n {...attributes}\n {...typeAttributes}\n aria-invalid={invalid}\n className={className}\n data-highlighted={highlighted}\n data-taco=\"input\"\n onKeyDown={handleKeyDown}\n ref={internalRef}\n style={{\n paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n }}\n />\n {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n </div>\n );\n});\n\ntype AffixProps = {\n children: string \| JSX.Element;\n disabled?: boolean;\n type: 'prefix' \| 'postfix';\n};\nconst Affix = React.memo(\n React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n const { children, disabled, type } = props;\n\n return (\n <div\n className={cn(\n 'group absolute top-0 flex h-full items-center justify-center px-2',\n // icon\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n {\n 'text-gray-300': disabled,\n 'text-gray-700': !disabled,\n 'left-0 [&>button]:!-ml-2': type === 'prefix',\n 'right-0 [&>button]:!-mr-2': type === 'postfix',\n }\n )}\n data-affix-type={type}\n ref={ref}>\n {children}\n </div>\n );\n })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n /* Shows a button within the input field /\n button?: React.ReactElement;\n /* Shows an icon within the input field */\n icon?: IconName \| JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n const { button, icon, ...attributes } = props;\n\n let postfix;\n\n if (button) {\n const disabled = button.props.disabled \|\| attributes.disabled;\n const buttonClassName = cn(\n 'items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none',\n getButtonStateClasses(attributes.invalid, disabled),\n button.props.className\n );\n postfix = React.cloneElement(button, {\n className: buttonClassName,\n disabled,\n });\n } else if (icon) {\n postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n }\n\n return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["InputWithoutDeprecatedFeatures","Affix"],"mappings":"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"}
1	+ {"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n /** Draws attention to the input by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n postfix?: string \| React.JSX.Element;\n prefix?: string \| React.JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = new Set(['text', 'search', 'url', 'tel', 'password']);\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n props: InputWithoutDeprecatedFeaturesProps,\n ref: React.Ref<HTMLInputElement>\n) {\n const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n // input[type=number] does not support setSelectionRange by default, this adds support\n React.useLayoutEffect(() => {\n if (internalRef.current && type === 'number') {\n (function (fn) {\n internalRef.current.setSelectionRange = function (...args) {\n if (this.type === 'number') {\n this.type = 'text';\n fn.apply(this, args);\n this.type = 'number';\n } else {\n fn.apply(this, args);\n }\n };\n })(internalRef.current.setSelectionRange);\n }\n }, []);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n // prevent any external keyboard shortcuts from executing while typing single characters in input\n if (event.key.length === 1 && !isPressingMetaKey(event)) {\n event.stopPropagation();\n }\n\n // home and end keys only navigate to the start/end of input value if the input container does not scroll\n // if it has scroll height then the browser reverts to native scrolling behaviour only\n // so we manually override it to ensure _our_ desired behaviour remains intact\n // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n if (validSetSelectionRangeTypes.has(type) && !event.shiftKey && (event.key === 'Home' \|\| event.key === 'End')) {\n event.preventDefault();\n const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n event.currentTarget.setSelectionRange(position, position);\n\n // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n if (internalRef.current) {\n const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n internalRef.current.scrollLeft = scrollPosition;\n }\n }\n\n if (typeof onKeyDown === 'function') {\n onKeyDown(event);\n }\n };\n\n const prefixRef = React.useRef<HTMLDivElement>(null);\n const prefixRect = useBoundingClientRectListener(prefixRef);\n const postfixRef = React.useRef<HTMLDivElement>(null);\n const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n const className = cn(\n getInputClasses(props),\n {\n 'pl-8': !!prefix,\n 'pr-8': !!postfix,\n },\n attributes.className\n );\n\n const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n type,\n };\n\n if (type === 'number') {\n typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n // blur is the only way to prevent scroll, so restore focus if it had it\n if (document.activeElement === event.currentTarget) {\n requestAnimationFrame(() => {\n (event.target as HTMLInputElement).focus();\n });\n }\n // blur the field on scroll - only way to prevent scroll\n event.currentTarget.blur();\n };\n }\n\n return (\n <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n <input\n {...attributes}\n {...typeAttributes}\n aria-invalid={invalid}\n className={className}\n data-highlighted={highlighted}\n data-taco=\"input\"\n onKeyDown={handleKeyDown}\n ref={internalRef}\n style={{\n paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n }}\n />\n {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n </div>\n );\n});\n\ntype AffixProps = {\n children: string \| React.JSX.Element;\n disabled?: boolean;\n type: 'prefix' \| 'postfix';\n};\nconst Affix = React.memo(\n React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n const { children, disabled, type } = props;\n\n return (\n <div\n className={cn(\n 'group absolute top-0 flex h-full items-center justify-center px-2',\n // icon\n '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n {\n 'text-gray-300': disabled,\n 'text-gray-700': !disabled,\n 'left-0 [&>button]:!-ml-2': type === 'prefix',\n 'right-0 [&>button]:!-mr-2': type === 'postfix',\n }\n )}\n data-affix-type={type}\n ref={ref}>\n {children}\n </div>\n );\n })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n /* Shows a button within the input field /\n button?: React.ReactElement<{ disabled?: boolean; className?: string }>;\n /* Shows an icon within the input field */\n icon?: IconName \| React.JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n const { button, icon, ...attributes } = props;\n\n let postfix;\n\n if (button) {\n const disabled = button.props.disabled \|\| attributes.disabled;\n const buttonClassName = cn(\n 'flex h-full items-center justify-center rounded-l-none rounded-r focus:z-10 focus:rounded focus:outline-none',\n getButtonStateClasses(attributes.invalid, disabled),\n button.props.className\n );\n postfix = React.cloneElement(button, {\n className: buttonClassName,\n disabled,\n });\n } else if (icon) {\n postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n }\n\n return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["InputWithoutDeprecatedFeatures","Affix"],"mappings":"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"}

package/dist/components/Input/util.cjs CHANGED Viewed

@@ -6,28 +6,28 @@ const getInputClasses = (props) => {
   const readOnly = props.readOnly || !!props["aria-readonly"];
   const invalid = props.invalid || !!props["aria-invalid"];
   return cn(
-    "peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus",
+    "peer relative flex min-h-[theme(spacing.8)] w-full items-center text-ellipsis rounded border px-2 text-sm font-normal not-italic leading-6 text-black no-underline transition-colors transition-opacity ease-in focus:yt-focus",
     // hide the arrow controls on input[type=number]
-    "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+    "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
     {
       "bg-white": !props.highlighted && !readOnly,
       // default
       "border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100": !invalid,
       // disabled
-      "text-opacity-25 cursor-not-allowed placeholder:text-gray-500": disabled,
+      "cursor-not-allowed text-opacity-25 placeholder:text-gray-500": disabled,
       // highlighted
       "bg-yellow-50 placeholder:text-yellow-300": props.highlighted && disabled,
       "bg-yellow-100 placeholder:text-yellow-500": props.highlighted && !disabled,
       // invalid
       "border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50": invalid,
       // readOnly
-      "cursor-not-allowed text-black bg-gray-50": readOnly
+      "cursor-not-allowed bg-gray-50 text-black": readOnly
     }
   );
 };
 const getButtonStateClasses = (invalid, disabled = false) => {
   if (invalid) {
-    return cn("border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in", {
+    return cn("border border-red-500 transition-colors ease-in group-peer-hover:enabled:border-red-700", {
       "border-red-500/30": disabled
     });
   }

package/dist/components/Input/util.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.cjs","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'aria-disabled' \| 'aria-readonly' \| 'aria-invalid' \| 'readOnly' \| 'disabled'\n> & {\n invalid?: boolean;\n highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n const disabled = props.disabled \|\| !!props['aria-disabled'];\n const readOnly = props.readOnly \|\| !!props['aria-readonly'];\n const invalid = props.invalid \|\| !!props['aria-invalid'];\n\n return cn(\n 'peer ~~text-black~~ ~~text~~-sm ~~border font~~-~~normal~~ ~~not~~-~~italic~~ no-~~underline~~ rounded ~~flex~~ ~~items~~-~~center~~ ~~leading~~-6 px-2 ~~relative~~ w-~~full~~ text-~~ellipsis~~ transition-colors transition-opacity ease-in ~~min-h-[theme(spacing.8)]~~ focus:yt-focus',\n // hide the arrow controls on input[type=number]\n '[appearance:textfield] [&::-webkit-~~outer~~-spin-button]:appearance-none [&::-webkit-~~inner~~-spin-button]:appearance-none',\n {\n 'bg-white': !props.highlighted && !readOnly,\n // default\n 'border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100': !invalid,\n // disabled\n 'text-opacity-25 ~~cursor-not-allowed~~ placeholder:text-gray-500': disabled,\n // highlighted\n 'bg-yellow-50 placeholder:text-yellow-300': props.highlighted && disabled,\n 'bg-yellow-100 placeholder:text-yellow-500': props.highlighted && !disabled,\n // invalid\n 'border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50': invalid,\n // readOnly\n 'cursor-not-allowed ~~text-black~~ bg-gray-50': readOnly,\n }\n );\n};\n\nexport const getButtonStateClasses = (invalid: boolean \| undefined, disabled = false): string => {\n if (invalid) {\n return cn('border border-red-500 group-peer-hover:enabled:border-red-700 ~~transition-colors ease-in~~', {\n 'border-red-500/30': disabled,\n });\n }\n\n return 'border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";;;~~AAUa~~,~~MAAA~~,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;~~AAEhD~~,~~SAAA~~;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,4CAA4C,MAAM,eAAe;AAAA,MACjE,6CAA6C,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnE,0EAA0E;AAAA;AAAA,MAE1E,4CAA4C;AAAA,IAAA;AAAA,~~EAEpD~~;~~AACJ~~;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,~~EAAA~~;~~AAGE~~,~~SAAA~~;AACX;;;"}
1	+ {"version":3,"file":"util.cjs","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'aria-disabled' \| 'aria-readonly' \| 'aria-invalid' \| 'readOnly' \| 'disabled'\n> & {\n invalid?: boolean;\n highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n const disabled = props.disabled \|\| !!props['aria-disabled'];\n const readOnly = props.readOnly \|\| !!props['aria-readonly'];\n const invalid = props.invalid \|\| !!props['aria-invalid'];\n\n return cn(\n 'peer relative flex min-h-[theme(spacing.8)] w-full items-center text-ellipsis rounded border px-2 text-sm font-normal not-italic leading-6 text-black no-underline transition-colors transition-opacity ease-in focus:yt-focus',\n // hide the arrow controls on input[type=number]\n '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n {\n 'bg-white': !props.highlighted && !readOnly,\n // default\n 'border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100': !invalid,\n // disabled\n 'cursor-not-allowed text-opacity-25 placeholder:text-gray-500': disabled,\n // highlighted\n 'bg-yellow-50 placeholder:text-yellow-300': props.highlighted && disabled,\n 'bg-yellow-100 placeholder:text-yellow-500': props.highlighted && !disabled,\n // invalid\n 'border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50': invalid,\n // readOnly\n 'cursor-not-allowed bg-gray-50 text-black': readOnly,\n }\n );\n};\n\nexport const getButtonStateClasses = (invalid: boolean \| undefined, disabled = false): string => {\n if (invalid) {\n return cn('border border-red-500 transition-colors ease-in group-peer-hover:enabled:border-red-700', {\n 'border-red-500/30': disabled,\n });\n }\n\n return 'border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;AAEvD,SAAO;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,4CAA4C,MAAM,eAAe;AAAA,MACjE,6CAA6C,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnE,0EAA0E;AAAA;AAAA,MAE1E,4CAA4C;AAAA,IAAA;AAAA,EAChD;AAER;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,EACL;AAEA,SAAO;AACX;;;"}

package/dist/components/Input/util.js CHANGED Viewed

@@ -4,28 +4,28 @@ const getInputClasses = (props) => {
   const readOnly = props.readOnly || !!props["aria-readonly"];
   const invalid = props.invalid || !!props["aria-invalid"];
   return cn(
-    "peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus",
+    "peer relative flex min-h-[theme(spacing.8)] w-full items-center text-ellipsis rounded border px-2 text-sm font-normal not-italic leading-6 text-black no-underline transition-colors transition-opacity ease-in focus:yt-focus",
     // hide the arrow controls on input[type=number]
-    "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+    "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
     {
       "bg-white": !props.highlighted && !readOnly,
       // default
       "border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100": !invalid,
       // disabled
-      "text-opacity-25 cursor-not-allowed placeholder:text-gray-500": disabled,
+      "cursor-not-allowed text-opacity-25 placeholder:text-gray-500": disabled,
       // highlighted
       "bg-yellow-50 placeholder:text-yellow-300": props.highlighted && disabled,
       "bg-yellow-100 placeholder:text-yellow-500": props.highlighted && !disabled,
       // invalid
       "border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50": invalid,
       // readOnly
-      "cursor-not-allowed text-black bg-gray-50": readOnly
+      "cursor-not-allowed bg-gray-50 text-black": readOnly
     }
   );
 };
 const getButtonStateClasses = (invalid, disabled = false) => {
   if (invalid) {
-    return cn("border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in", {
+    return cn("border border-red-500 transition-colors ease-in group-peer-hover:enabled:border-red-700", {
       "border-red-500/30": disabled
     });
   }

package/dist/components/Input/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'aria-disabled' \| 'aria-readonly' \| 'aria-invalid' \| 'readOnly' \| 'disabled'\n> & {\n invalid?: boolean;\n highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n const disabled = props.disabled \|\| !!props['aria-disabled'];\n const readOnly = props.readOnly \|\| !!props['aria-readonly'];\n const invalid = props.invalid \|\| !!props['aria-invalid'];\n\n return cn(\n 'peer ~~text-black~~ ~~text~~-sm ~~border font~~-~~normal~~ ~~not~~-~~italic~~ no-~~underline~~ rounded ~~flex~~ ~~items~~-~~center~~ ~~leading~~-6 px-2 ~~relative~~ w-~~full~~ text-~~ellipsis~~ transition-colors transition-opacity ease-in ~~min-h-[theme(spacing.8)]~~ focus:yt-focus',\n // hide the arrow controls on input[type=number]\n '[appearance:textfield] [&::-webkit-~~outer~~-spin-button]:appearance-none [&::-webkit-~~inner~~-spin-button]:appearance-none',\n {\n 'bg-white': !props.highlighted && !readOnly,\n // default\n 'border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100': !invalid,\n // disabled\n 'text-opacity-25 ~~cursor-not-allowed~~ placeholder:text-gray-500': disabled,\n // highlighted\n 'bg-yellow-50 placeholder:text-yellow-300': props.highlighted && disabled,\n 'bg-yellow-100 placeholder:text-yellow-500': props.highlighted && !disabled,\n // invalid\n 'border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50': invalid,\n // readOnly\n 'cursor-not-allowed ~~text-black~~ bg-gray-50': readOnly,\n }\n );\n};\n\nexport const getButtonStateClasses = (invalid: boolean \| undefined, disabled = false): string => {\n if (invalid) {\n return cn('border border-red-500 group-peer-hover:enabled:border-red-700 ~~transition-colors ease-in~~', {\n 'border-red-500/30': disabled,\n });\n }\n\n return 'border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";~~AAUa~~,~~MAAA~~,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;~~AAEhD~~,~~SAAA~~;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,4CAA4C,MAAM,eAAe;AAAA,MACjE,6CAA6C,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnE,0EAA0E;AAAA;AAAA,MAE1E,4CAA4C;AAAA,IAAA;AAAA,~~EAEpD~~;~~AACJ~~;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,~~EAAA~~;~~AAGE~~,~~SAAA~~;AACX;"}
1	+ {"version":3,"file":"util.js","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'aria-disabled' \| 'aria-readonly' \| 'aria-invalid' \| 'readOnly' \| 'disabled'\n> & {\n invalid?: boolean;\n highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n const disabled = props.disabled \|\| !!props['aria-disabled'];\n const readOnly = props.readOnly \|\| !!props['aria-readonly'];\n const invalid = props.invalid \|\| !!props['aria-invalid'];\n\n return cn(\n 'peer relative flex min-h-[theme(spacing.8)] w-full items-center text-ellipsis rounded border px-2 text-sm font-normal not-italic leading-6 text-black no-underline transition-colors transition-opacity ease-in focus:yt-focus',\n // hide the arrow controls on input[type=number]\n '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n {\n 'bg-white': !props.highlighted && !readOnly,\n // default\n 'border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100': !invalid,\n // disabled\n 'cursor-not-allowed text-opacity-25 placeholder:text-gray-500': disabled,\n // highlighted\n 'bg-yellow-50 placeholder:text-yellow-300': props.highlighted && disabled,\n 'bg-yellow-100 placeholder:text-yellow-500': props.highlighted && !disabled,\n // invalid\n 'border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50': invalid,\n // readOnly\n 'cursor-not-allowed bg-gray-50 text-black': readOnly,\n }\n );\n};\n\nexport const getButtonStateClasses = (invalid: boolean \| undefined, disabled = false): string => {\n if (invalid) {\n return cn('border border-red-500 transition-colors ease-in group-peer-hover:enabled:border-red-700', {\n 'border-red-500/30': disabled,\n });\n }\n\n return 'border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";AAUO,MAAM,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;AAEvD,SAAO;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,4CAA4C,MAAM,eAAe;AAAA,MACjE,6CAA6C,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnE,0EAA0E;AAAA;AAAA,MAE1E,4CAA4C;AAAA,IAAA;AAAA,EAChD;AAER;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,EACL;AAEA,SAAO;AACX;"}

package/dist/components/Layout/Layout.cjs CHANGED Viewed

@@ -10,7 +10,7 @@ const Page = require("./components/Page.cjs");
 const Layout = React.forwardRef(function Layout2(props, ref) {
   const [sidebarOpen, setSidebarOpen] = React.useState(false);
   const className = cn(
-    "flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative",
+    "relative flex h-screen w-screen flex-col overflow-hidden print:h-full print:overflow-visible",
     props.className
   );
   return /* @__PURE__ */ React.createElement(Context.LayoutContext.Provider, { value: { sidebarOpen, setSidebarOpen } }, /* @__PURE__ */ React.createElement("div", { ...props, className, ref }));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Layout.cjs","sources":["../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n const [sidebarOpen, setSidebarOpen] = React.useState(false);\n const className = cn(\n 'flex h-screen w-screen flex-col overflow-hidden print:~~overflow~~-~~visible~~ print:h-~~full relative~~',\n props.className\n );\n\n return (\n <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n <div {...props} className={className} ref={ref} />\n </LayoutContext.Provider>\n );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n Top: typeof Top;\n Page: typeof Page;\n Sidebar: typeof Sidebar;\n Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["Layout","LayoutContext","Top","Page","Sidebar","Content"],"mappings":";;;;;;;;;AAUO,MAAM,SAAS,MAAM,WAAwC,SAASA,QAAO,OAAO,KAAK;AAC5F,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,~~EACV~~;~~AAEA~~,~~SACK~~,sBAAA,~~cAAAC~~,~~QAAA~~,cAAc,UAAd,EAAuB,OAAO,EAAE,aAAa,~~eAAe~~,~~EAAA~~,uCACxD,~~OAAK~~,~~EAAA~~,GAAG,OAAO,WAAsB,KAAU,CACpD;AAER,CAAC;AAOD,OAAO,MAAMC,~~IAAA~~;AACb,OAAO,OAAOC,~~KAAA~~;AACd,OAAO,UAAUC,~~QAAA~~;AACjB,OAAO,UAAUC,~~QAAA~~;;"}
1	+ {"version":3,"file":"Layout.cjs","sources":["../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n const [sidebarOpen, setSidebarOpen] = React.useState(false);\n const className = cn(\n 'relative flex h-screen w-screen flex-col overflow-hidden print:h-full print:overflow-visible',\n props.className\n );\n\n return (\n <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n <div {...props} className={className} ref={ref} />\n </LayoutContext.Provider>\n );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n Top: typeof Top;\n Page: typeof Page;\n Sidebar: typeof Sidebar;\n Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["Layout","LayoutContext","Top","Page","Sidebar","Content"],"mappings":";;;;;;;;;AAUO,MAAM,SAAS,MAAM,WAAwC,SAASA,QAAO,OAAO,KAAK;AAC5F,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA,cAACC,QAAAA,cAAc,UAAd,EAAuB,OAAO,EAAE,aAAa,eAAA,EAAe,uCACxD,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,CACpD;AAER,CAAC;AAOD,OAAO,MAAMC,IAAAA;AACb,OAAO,OAAOC,KAAAA;AACd,OAAO,UAAUC,QAAAA;AACjB,OAAO,UAAUC,QAAAA;;"}

package/dist/components/Layout/Layout.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { Page } from "./components/Page.js";
 const Layout = React__default.forwardRef(function Layout2(props, ref) {
   const [sidebarOpen, setSidebarOpen] = React__default.useState(false);
   const className = cn(
-    "flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative",
+    "relative flex h-screen w-screen flex-col overflow-hidden print:h-full print:overflow-visible",
     props.className
   );
   return /* @__PURE__ */ React__default.createElement(LayoutContext.Provider, { value: { sidebarOpen, setSidebarOpen } }, /* @__PURE__ */ React__default.createElement("div", { ...props, className, ref }));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Layout.js","sources":["../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n const [sidebarOpen, setSidebarOpen] = React.useState(false);\n const className = cn(\n 'flex h-screen w-screen flex-col overflow-hidden print:~~overflow~~-~~visible~~ print:h-~~full relative~~',\n props.className\n );\n\n return (\n <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n <div {...props} className={className} ref={ref} />\n </LayoutContext.Provider>\n );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n Top: typeof Top;\n Page: typeof Page;\n Sidebar: typeof Sidebar;\n Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["React","Layout"],"mappings":";;;;;;;AAUO,MAAM,SAASA,eAAM,WAAwC,SAASC,QAAO,OAAO,KAAK;AAC5F,QAAM,CAAC,aAAa,cAAc,IAAID,eAAM,SAAS,KAAK;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,~~EACV~~;~~AAEA~~,~~SACKA~~,+BAAA,~~cAAA~~,cAAc,UAAd,EAAuB,OAAO,EAAE,aAAa,~~eAAe~~,~~EAAA~~,gDACxD,~~OAAK~~,~~EAAA~~,GAAG,OAAO,WAAsB,KAAU,CACpD;AAER,CAAC;AAOD,OAAO,MAAM;AACb,OAAO,OAAO;AACd,OAAO,UAAU;AACjB,OAAO,UAAU;"}
1	+ {"version":3,"file":"Layout.js","sources":["../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n const [sidebarOpen, setSidebarOpen] = React.useState(false);\n const className = cn(\n 'relative flex h-screen w-screen flex-col overflow-hidden print:h-full print:overflow-visible',\n props.className\n );\n\n return (\n <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n <div {...props} className={className} ref={ref} />\n </LayoutContext.Provider>\n );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n Top: typeof Top;\n Page: typeof Page;\n Sidebar: typeof Sidebar;\n Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["React","Layout"],"mappings":";;;;;;;AAUO,MAAM,SAASA,eAAM,WAAwC,SAASC,QAAO,OAAO,KAAK;AAC5F,QAAM,CAAC,aAAa,cAAc,IAAID,eAAM,SAAS,KAAK;AAC1D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACIA,+BAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,aAAa,eAAA,EAAe,gDACxD,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,CACpD;AAER,CAAC;AAOD,OAAO,MAAM;AACb,OAAO,OAAO;AACd,OAAO,UAAU;AACjB,OAAO,UAAU;"}

package/dist/components/Layout/components/Content.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const React = require("react");
 const cn = require("clsx");
 const Content = React.forwardRef(function LayoutContent(props, ref) {
   const className = cn(
-    "flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative",
+    "relative flex flex-shrink flex-grow flex-col overflow-y-auto bg-white print:h-full print:overflow-visible print:!p-0",
     props.className
   );
   return /* @__PURE__ */ React.createElement("main", { ...props, className, ref });

package/dist/components/Layout/components/Content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.cjs","sources":["../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n const className = cn(\n 'flex-grow overflow-y-auto ~~print:overflow~~-~~visible~~ print:h-full print:!p-0 ~~bg-white flex flex-shrink flex-col relative~~',\n props.className\n );\n return <main {...props} className={className} ref={ref} />;\n});\n"],"names":[],"mappings":";;;;AAKO,MAAM,UAAU,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,~~EACV~~;~~AACA~~,~~SAAQ~~,sBAAA,~~cAAA~~,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;;"}
1	+ {"version":3,"file":"Content.cjs","sources":["../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n const className = cn(\n 'relative flex flex-shrink flex-grow flex-col overflow-y-auto bg-white print:h-full print:overflow-visible print:!p-0',\n props.className\n );\n return <main {...props} className={className} ref={ref} />;\n});\n"],"names":[],"mappings":";;;;AAKO,MAAM,UAAU,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAEV,SAAO,sBAAA,cAAC,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;;"}

package/dist/components/Layout/components/Content.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React__default from "react";
 import cn from "clsx";
 const Content = React__default.forwardRef(function LayoutContent(props, ref) {
   const className = cn(
-    "flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative",
+    "relative flex flex-shrink flex-grow flex-col overflow-y-auto bg-white print:h-full print:overflow-visible print:!p-0",
     props.className
   );
   return /* @__PURE__ */ React__default.createElement("main", { ...props, className, ref });

package/dist/components/Layout/components/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n const className = cn(\n 'flex-grow overflow-y-auto ~~print:overflow~~-~~visible~~ print:h-full print:!p-0 ~~bg-white flex flex-shrink flex-col relative~~',\n props.className\n );\n return <main {...props} className={className} ref={ref} />;\n});\n"],"names":["React"],"mappings":";;AAKO,MAAM,UAAUA,eAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,~~EACV~~;~~AACA~~,~~SAAQA~~,+BAAA,~~cAAA~~,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n const className = cn(\n 'relative flex flex-shrink flex-grow flex-col overflow-y-auto bg-white print:h-full print:overflow-visible print:!p-0',\n props.className\n );\n return <main {...props} className={className} ref={ref} />;\n});\n"],"names":["React"],"mappings":";;AAKO,MAAM,UAAUA,eAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAEV,SAAOA,+BAAA,cAAC,QAAA,EAAM,GAAG,OAAO,WAAsB,KAAU;AAC5D,CAAC;"}

package/dist/components/Layout/components/Context.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Context.cjs","sources":["../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n sidebarOpen: boolean;\n setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":[],"mappings":";;;~~AAOa~~,~~MAAA~~,gBAAgB,MAAM,cAAkC,EAAE,aAAa,OAAO,gBAAgB,MAAM,~~OAAW~~,~~CAAA~~;;"}
1	+ {"version":3,"file":"Context.cjs","sources":["../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n sidebarOpen: boolean;\n setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":[],"mappings":";;;AAOO,MAAM,gBAAgB,MAAM,cAAkC,EAAE,aAAa,OAAO,gBAAgB,MAAM,OAAA,CAAW;;"}

package/dist/components/Layout/components/Context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Context.js","sources":["../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n sidebarOpen: boolean;\n setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":["React"],"mappings":";~~AAOa~~,~~MAAA~~,gBAAgBA,eAAM,cAAkC,EAAE,aAAa,OAAO,gBAAgB,MAAM,~~OAAW~~,~~CAAA~~;"}
1	+ {"version":3,"file":"Context.js","sources":["../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n sidebarOpen: boolean;\n setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":["React"],"mappings":";AAOO,MAAM,gBAAgBA,eAAM,cAAkC,EAAE,aAAa,OAAO,gBAAgB,MAAM,OAAA,CAAW;"}

package/dist/components/Layout/components/Page.cjs CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const cn = require("clsx");
 const Page = React.forwardRef(function LayoutPage(props, ref) {
-  const className = cn("flex flex-grow overflow-hidden print:overflow-visible print:h-full relative", props.className);
+  const className = cn("relative flex flex-grow overflow-hidden print:h-full print:overflow-visible", props.className);
   return /* @__PURE__ */ React.createElement("div", { ...props, className, ref });
 });
 exports.Page = Page;

package/dist/components/Layout/components/Page.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Page.cjs","sources":["../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n const className = cn('flex flex-grow overflow-hidden print:~~overflow~~-~~visible~~ print:h-~~full relative~~', props.className);\n return <div {...props} className={className} ref={ref} />;\n});\n"],"names":[],"mappings":";;;;AAKO,MAAM,OAAO,MAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AAClG,QAAM,YAAY,GAAG,+EAA+E,MAAM,SAAS;AACnH,~~SAAQ~~,sBAAA,~~cAAA~~,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU;AAC3D,CAAC;;"}
1	+ {"version":3,"file":"Page.cjs","sources":["../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n const className = cn('relative flex flex-grow overflow-hidden print:h-full print:overflow-visible', props.className);\n return <div {...props} className={className} ref={ref} />;\n});\n"],"names":[],"mappings":";;;;AAKO,MAAM,OAAO,MAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AAClG,QAAM,YAAY,GAAG,+EAA+E,MAAM,SAAS;AACnH,SAAO,sBAAA,cAAC,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU;AAC3D,CAAC;;"}

package/dist/components/Layout/components/Page.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React__default from "react";
 import cn from "clsx";
 const Page = React__default.forwardRef(function LayoutPage(props, ref) {
-  const className = cn("flex flex-grow overflow-hidden print:overflow-visible print:h-full relative", props.className);
+  const className = cn("relative flex flex-grow overflow-hidden print:h-full print:overflow-visible", props.className);
   return /* @__PURE__ */ React__default.createElement("div", { ...props, className, ref });
 });
 export {

package/dist/components/Layout/components/Page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Page.js","sources":["../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n const className = cn('flex flex-grow overflow-hidden print:~~overflow~~-~~visible~~ print:h-~~full relative~~', props.className);\n return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["React"],"mappings":";;AAKO,MAAM,OAAOA,eAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AAClG,QAAM,YAAY,GAAG,+EAA+E,MAAM,SAAS;AACnH,~~SAAQA~~,+BAAA,~~cAAA~~,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU;AAC3D,CAAC;"}
1	+ {"version":3,"file":"Page.js","sources":["../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n const className = cn('relative flex flex-grow overflow-hidden print:h-full print:overflow-visible', props.className);\n return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["React"],"mappings":";;AAKO,MAAM,OAAOA,eAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AAClG,QAAM,YAAY,GAAG,+EAA+E,MAAM,SAAS;AACnH,SAAOA,+BAAA,cAAC,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU;AAC3D,CAAC;"}

package/dist/components/Layout/components/Sidebar.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const cn = require("clsx");
-const framerMotion = require("framer-motion");
+const react = require("motion/react");
 const Context = require("./Context.cjs");
 const useIsLargeScreen = require("../../../hooks/useIsLargeScreen.cjs");
 const Sidebar = React.forwardRef(function LayoutSidebar(props, ref) {
@@ -32,14 +32,14 @@ const Sidebar = React.forwardRef(function LayoutSidebar(props, ref) {
   const showBackdrop = isSmallScreen && sidebarOpen === true;
   const [ready, setReady] = React.useState(isSmallScreen);
   const className = cn(
-    "bg-gray-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden",
+    "h-full w-64 flex-shrink-0 flex-grow-0 bg-gray-50 print:hidden",
     {
-      "absolute z-10 aria-hidden:-translate-x-64 ": isSmallScreen,
+      "absolute z-10 aria-hidden:-translate-x-64": isSmallScreen,
       // prevent animation when crossing the boundary from large to small screen,
       // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)
       invisible: isSmallScreen && !ready,
-      "transition-[transform] duration-300 visible": isSmallScreen && ready,
-      "border-r-2 border-gray-100 ": !showBackdrop
+      "visible transition-[transform] duration-300": isSmallScreen && ready,
+      "border-r-2 border-gray-100": !showBackdrop
     },
     props.className
   );
@@ -53,15 +53,15 @@ const Sidebar = React.forwardRef(function LayoutSidebar(props, ref) {
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("nav", { ...attributes, "data-responsive": isSmallScreen, "aria-hidden": !isVisible, className, ref }, content), /* @__PURE__ */ React.createElement(framerMotion.AnimatePresence, null, showBackdrop && /* @__PURE__ */ React.createElement(
-    framerMotion.motion.div,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("nav", { ...attributes, "data-responsive": isSmallScreen, "aria-hidden": !isVisible, className, ref }, content), /* @__PURE__ */ React.createElement(react.AnimatePresence, null, showBackdrop && /* @__PURE__ */ React.createElement(
+    react.motion.div,
     {
       "aria-hidden": true,
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       onClick: () => setSidebarOpen(false),
-      className: "bg-brand-midnight/[0.3] fixed inset-0 z-[1] cursor-default overflow-y-auto print:absolute print:overflow-visible"
+      className: "fixed inset-0 z-[1] cursor-default overflow-y-auto bg-brand-midnight/[0.3] print:absolute print:overflow-visible"
     }
   )));
 });

package/dist/components/Layout/components/Sidebar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sidebar.cjs","sources":["../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from '~~framer-~~motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\n\nexport type LayoutSidebarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n children:\n \| React.ReactNode\n \| (({\n isLargeScreen,\n open,\n toggleSidebar,\n }: {\n isLargeScreen: boolean;\n open: boolean;\n toggleSidebar: () => void;\n }) => React.ReactNode);\n};\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n const { children, ...attributes } = props;\n const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n const isLargeScreen = useIsLargeScreen();\n const isSmallScreen = !isLargeScreen;\n\n // if it's a large screen we override the open state and make it always visible\n const isVisible = isLargeScreen \|\| sidebarOpen;\n\n // ensures the menu is always closed by default when resizing to a smaller window size\n React.useEffect(() => {\n setSidebarOpen(isLargeScreen);\n }, [isLargeScreen]);\n\n React.useEffect(() => {\n const handleEscapeKey = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n setSidebarOpen(false);\n }\n };\n\n if (isSmallScreen && sidebarOpen) {\n window.addEventListener('keydown', handleEscapeKey);\n }\n\n return () => {\n window.removeEventListener('keydown', handleEscapeKey);\n };\n }, [isSmallScreen, sidebarOpen]);\n\n const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n const [ready, setReady] = React.useState(isSmallScreen);\n\n const className = cn(\n '~~bg-gray-50~~ h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n {\n 'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n // prevent animation when crossing the boundary from large to small screen,\n // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n invisible: isSmallScreen && !ready,\n 'transition-[transform] duration-300 ~~visible~~': isSmallScreen && ready,\n 'border-r-2 border-gray-100 ': !showBackdrop,\n },\n props.className\n );\n\n React.useEffect(() => {\n // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n setTimeout(() => {\n setReady(isSmallScreen);\n }, 1);\n }, [isSmallScreen]);\n\n const toggleSidebar = () => setSidebarOpen(open => !open);\n const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n if (!content) {\n return null;\n }\n\n return (\n <>\n <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n {content}\n </nav>\n <AnimatePresence>\n {showBackdrop && (\n <motion.div\n aria-hidden\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n onClick={() => setSidebarOpen(false)}\n className=\"~~bg-brand-midnight/[0.3]~~ fixed inset-0 z-[1] cursor-default overflow-y-auto print:absolute print:overflow-visible\"\n />\n )}\n </AnimatePresence>\n </>\n );\n});\n"],"names":["LayoutContext","useIsLargeScreen","AnimatePresence","motion"],"mappings":";;;;;;;AAoBO,MAAM,UAAU,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,aAAa,eAAA,IAAmB,MAAM,WAAWA,QAAAA,aAAa;AACtE,QAAM,gBAAgBC,iBAAAA,~~iBAAiB~~;~~AACvC~~,QAAM,gBAAgB,CAAC;AAGvB,QAAM,YAAY,iBAAiB;AAGnC,QAAM,UAAU,MAAM;AAClB,mBAAe,aAAa;AAAA,~~EAAA~~,~~GAC7B~~,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,MAAM;~~AACZ~~,~~UAAA~~,kBAAkB,CAAC,UAAyB;~~AAC1C~~,~~UAAA~~,MAAM,QAAQ,UAAU;AACxB,cAAM,~~eAAe~~;~~AACrB~~,cAAM,~~gBAAgB~~;~~AACtB~~,uBAAe,KAAK;AAAA,~~MAAA~~;AAAA,~~IAE5B~~;AAEA,QAAI,iBAAiB,aAAa;~~AACvB~~,~~aAAA~~,iBAAiB,WAAW,eAAe;AAAA,~~IAAA~~;~~AAGtD~~,WAAO,MAAM;~~AACF~~,~~aAAA~~,oBAAoB,WAAW,eAAe;AAAA,IACzD;AAAA,~~EAAA~~,~~GACD~~,CAAC,eAAe,WAAW,CAAC;~~AAEzB~~,~~QAAA~~,eAAe,iBAAiB,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,aAAa;AAEtD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,~~8CAA8C~~;AAAA;AAAA;AAAA,~~MAG9C~~,WAAW,iBAAiB,CAAC;AAAA,MAC7B,+CAA+C,iBAAiB;AAAA,MAChE~~,+BAA+B~~,CAAC;AAAA,~~IACpC~~;AAAA,~~IACA~~,MAAM;AAAA,~~EACV~~;~~AAEA~~,QAAM,UAAU,MAAM;AAElB,eAAW,MAAM;AACb,eAAS,aAAa;AAAA,~~OACvB~~,CAAC;AAAA,~~EAAA~~,~~GACL~~,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,MAAM,eAAe,CAAA,SAAQ,CAAC,IAAI;~~AAClD~~,~~QAAA~~,UAAU,OAAO,aAAa,aAAa,SAAS,EAAE,eAAe,MAAM,aAAa,~~cAAc~~,~~CAAC~~,IAAI;AAEjH,MAAI,CAAC,SAAS;~~AACH~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAGX~~,~~mEAES~~,sBAAA,~~cAAA~~,OAAA,EAAK,GAAG,YAAY,mBAAiB,eAAe,eAAa,CAAC,WAAW,WAAsB,~~IAC~~/F,~~GAAA,~~OACL,GACA,sBAAA,cAACC,~~aAAAA~~,uBACI,gBACG,sBAAA;AAAA,IAACC,~~aAAAA~~,OAAO;AAAA,IAAP;AAAA,MACG,eAAW;AAAA,MACX,SAAS,EAAE,SAAS,~~EAAE~~;AAAA,~~MACtB~~,SAAS,EAAE,SAAS,~~EAAE~~;AAAA,~~MACtB~~,MAAM,EAAE,SAAS,~~EAAE~~;AAAA,~~MACnB~~,SAAS,MAAM,eAAe,KAAK;AAAA,MACnC,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,CACJ;AAER,CAAC;;"}
1	+ {"version":3,"file":"Sidebar.cjs","sources":["../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\n\nexport type LayoutSidebarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n children:\n \| React.ReactNode\n \| (({\n isLargeScreen,\n open,\n toggleSidebar,\n }: {\n isLargeScreen: boolean;\n open: boolean;\n toggleSidebar: () => void;\n }) => React.ReactNode);\n};\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n const { children, ...attributes } = props;\n const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n const isLargeScreen = useIsLargeScreen();\n const isSmallScreen = !isLargeScreen;\n\n // if it's a large screen we override the open state and make it always visible\n const isVisible = isLargeScreen \|\| sidebarOpen;\n\n // ensures the menu is always closed by default when resizing to a smaller window size\n React.useEffect(() => {\n setSidebarOpen(isLargeScreen);\n }, [isLargeScreen]);\n\n React.useEffect(() => {\n const handleEscapeKey = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n setSidebarOpen(false);\n }\n };\n\n if (isSmallScreen && sidebarOpen) {\n window.addEventListener('keydown', handleEscapeKey);\n }\n\n return () => {\n window.removeEventListener('keydown', handleEscapeKey);\n };\n }, [isSmallScreen, sidebarOpen]);\n\n const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n const [ready, setReady] = React.useState(isSmallScreen);\n\n const className = cn(\n 'h-full w-64 flex-shrink-0 flex-grow-0 bg-gray-50 print:hidden',\n {\n 'absolute z-10 aria-hidden:-translate-x-64': isSmallScreen,\n // prevent animation when crossing the boundary from large to small screen,\n // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n invisible: isSmallScreen && !ready,\n 'visible transition-[transform] duration-300': isSmallScreen && ready,\n 'border-r-2 border-gray-100': !showBackdrop,\n },\n props.className\n );\n\n React.useEffect(() => {\n // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n setTimeout(() => {\n setReady(isSmallScreen);\n }, 1);\n }, [isSmallScreen]);\n\n const toggleSidebar = () => setSidebarOpen(open => !open);\n const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n if (!content) {\n return null;\n }\n\n return (\n <>\n <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n {content}\n </nav>\n <AnimatePresence>\n {showBackdrop && (\n <motion.div\n aria-hidden\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n onClick={() => setSidebarOpen(false)}\n className=\"fixed inset-0 z-[1] cursor-default overflow-y-auto bg-brand-midnight/[0.3] print:absolute print:overflow-visible\"\n />\n )}\n </AnimatePresence>\n </>\n );\n});\n"],"names":["LayoutContext","useIsLargeScreen","AnimatePresence","motion"],"mappings":";;;;;;;AAoBO,MAAM,UAAU,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,aAAa,eAAA,IAAmB,MAAM,WAAWA,QAAAA,aAAa;AACtE,QAAM,gBAAgBC,iBAAAA,iBAAA;AACtB,QAAM,gBAAgB,CAAC;AAGvB,QAAM,YAAY,iBAAiB;AAGnC,QAAM,UAAU,MAAM;AAClB,mBAAe,aAAa;AAAA,EAChC,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,MAAM;AAClB,UAAM,kBAAkB,CAAC,UAAyB;AAC9C,UAAI,MAAM,QAAQ,UAAU;AACxB,cAAM,eAAA;AACN,cAAM,gBAAA;AACN,uBAAe,KAAK;AAAA,MACxB;AAAA,IACJ;AAEA,QAAI,iBAAiB,aAAa;AAC9B,aAAO,iBAAiB,WAAW,eAAe;AAAA,IACtD;AAEA,WAAO,MAAM;AACT,aAAO,oBAAoB,WAAW,eAAe;AAAA,IACzD;AAAA,EACJ,GAAG,CAAC,eAAe,WAAW,CAAC;AAE/B,QAAM,eAAe,iBAAiB,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,aAAa;AAEtD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,6CAA6C;AAAA;AAAA;AAAA,MAG7C,WAAW,iBAAiB,CAAC;AAAA,MAC7B,+CAA+C,iBAAiB;AAAA,MAChE,8BAA8B,CAAC;AAAA,IAAA;AAAA,IAEnC,MAAM;AAAA,EAAA;AAGV,QAAM,UAAU,MAAM;AAElB,eAAW,MAAM;AACb,eAAS,aAAa;AAAA,IAC1B,GAAG,CAAC;AAAA,EACR,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,MAAM,eAAe,CAAA,SAAQ,CAAC,IAAI;AACxD,QAAM,UAAU,OAAO,aAAa,aAAa,SAAS,EAAE,eAAe,MAAM,aAAa,cAAA,CAAe,IAAI;AAEjH,MAAI,CAAC,SAAS;AACV,WAAO;AAAA,EACX;AAEA,mEAEQ,sBAAA,cAAC,OAAA,EAAK,GAAG,YAAY,mBAAiB,eAAe,eAAa,CAAC,WAAW,WAAsB,IAAA,GAC/F,OACL,GACA,sBAAA,cAACC,MAAAA,uBACI,gBACG,sBAAA;AAAA,IAACC,MAAAA,OAAO;AAAA,IAAP;AAAA,MACG,eAAW;AAAA,MACX,SAAS,EAAE,SAAS,EAAA;AAAA,MACpB,SAAS,EAAE,SAAS,EAAA;AAAA,MACpB,MAAM,EAAE,SAAS,EAAA;AAAA,MACjB,SAAS,MAAM,eAAe,KAAK;AAAA,MACnC,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,CACJ;AAER,CAAC;;"}