acinguiux-ds-react-framework 0.1.25 → 0.1.27

package/build/cjs/components/Table/utils/draggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport type { RowData, Table } from '@tanstack/react-table';\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\nimport { DraggableHeader } from '../components/Draggable/Header';\nimport { DraggableRow } from '../components/Draggable/Row';\n\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\n  dragAndDrop: 'row' | 'column' | 'both',\n  { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\n) => {\n  return {\n    useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\n      const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\n      const tableState = table.getState();\n      const tableRowsById = table.getRowModel().rowsById;\n\n      const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\n      const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\n\n      const handleDragEnd = useCallback(\n        (event: DragEndEvent) => {\n          const { active, over } = event;\n          // must account for columns as well as rows\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\n            const oldIndex = columnsOrder.indexOf(active.id as string);\n            const newIndex = columnsOrder.indexOf(over.id as string);\n            table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\n            return;\n          }\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\n            const oldIndex = tableRowsById[`${active.id}`].index;\n            const newIndex = tableRowsById[`${over.id}`].index;\n            onDataMove?.(arrayMove(data, oldIndex, newIndex));\n          }\n        },\n        [columnsOrder, table, tableRowsById, data],\n      );\n\n      return useMemo(\n        (): DragAndDropHookResult<TData, TValue> => ({\n          draggable: dragAndDrop,\n          Components: {\n            Provider: ({ children }: PropsWithChildren) => (\n              <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\n                {children}\n              </DndContext>\n            ),\n            Row: DraggableRow,\n            RowProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n            Header: DraggableHeader,\n            HeaderProvider: ({ children }: PropsWithChildren) => (\n              <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\n                {children}\n              </SortableContext>\n            ),\n          },\n        }),\n        [handleDragEnd, sensors, tableDataIds, columnsOrder],\n      );\n    },\n  };\n};\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,CACvB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,SAAU,CACrF,MAAME,EAAWN,EAAa,QAAQI,EAAO,EAAY,EACnDG,EAAWP,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,eAAeoB,EAAAA,UAAUR,EAAcM,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,GAAIH,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,MAAO,CAClF,MAAME,EAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,MACzCG,EAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,IAAaqB,EAAAA,UAAUnB,EAAMiB,EAAUC,CAAQ,CAAC,CAClD,CACF,EACA,CAACP,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,SAAAuB,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,UAAWX,EAAe,QAAAX,EACtE,SAAAmB,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,MAAOhB,EAAc,SAAUiB,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,MAAOd,EAAc,SAAUiB,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,CAACR,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}
+{"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\r\n\r\nimport type { RowData, Table } from '@tanstack/react-table';\r\nimport {\r\n  closestCenter,\r\n  DndContext,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  type DragEndEvent,\r\n} from '@dnd-kit/core';\r\nimport {\r\n  arrayMove,\r\n  horizontalListSortingStrategy,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\r\nimport { DraggableHeader } from '../components/Draggable/Header';\r\nimport { DraggableRow } from '../components/Draggable/Row';\r\n\r\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\r\n  dragAndDrop: 'row' | 'column' | 'both',\r\n  { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\r\n) => {\r\n  return {\r\n    useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\r\n      const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\r\n      const tableState = table.getState();\r\n      const tableRowsById = table.getRowModel().rowsById;\r\n\r\n      const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\r\n      const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\r\n\r\n      const handleDragEnd = useCallback(\r\n        (event: DragEndEvent) => {\r\n          const { active, over } = event;\r\n          // must account for columns as well as rows\r\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\r\n            const oldIndex = columnsOrder.indexOf(active.id as string);\r\n            const newIndex = columnsOrder.indexOf(over.id as string);\r\n            table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\r\n            return;\r\n          }\r\n          if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\r\n            const oldIndex = tableRowsById[`${active.id}`].index;\r\n            const newIndex = tableRowsById[`${over.id}`].index;\r\n            onDataMove?.(arrayMove(data, oldIndex, newIndex));\r\n          }\r\n        },\r\n        [columnsOrder, table, tableRowsById, data],\r\n      );\r\n\r\n      return useMemo(\r\n        (): DragAndDropHookResult<TData, TValue> => ({\r\n          draggable: dragAndDrop,\r\n          Components: {\r\n            Provider: ({ children }: PropsWithChildren) => (\r\n              <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\r\n                {children}\r\n              </DndContext>\r\n            ),\r\n            Row: DraggableRow,\r\n            RowProvider: ({ children }: PropsWithChildren) => (\r\n              <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\r\n                {children}\r\n              </SortableContext>\r\n            ),\r\n            Header: DraggableHeader,\r\n            HeaderProvider: ({ children }: PropsWithChildren) => (\r\n              <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\r\n                {children}\r\n              </SortableContext>\r\n            ),\r\n          },\r\n        }),\r\n        [handleDragEnd, sensors, tableDataIds, columnsOrder],\r\n      );\r\n    },\r\n  };\r\n};\r\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,CACvB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,SAAU,CACrF,MAAME,EAAWN,EAAa,QAAQI,EAAO,EAAY,EACnDG,EAAWP,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,eAAeoB,EAAAA,UAAUR,EAAcM,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,GAAIH,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,MAAO,CAClF,MAAME,EAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,MACzCG,EAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,IAAaqB,EAAAA,UAAUnB,EAAMiB,EAAUC,CAAQ,CAAC,CAClD,CACF,EACA,CAACP,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,SAAAuB,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,UAAWX,EAAe,QAAAX,EACtE,SAAAmB,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,MAAOhB,EAAc,SAAUiB,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,MAAOd,EAAc,SAAUiB,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,CAACR,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}

package/build/cjs/components/Table/utils/isDraggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"isDraggable.js","sources":["../../../../../src/components/Table/utils/isDraggable.ts"],"sourcesContent":["import { DragAndDrop } from '../components/BaseTable/BaseTable.types';\n\nexport const isRowDraggable = (draggable: DragAndDrop): draggable is 'row' | 'both' => {\n  return draggable === 'row' || draggable === 'both';\n};\n\nexport const isColumnDraggable = (draggable: DragAndDrop): draggable is 'column' | 'both' => {\n  return draggable === 'column' || draggable === 'both';\n};\n"],"names":["isRowDraggable","draggable","isColumnDraggable"],"mappings":"4GAEO,MAAMA,EAAkBC,GACtBA,IAAc,OAASA,IAAc,OAGjCC,EAAqBD,GACzBA,IAAc,UAAYA,IAAc"}
+{"version":3,"file":"isDraggable.js","sources":["../../../../../src/components/Table/utils/isDraggable.ts"],"sourcesContent":["import { DragAndDrop } from '../components/BaseTable/BaseTable.types';\r\n\r\nexport const isRowDraggable = (draggable: DragAndDrop): draggable is 'row' | 'both' => {\r\n  return draggable === 'row' || draggable === 'both';\r\n};\r\n\r\nexport const isColumnDraggable = (draggable: DragAndDrop): draggable is 'column' | 'both' => {\r\n  return draggable === 'column' || draggable === 'both';\r\n};\r\n"],"names":["isRowDraggable","draggable","isColumnDraggable"],"mappings":"4GAEO,MAAMA,EAAkBC,GACtBA,IAAc,OAASA,IAAc,OAGjCC,EAAqBD,GACzBA,IAAc,UAAYA,IAAc"}

package/build/cjs/components/Table/utils/rowHighlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { Row, RowData } from '@tanstack/react-table';\n\nexport const getRowHighlight = <TData extends RowData>(\n  row: Row<TData>,\n  highlight?: (r: Row<TData>) => TableTypes.Highlight | null,\n) => {\n  const highlightValue = highlight?.(row);\n  const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\n\n  return highlightValue ?? selectedValue;\n};\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,IAAYD,CAAG,EAChCG,EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}
+{"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport type { Row, RowData } from '@tanstack/react-table';\r\n\r\nexport const getRowHighlight = <TData extends RowData>(\r\n  row: Row<TData>,\r\n  highlight?: (r: Row<TData>) => TableTypes.Highlight | null,\r\n) => {\r\n  const highlightValue = highlight?.(row);\r\n  const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\r\n\r\n  return highlightValue ?? selectedValue;\r\n};\r\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,IAAYD,CAAG,EAChCG,EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}

package/build/cjs/components/Table/utils/tableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nexport const getSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.Medium:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Medium;\n    default:\n      return Sizes.XSmall;\n  }\n};\n\nexport const getInfoBarSize = (size: TableTypes.Size) => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Small:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Large;\n    case Sizes.Medium:\n    default:\n      return Sizes.Medium;\n  }\n};\n\nexport const getExpanderPaddingSize = (size: TableTypes.Size) => {\n  if (size === Sizes.XSmall) {\n    return Sizes.Small;\n  }\n  return size;\n};\n"],"names":["getSize","size","Sizes","getExpanderPaddingSize"],"mappings":"uKAGaA,EAAWC,GAA0B,CAChD,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,QACE,OAAOA,EAAAA,MAAM,MAAA,CAEnB,EAeaC,EAA0BF,GACjCA,IAASC,EAAAA,MAAM,OACVA,EAAAA,MAAM,MAERD"}
+{"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nexport const getSize = (size: TableTypes.Size) => {\r\n  switch (size) {\r\n    case Sizes.Medium:\r\n      return Sizes.Small;\r\n    case Sizes.Large:\r\n      return Sizes.Medium;\r\n    default:\r\n      return Sizes.XSmall;\r\n  }\r\n};\r\n\r\nexport const getInfoBarSize = (size: TableTypes.Size) => {\r\n  switch (size) {\r\n    case Sizes.XSmall:\r\n    case Sizes.Small:\r\n      return Sizes.Small;\r\n    case Sizes.Large:\r\n      return Sizes.Large;\r\n    case Sizes.Medium:\r\n    default:\r\n      return Sizes.Medium;\r\n  }\r\n};\r\n\r\nexport const getExpanderPaddingSize = (size: TableTypes.Size) => {\r\n  if (size === Sizes.XSmall) {\r\n    return Sizes.Small;\r\n  }\r\n  return size;\r\n};\r\n"],"names":["getSize","size","Sizes","getExpanderPaddingSize"],"mappings":"uKAGaA,EAAWC,GAA0B,CAChD,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,QACE,OAAOA,EAAAA,MAAM,MAAA,CAEnB,EAeaC,EAA0BF,GACjCA,IAASC,EAAAA,MAAM,OACVA,EAAAA,MAAM,MAERD"}

package/build/cjs/components/Tabs/Tabs.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.hooks.js","sources":["../../../../src/components/Tabs/Tabs.hooks.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { TABS_CLASS } from 'acinguiux-ds-react-base/consts';\n\nexport const useAccessibilitySetup = () => {\n  useEffect(() => {\n    const tabListElements = document.querySelectorAll(`.${TABS_CLASS}-nav`);\n\n    tabListElements.forEach((tabListElement) => {\n      const tabsElementNavWrap = tabListElement.querySelector(`.${TABS_CLASS}-nav-wrap`);\n      const tabsElementNavList = tabListElement.querySelector(`.${TABS_CLASS}-nav-list`);\n\n      if (tabsElementNavWrap) {\n        tabsElementNavWrap.setAttribute('role', 'presentation');\n      }\n      if (tabsElementNavList) {\n        tabsElementNavList.setAttribute('role', 'presentation');\n        const tabElements = tabsElementNavList.querySelectorAll(`.${TABS_CLASS}-tab`);\n        tabElements.forEach((tabElement) => {\n          tabElement.setAttribute('role', 'presentation');\n        });\n      }\n    });\n  }, []);\n};\n"],"names":["useAccessibilitySetup","useEffect","TABS_CLASS","tabListElement","tabsElementNavWrap","tabsElementNavList","tabElement"],"mappings":"yLAIaA,EAAwB,IAAM,CACzCC,EAAAA,UAAU,IAAM,CACU,SAAS,iBAAiB,IAAIC,EAAAA,UAAU,MAAM,EAEtD,QAASC,GAAmB,CAC1C,MAAMC,EAAqBD,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAC3EG,EAAqBF,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAE7EE,GACFA,EAAmB,aAAa,OAAQ,cAAc,EAEpDC,IACFA,EAAmB,aAAa,OAAQ,cAAc,EAClCA,EAAmB,iBAAiB,IAAIH,EAAAA,UAAU,MAAM,EAChE,QAASI,GAAe,CAClCA,EAAW,aAAa,OAAQ,cAAc,CAChD,CAAC,EAEL,CAAC,CACH,EAAG,CAAA,CAAE,CACP"}
+{"version":3,"file":"Tabs.hooks.js","sources":["../../../../src/components/Tabs/Tabs.hooks.ts"],"sourcesContent":["import { useEffect } from 'react';\r\n\r\nimport { TABS_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nexport const useAccessibilitySetup = () => {\r\n  useEffect(() => {\r\n    const tabListElements = document.querySelectorAll(`.${TABS_CLASS}-nav`);\r\n\r\n    tabListElements.forEach((tabListElement) => {\r\n      const tabsElementNavWrap = tabListElement.querySelector(`.${TABS_CLASS}-nav-wrap`);\r\n      const tabsElementNavList = tabListElement.querySelector(`.${TABS_CLASS}-nav-list`);\r\n\r\n      if (tabsElementNavWrap) {\r\n        tabsElementNavWrap.setAttribute('role', 'presentation');\r\n      }\r\n      if (tabsElementNavList) {\r\n        tabsElementNavList.setAttribute('role', 'presentation');\r\n        const tabElements = tabsElementNavList.querySelectorAll(`.${TABS_CLASS}-tab`);\r\n        tabElements.forEach((tabElement) => {\r\n          tabElement.setAttribute('role', 'presentation');\r\n        });\r\n      }\r\n    });\r\n  }, []);\r\n};\r\n"],"names":["useAccessibilitySetup","useEffect","TABS_CLASS","tabListElement","tabsElementNavWrap","tabsElementNavList","tabElement"],"mappings":"yLAIaA,EAAwB,IAAM,CACzCC,EAAAA,UAAU,IAAM,CACU,SAAS,iBAAiB,IAAIC,EAAAA,UAAU,MAAM,EAEtD,QAASC,GAAmB,CAC1C,MAAMC,EAAqBD,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAC3EG,EAAqBF,EAAe,cAAc,IAAID,EAAAA,UAAU,WAAW,EAE7EE,GACFA,EAAmB,aAAa,OAAQ,cAAc,EAEpDC,IACFA,EAAmB,aAAa,OAAQ,cAAc,EAClCA,EAAmB,iBAAiB,IAAIH,EAAAA,UAAU,MAAM,EAChE,QAASI,GAAe,CAClCA,EAAW,aAAa,OAAQ,cAAc,CAChD,CAAC,EAEL,CAAC,CACH,EAAG,CAAA,CAAE,CACP"}

package/build/cjs/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\n\nimport * as Styled from './Tabs.styles';\nimport type { ITabsProps } from './Tabs.types';\nimport Badge from '../Badge/Badge';\nimport { useAccessibilitySetup } from './Tabs.hooks';\n\nconst TabsLabel = ({\n  size,\n  label,\n  icon,\n  badge,\n  iconPosition,\n}: {\n  size: TabsTypes.Size;\n  label: ReactNode;\n  icon?: ReactNode;\n  badge?: BadgeTypes.IProps;\n  iconPosition?: TabsTypes.IconPosition;\n}) => (\n  <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\n    <Styled.TabsLabelTextContainer>\n      {icon}\n      <span>{label}</span>\n    </Styled.TabsLabelTextContainer>\n    {!!badge && <Badge size={size} {...badge} />}\n  </Styled.TabsLabel>\n);\n\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n  (\n    { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\n    ref,\n  ): ReactElement => {\n    const itemsWithBadges = items?.map((item) => ({\n      ...item,\n      icon: null,\n      label: (\n        <TabsLabel\n          size={size}\n          label={item.label}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n          badge={item.badge}\n        />\n      ),\n    }));\n\n    useAccessibilitySetup();\n\n    return (\n      <Styled.Tabs\n        className={className}\n        $size={size}\n        tabPosition={placement}\n        $indicatorPosition={indicatorPosition}\n        ref={ref}\n        items={itemsWithBadges}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default Tabs;\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":"iNAWMA,EAAY,CAAC,CACjB,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,CACF,IAOEC,EAAAA,KAACC,YAAA,CAAiB,MAAON,EAAM,cAAeI,EAAc,MAAOF,EACjE,SAAA,CAAAG,OAACE,EAAAA,uBAAA,CACE,SAAA,CAAAL,EACDM,EAAAA,IAAC,QAAM,SAAAP,CAAA,CAAM,CAAA,EACf,EACC,CAAC,CAACE,SAAUM,EAAA,CAAM,KAAAT,EAAa,GAAGG,CAAA,CAAO,CAAA,EAC5C,EAGIO,EAAOC,EAAAA,WACX,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,kBAAAC,EAAmB,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,GAAI,MAAAC,EAAO,GAAGC,CAAA,EACpGC,IACiB,CACjB,MAAMC,EAAkBH,GAAO,IAAKI,IAAU,CAC5C,GAAGA,EACH,KAAM,KACN,MACEb,EAAAA,IAACT,EAAA,CACC,KAAAC,EACA,MAAOqB,EAAK,MACZ,KAAMA,EAAK,KACX,aAAcA,EAAK,aACnB,MAAOA,EAAK,KAAA,CAAA,CACd,EAEF,EAEFC,OAAAA,wBAAA,EAGEd,EAAAA,IAACe,EAAAA,KAAA,CACC,UAAAX,EACA,MAAOZ,EACP,YAAae,EACb,mBAAoBD,EACpB,IAAAK,EACA,MAAOC,EACN,GAAGF,CAAA,CAAA,CAGV,CACF"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\r\n\r\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\r\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\r\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\r\n\r\nimport * as Styled from './Tabs.styles';\r\nimport type { ITabsProps } from './Tabs.types';\r\nimport Badge from '../Badge/Badge';\r\nimport { useAccessibilitySetup } from './Tabs.hooks';\r\n\r\nconst TabsLabel = ({\r\n  size,\r\n  label,\r\n  icon,\r\n  badge,\r\n  iconPosition,\r\n}: {\r\n  size: TabsTypes.Size;\r\n  label: ReactNode;\r\n  icon?: ReactNode;\r\n  badge?: BadgeTypes.IProps;\r\n  iconPosition?: TabsTypes.IconPosition;\r\n}) => (\r\n  <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\r\n    <Styled.TabsLabelTextContainer>\r\n      {icon}\r\n      <span>{label}</span>\r\n    </Styled.TabsLabelTextContainer>\r\n    {!!badge && <Badge size={size} {...badge} />}\r\n  </Styled.TabsLabel>\r\n);\r\n\r\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\r\n  (\r\n    { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\r\n    ref,\r\n  ): ReactElement => {\r\n    const itemsWithBadges = items?.map((item) => ({\r\n      ...item,\r\n      icon: null,\r\n      label: (\r\n        <TabsLabel\r\n          size={size}\r\n          label={item.label}\r\n          icon={item.icon}\r\n          iconPosition={item.iconPosition}\r\n          badge={item.badge}\r\n        />\r\n      ),\r\n    }));\r\n\r\n    useAccessibilitySetup();\r\n\r\n    return (\r\n      <Styled.Tabs\r\n        className={className}\r\n        $size={size}\r\n        tabPosition={placement}\r\n        $indicatorPosition={indicatorPosition}\r\n        ref={ref}\r\n        items={itemsWithBadges}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nexport default Tabs;\r\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":"iNAWMA,EAAY,CAAC,CACjB,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,CACF,IAOEC,EAAAA,KAACC,YAAA,CAAiB,MAAON,EAAM,cAAeI,EAAc,MAAOF,EACjE,SAAA,CAAAG,OAACE,EAAAA,uBAAA,CACE,SAAA,CAAAL,EACDM,EAAAA,IAAC,QAAM,SAAAP,CAAA,CAAM,CAAA,EACf,EACC,CAAC,CAACE,SAAUM,EAAA,CAAM,KAAAT,EAAa,GAAGG,CAAA,CAAO,CAAA,EAC5C,EAGIO,EAAOC,EAAAA,WACX,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,kBAAAC,EAAmB,UAAAC,EAAY,GAAGC,EAAAA,UAAU,GAAG,GAAI,MAAAC,EAAO,GAAGC,CAAA,EACpGC,IACiB,CACjB,MAAMC,EAAkBH,GAAO,IAAKI,IAAU,CAC5C,GAAGA,EACH,KAAM,KACN,MACEb,EAAAA,IAACT,EAAA,CACC,KAAAC,EACA,MAAOqB,EAAK,MACZ,KAAMA,EAAK,KACX,aAAcA,EAAK,aACnB,MAAOA,EAAK,KAAA,CAAA,CACd,EAEF,EAEFC,OAAAA,wBAAA,EAGEd,EAAAA,IAACe,EAAAA,KAAA,CACC,UAAAX,EACA,MAAOZ,EACP,YAAae,EACb,mBAAoBD,EACpB,IAAAK,EACA,MAAOC,EACN,GAAGF,CAAA,CAAA,CAGV,CACF"}

package/build/cjs/components/Tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import TabsRC from 'rc-tabs';\nimport { styled, css } from 'styled-components';\nimport { Positions, TABS_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { TabsConsts, type TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst TabsLabelTextContainer = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })``;\n\nconst TabsLabel = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })<\n  Required<PickTransient<TabsTypes.IProps, 'size'>> &\n    PickTransient<TabsTypes.ItemType, 'iconPosition' | 'icon' | 'iconOnly'>\n>(\n  ({ $size, $iconPosition, $icon, $iconOnly }) => `\n  &, & > ${TabsLabelTextContainer} {\n    gap: ${TabsConsts.consts[$size].gap}px;\n    flex-direction: row;\n  }\n  & > ${TabsLabelTextContainer} {\n    ${\n      $iconPosition === Positions.Right &&\n      css`\n        flex-direction: row-reverse;\n      `\n    };\n\n    ${\n      $iconOnly &&\n      $icon &&\n      css`\n        & > span {\n          visibility: hidden;\n          display: none;\n        }\n      `\n    };\n\n    ${\n      $iconPosition === Positions.Top &&\n      css`\n        flex-direction: column;\n      `\n    };\n  }\n`,\n);\n\nconst Tabs = styled(TabsRC).attrs({ prefixCls: TABS_CLASS })<\n  Required<PickTransient<TabsTypes.IProps, 'size'>> & PickTransient<TabsTypes.IProps, 'indicatorPosition'>\n>(({ prefixCls, tabPosition, $size, $indicatorPosition, theme }) => {\n  const modes: ModesType = { foundation: 'surface' };\n  const layer = theme.layer(modes);\n  const disabledLayer = theme.layer({ ...modes, disabled: true });\n\n  return css`\n    &.${prefixCls} {\n      ${theme.typography('paragraph')};\n\n      position: relative;\n      display: flex;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      & .${prefixCls}-nav {\n        display: flex;\n        flex: none;\n        position: relative;\n\n        &-measure,\n        &-wrap {\n          position: relative;\n          display: flex;\n          transform: translate(0);\n          white-space: nowrap;\n        }\n\n        &-list {\n          position: relative;\n          display: flex;\n          transition: transform 0.3s;\n        }\n\n        &-operations {\n          display: none;\n\n          &-hidden {\n            position: absolute;\n            visibility: hidden;\n            display: none;\n            pointer-events: none;\n          }\n        }\n      }\n\n      & .${prefixCls}-tab {\n        position: relative;\n        display: flex;\n        align-items: center;\n        border: 0;\n        outline: none;\n        cursor: pointer;\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n        transition: 0.3s;\n\n        &-btn {\n          ${theme.typography('label', getLabelTypographySize($size))};\n\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          height: ${TabsConsts.consts[$size].height}px;\n          position: relative;\n          padding-block: ${TabsConsts.consts[$size].paddingBlock}px;\n          padding-inline: ${TabsConsts.consts[$size].paddingInline}px;\n\n          &::after {\n            content: '';\n            position: absolute;\n            background: ${layer[Variables.BorderOnFoundationMedium]};\n            transition: all 0.2s;\n          }\n\n          &:focus-visible {\n            ${getFocusStyles(theme)};\n          }\n\n          & svg {\n            width: ${TabsConsts.consts[$size].icon}px;\n            height: ${TabsConsts.consts[$size].icon}px;\n          }\n        }\n\n        &-active {\n          color: ${layer[Variables.TextOnFoundationStrong]};\n          transition: all 0.1s;\n        }\n\n        &-disabled {\n          background: transparent;\n          color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n          cursor: default;\n\n          .${prefixCls}-tab-btn::after {\n            display: none;\n          }\n\n          .${prefixCls}-tab-btn:hover {\n            background: transparent;\n            cursor: not-allowed;\n          }\n        }\n      }\n\n      & .${prefixCls}-ink-bar {\n        position: absolute;\n        background: ${layer[Variables.BackgroundBrand]};\n        pointer-events: none;\n\n        &-animated {\n          transition: all 0.15s;\n        }\n\n        ${$indicatorPosition === Positions.Left &&\n        tabPosition === Positions.Left &&\n        css`\n          left: 0;\n          right: unset;\n        `}\n\n        ${$indicatorPosition === Positions.Right &&\n        tabPosition === Positions.Right &&\n        css`\n          left: unset;\n          right: 0;\n        `}\n      }\n\n      & .${prefixCls}-extra-content {\n        flex: none;\n      }\n\n      .${prefixCls}-content {\n        display: flex;\n        width: 100%;\n        height: 100%;\n\n        &-holder {\n          flex: auto;\n        }\n\n        &-animated {\n          transition: margin 0.3s;\n        }\n      }\n\n      .${prefixCls}-tabpane {\n        width: 100%;\n        height: 100%;\n        flex: none;\n\n        &-hidden {\n          display: none;\n        }\n      }\n\n      &-top,\n      &-bottom {\n        flex-direction: column;\n\n        .${prefixCls}-tab-btn {\n          &::after {\n            left: 50%;\n            right: 50%;\n          }\n\n          &:not([aria-selected='true']):hover::after {\n            left: ${TabsConsts.consts[$size].paddingInline}px;\n            right: ${TabsConsts.consts[$size].paddingInline}px;\n          }\n\n          &[aria-selected='true']::after,\n          &:active::after {\n            left: 0;\n            right: 0;\n          }\n        }\n      }\n\n      &-top .${prefixCls}-ink-bar, &-top .${prefixCls}-tab-btn::after {\n        border-top-left-radius: 3px;\n        border-top-right-radius: 3px;\n        bottom: 0;\n      }\n\n      &-top\n        .${prefixCls}-ink-bar,\n        &-bottom\n        .${prefixCls}-ink-bar,\n        &-top\n        .${prefixCls}-tab-btn::after,\n        &-bottom\n        .${prefixCls}-tab-btn::after {\n        height: 3px;\n      }\n\n      &-bottom .${prefixCls}-nav {\n        order: 1;\n      }\n\n      &-bottom .${prefixCls}-content {\n        order: 0;\n      }\n\n      &-bottom .${prefixCls}-ink-bar, &-bottom .${prefixCls}-tab-btn::after {\n        border-bottom-left-radius: 3px;\n        border-bottom-right-radius: 3px;\n        top: 0;\n      }\n\n      &-left .${prefixCls}-nav-wrap, &-right .${prefixCls}-nav-wrap {\n        flex-direction: column;\n        width: 100%;\n      }\n\n      &-left,\n      &-right {\n        .${prefixCls}-tab-btn {\n          &::after {\n            top: 50%;\n            bottom: 50%;\n          }\n\n          &:hover::after {\n            top: ${TabsConsts.consts[$size].paddingBlock}px;\n            bottom: ${TabsConsts.consts[$size].paddingBlock}px;\n          }\n\n          &[aria-selected='true']::after,\n          &:active::after {\n            top: 0;\n            bottom: 0;\n          }\n        }\n      }\n\n      &-left\n        .${prefixCls}-ink-bar,\n        &-right\n        .${prefixCls}-ink-bar,\n        &-left\n        .${prefixCls}-tab-btn::after,\n        &-right\n        .${prefixCls}-tab-btn::after {\n        width: 3px;\n      }\n\n      &-left .${prefixCls}-nav, &-right .${prefixCls}-nav {\n        flex-direction: column;\n        min-width: 50px;\n      }\n\n      &-left .${prefixCls}-nav-list, &-right .${prefixCls}-nav-list {\n        flex: 1 0 auto;\n        flex-direction: column;\n      }\n\n      &-left .${prefixCls}-ink-bar, &-left .${prefixCls}-tab-btn::after {\n        border-top-left-radius: 3px;\n        border-bottom-left-radius: 3px;\n        right: 0;\n      }\n\n      &-right .${prefixCls}-nav {\n        order: 1;\n      }\n\n      &-right .${prefixCls}-content {\n        order: 0;\n      }\n\n      &-right .${prefixCls}-ink-bar, &-right .${prefixCls}-tab-btn::after {\n        border-top-right-radius: 3px;\n        border-bottom-right-radius: 3px;\n        left: 0;\n      }\n\n      &-right .${prefixCls}-tab, &-left .${prefixCls}-tab {\n        .${prefixCls}-tab-btn {\n          justify-content: flex-start;\n          width: 100%;\n        }\n      }\n    }\n  `;\n});\n\nexport { Tabs, TabsLabel, TabsLabelTextContainer };\n"],"names":["TabsLabelTextContainer","styled","Flexbox","TabsLabel","$size","$iconPosition","$icon","$iconOnly","TabsConsts.consts","Positions","css","Tabs","TabsRC","TABS_CLASS","prefixCls","tabPosition","$indicatorPosition","theme","modes","layer","disabledLayer","Variables","getLabelTypographySize","getFocusStyles"],"mappings":"ohBAWMA,EAAyBC,EAAAA,OAAOC,CAAO,EAAE,MAAM,CAAE,WAAY,SAAU,eAAgB,QAAA,CAAU,IAEjGC,EAAYF,EAAAA,OAAOC,CAAO,EAAE,MAAM,CAAE,WAAY,SAAU,eAAgB,SAAU,EAIxF,CAAC,CAAE,MAAAE,EAAO,cAAAC,EAAe,MAAAC,EAAO,UAAAC,KAAgB;AAAA,WACvCP,CAAsB;AAAA,WACtBQ,EAAAA,OAAkBJ,CAAK,EAAE,GAAG;AAAA;AAAA;AAAA,QAG/BJ,CAAsB;AAAA,MAExBK,IAAkBI,YAAU,OAC5BC,EAAAA;AAAAA;AAAAA,OAGF;AAAA;AAAA,MAGEH,GACAD,GACAI,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,OAMF;AAAA;AAAA,MAGEL,IAAkBI,YAAU,KAC5BC,EAAAA;AAAAA;AAAAA,OAGF;AAAA;AAAA,CAGJ,EAEMC,EAAOV,EAAAA,OAAOW,CAAM,EAAE,MAAM,CAAE,UAAWC,EAAAA,UAAA,CAAY,EAEzD,CAAC,CAAE,UAAAC,EAAW,YAAAC,EAAa,MAAAX,EAAO,mBAAAY,EAAoB,MAAAC,KAAY,CAClE,MAAMC,EAAmB,CAAE,WAAY,SAAA,EACjCC,EAAQF,EAAM,MAAMC,CAAK,EACzBE,EAAgBH,EAAM,MAAM,CAAE,GAAGC,EAAO,SAAU,GAAM,EAE9D,OAAOR,EAAAA;AAAAA,QACDI,CAAS;AAAA,QACTG,EAAM,WAAW,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA,eAItBE,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,WAE3CP,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WA+BTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOHK,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,YAI5CJ,EAAM,WAAW,QAASK,EAAAA,uBAAuBlB,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKhDI,EAAAA,OAAkBJ,CAAK,EAAE,MAAM;AAAA;AAAA,2BAExBI,EAAAA,OAAkBJ,CAAK,EAAE,YAAY;AAAA,4BACpCI,EAAAA,OAAkBJ,CAAK,EAAE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKxCe,EAAME,YAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKrDE,EAAAA,eAAeN,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,qBAIdT,EAAAA,OAAkBJ,CAAK,EAAE,IAAI;AAAA,sBAC5BI,EAAAA,OAAkBJ,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKhCe,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMvCD,EAAcC,YAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,aAGrDP,CAAS;AAAA;AAAA;AAAA;AAAA,aAITA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOXA,CAAS;AAAA;AAAA,sBAEEK,EAAME,YAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAO5CL,IAAuBP,EAAAA,UAAU,MACnCM,IAAgBN,EAAAA,UAAU,MAC1BC,EAAAA;AAAAA;AAAAA;AAAAA,SAGC;AAAA;AAAA,UAECM,IAAuBP,EAAAA,UAAU,OACnCM,IAAgBN,EAAAA,UAAU,OAC1BC,EAAAA;AAAAA;AAAAA;AAAAA,SAGC;AAAA;AAAA;AAAA,WAGEI,CAAS;AAAA;AAAA;AAAA;AAAA,SAIXA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAcTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAcPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOAN,EAAAA,OAAkBJ,CAAK,EAAE,aAAa;AAAA,qBACrCI,EAAAA,OAAkBJ,CAAK,EAAE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAW5CU,CAAS,oBAAoBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO1CA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA;AAAA;AAAA,kBAIFA,CAAS;AAAA;AAAA;AAAA;AAAA,kBAITA,CAAS;AAAA;AAAA;AAAA;AAAA,kBAITA,CAAS,uBAAuBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM3CA,CAAS,uBAAuBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO9CA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAODN,EAAAA,OAAkBJ,CAAK,EAAE,YAAY;AAAA,sBAClCI,EAAAA,OAAkBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAYhDU,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA;AAAA;AAAA,gBAIJA,CAAS,kBAAkBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKpCA,CAAS,uBAAuBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKzCA,CAAS,qBAAqBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMtCA,CAAS;AAAA;AAAA;AAAA;AAAA,iBAITA,CAAS;AAAA;AAAA;AAAA;AAAA,iBAITA,CAAS,sBAAsBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMxCA,CAAS,iBAAiBA,CAAS;AAAA,WACzCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpB,CAAC"}
+{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import TabsRC from 'rc-tabs';\r\nimport { styled, css } from 'styled-components';\r\nimport { Positions, TABS_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { TabsConsts, type TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst TabsLabelTextContainer = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })``;\r\n\r\nconst TabsLabel = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })<\r\n  Required<PickTransient<TabsTypes.IProps, 'size'>> &\r\n    PickTransient<TabsTypes.ItemType, 'iconPosition' | 'icon' | 'iconOnly'>\r\n>(\r\n  ({ $size, $iconPosition, $icon, $iconOnly }) => `\r\n  &, & > ${TabsLabelTextContainer} {\r\n    gap: ${TabsConsts.consts[$size].gap}px;\r\n    flex-direction: row;\r\n  }\r\n  & > ${TabsLabelTextContainer} {\r\n    ${\r\n      $iconPosition === Positions.Right &&\r\n      css`\r\n        flex-direction: row-reverse;\r\n      `\r\n    };\r\n\r\n    ${\r\n      $iconOnly &&\r\n      $icon &&\r\n      css`\r\n        & > span {\r\n          visibility: hidden;\r\n          display: none;\r\n        }\r\n      `\r\n    };\r\n\r\n    ${\r\n      $iconPosition === Positions.Top &&\r\n      css`\r\n        flex-direction: column;\r\n      `\r\n    };\r\n  }\r\n`,\r\n);\r\n\r\nconst Tabs = styled(TabsRC).attrs({ prefixCls: TABS_CLASS })<\r\n  Required<PickTransient<TabsTypes.IProps, 'size'>> & PickTransient<TabsTypes.IProps, 'indicatorPosition'>\r\n>(({ prefixCls, tabPosition, $size, $indicatorPosition, theme }) => {\r\n  const modes: ModesType = { foundation: 'surface' };\r\n  const layer = theme.layer(modes);\r\n  const disabledLayer = theme.layer({ ...modes, disabled: true });\r\n\r\n  return css`\r\n    &.${prefixCls} {\r\n      ${theme.typography('paragraph')};\r\n\r\n      position: relative;\r\n      display: flex;\r\n      color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n      & .${prefixCls}-nav {\r\n        display: flex;\r\n        flex: none;\r\n        position: relative;\r\n\r\n        &-measure,\r\n        &-wrap {\r\n          position: relative;\r\n          display: flex;\r\n          transform: translate(0);\r\n          white-space: nowrap;\r\n        }\r\n\r\n        &-list {\r\n          position: relative;\r\n          display: flex;\r\n          transition: transform 0.3s;\r\n        }\r\n\r\n        &-operations {\r\n          display: none;\r\n\r\n          &-hidden {\r\n            position: absolute;\r\n            visibility: hidden;\r\n            display: none;\r\n            pointer-events: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      & .${prefixCls}-tab {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        border: 0;\r\n        outline: none;\r\n        cursor: pointer;\r\n        color: ${layer[Variables.TextOnFoundationSubtle]};\r\n        transition: 0.3s;\r\n\r\n        &-btn {\r\n          ${theme.typography('label', getLabelTypographySize($size))};\r\n\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          height: ${TabsConsts.consts[$size].height}px;\r\n          position: relative;\r\n          padding-block: ${TabsConsts.consts[$size].paddingBlock}px;\r\n          padding-inline: ${TabsConsts.consts[$size].paddingInline}px;\r\n\r\n          &::after {\r\n            content: '';\r\n            position: absolute;\r\n            background: ${layer[Variables.BorderOnFoundationMedium]};\r\n            transition: all 0.2s;\r\n          }\r\n\r\n          &:focus-visible {\r\n            ${getFocusStyles(theme)};\r\n          }\r\n\r\n          & svg {\r\n            width: ${TabsConsts.consts[$size].icon}px;\r\n            height: ${TabsConsts.consts[$size].icon}px;\r\n          }\r\n        }\r\n\r\n        &-active {\r\n          color: ${layer[Variables.TextOnFoundationStrong]};\r\n          transition: all 0.1s;\r\n        }\r\n\r\n        &-disabled {\r\n          background: transparent;\r\n          color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\r\n          cursor: default;\r\n\r\n          .${prefixCls}-tab-btn::after {\r\n            display: none;\r\n          }\r\n\r\n          .${prefixCls}-tab-btn:hover {\r\n            background: transparent;\r\n            cursor: not-allowed;\r\n          }\r\n        }\r\n      }\r\n\r\n      & .${prefixCls}-ink-bar {\r\n        position: absolute;\r\n        background: ${layer[Variables.BackgroundBrand]};\r\n        pointer-events: none;\r\n\r\n        &-animated {\r\n          transition: all 0.15s;\r\n        }\r\n\r\n        ${$indicatorPosition === Positions.Left &&\r\n        tabPosition === Positions.Left &&\r\n        css`\r\n          left: 0;\r\n          right: unset;\r\n        `}\r\n\r\n        ${$indicatorPosition === Positions.Right &&\r\n        tabPosition === Positions.Right &&\r\n        css`\r\n          left: unset;\r\n          right: 0;\r\n        `}\r\n      }\r\n\r\n      & .${prefixCls}-extra-content {\r\n        flex: none;\r\n      }\r\n\r\n      .${prefixCls}-content {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        &-holder {\r\n          flex: auto;\r\n        }\r\n\r\n        &-animated {\r\n          transition: margin 0.3s;\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-tabpane {\r\n        width: 100%;\r\n        height: 100%;\r\n        flex: none;\r\n\r\n        &-hidden {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      &-top,\r\n      &-bottom {\r\n        flex-direction: column;\r\n\r\n        .${prefixCls}-tab-btn {\r\n          &::after {\r\n            left: 50%;\r\n            right: 50%;\r\n          }\r\n\r\n          &:not([aria-selected='true']):hover::after {\r\n            left: ${TabsConsts.consts[$size].paddingInline}px;\r\n            right: ${TabsConsts.consts[$size].paddingInline}px;\r\n          }\r\n\r\n          &[aria-selected='true']::after,\r\n          &:active::after {\r\n            left: 0;\r\n            right: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      &-top .${prefixCls}-ink-bar, &-top .${prefixCls}-tab-btn::after {\r\n        border-top-left-radius: 3px;\r\n        border-top-right-radius: 3px;\r\n        bottom: 0;\r\n      }\r\n\r\n      &-top\r\n        .${prefixCls}-ink-bar,\r\n        &-bottom\r\n        .${prefixCls}-ink-bar,\r\n        &-top\r\n        .${prefixCls}-tab-btn::after,\r\n        &-bottom\r\n        .${prefixCls}-tab-btn::after {\r\n        height: 3px;\r\n      }\r\n\r\n      &-bottom .${prefixCls}-nav {\r\n        order: 1;\r\n      }\r\n\r\n      &-bottom .${prefixCls}-content {\r\n        order: 0;\r\n      }\r\n\r\n      &-bottom .${prefixCls}-ink-bar, &-bottom .${prefixCls}-tab-btn::after {\r\n        border-bottom-left-radius: 3px;\r\n        border-bottom-right-radius: 3px;\r\n        top: 0;\r\n      }\r\n\r\n      &-left .${prefixCls}-nav-wrap, &-right .${prefixCls}-nav-wrap {\r\n        flex-direction: column;\r\n        width: 100%;\r\n      }\r\n\r\n      &-left,\r\n      &-right {\r\n        .${prefixCls}-tab-btn {\r\n          &::after {\r\n            top: 50%;\r\n            bottom: 50%;\r\n          }\r\n\r\n          &:hover::after {\r\n            top: ${TabsConsts.consts[$size].paddingBlock}px;\r\n            bottom: ${TabsConsts.consts[$size].paddingBlock}px;\r\n          }\r\n\r\n          &[aria-selected='true']::after,\r\n          &:active::after {\r\n            top: 0;\r\n            bottom: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      &-left\r\n        .${prefixCls}-ink-bar,\r\n        &-right\r\n        .${prefixCls}-ink-bar,\r\n        &-left\r\n        .${prefixCls}-tab-btn::after,\r\n        &-right\r\n        .${prefixCls}-tab-btn::after {\r\n        width: 3px;\r\n      }\r\n\r\n      &-left .${prefixCls}-nav, &-right .${prefixCls}-nav {\r\n        flex-direction: column;\r\n        min-width: 50px;\r\n      }\r\n\r\n      &-left .${prefixCls}-nav-list, &-right .${prefixCls}-nav-list {\r\n        flex: 1 0 auto;\r\n        flex-direction: column;\r\n      }\r\n\r\n      &-left .${prefixCls}-ink-bar, &-left .${prefixCls}-tab-btn::after {\r\n        border-top-left-radius: 3px;\r\n        border-bottom-left-radius: 3px;\r\n        right: 0;\r\n      }\r\n\r\n      &-right .${prefixCls}-nav {\r\n        order: 1;\r\n      }\r\n\r\n      &-right .${prefixCls}-content {\r\n        order: 0;\r\n      }\r\n\r\n      &-right .${prefixCls}-ink-bar, &-right .${prefixCls}-tab-btn::after {\r\n        border-top-right-radius: 3px;\r\n        border-bottom-right-radius: 3px;\r\n        left: 0;\r\n      }\r\n\r\n      &-right .${prefixCls}-tab, &-left .${prefixCls}-tab {\r\n        .${prefixCls}-tab-btn {\r\n          justify-content: flex-start;\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  `;\r\n});\r\n\r\nexport { Tabs, TabsLabel, TabsLabelTextContainer };\r\n"],"names":["TabsLabelTextContainer","styled","Flexbox","TabsLabel","$size","$iconPosition","$icon","$iconOnly","TabsConsts.consts","Positions","css","Tabs","TabsRC","TABS_CLASS","prefixCls","tabPosition","$indicatorPosition","theme","modes","layer","disabledLayer","Variables","getLabelTypographySize","getFocusStyles"],"mappings":"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"}

package/build/cjs/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Variants, Sizes, TAG_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Tag.styles';\nimport type { ITagProps } from './Tag.types';\nimport Label from '../Text/components/Label/Label';\n\nconst Tag = forwardRef<HTMLDivElement, ITagProps>(\n  ({ children, className, icon, closeButtonTitle = 'Close', ...props }, ref): ReactElement => {\n    const { size, shape, variant, sentiment, closeButton, onCloseClick, iconPosition, iconOnly, ...rest } =\n      TagUtils.useProps(props);\n\n    return (\n      <Styled.Tag\n        className={classNames(TAG_CLASS, className)}\n        $shape={shape}\n        $variant={variant}\n        $size={size}\n        $sentiment={sentiment}\n        $icon={Boolean(icon)}\n        $iconOnly={iconOnly}\n        $iconPosition={iconPosition}\n        ref={ref}\n        {...rest}\n      >\n        <Styled.TagLabelContainer>\n          {icon}\n          {!iconOnly && <Label size={size}>{children}</Label>}\n        </Styled.TagLabelContainer>\n        {!!closeButton && (\n          <Styled.TagButton\n            title={closeButtonTitle}\n            sentiment={sentiment}\n            size={Sizes.XSmall}\n            iconOnly={true}\n            aria-label={`remove tag ${children}`}\n            icon={<Cross className={`${TAG_CLASS}-close-button-icon`} />}\n            onClick={onCloseClick}\n            variant={Variants.Transparent}\n          />\n        )}\n      </Styled.Tag>\n    );\n  },\n);\n\nexport default Tag;\n"],"names":["Tag","forwardRef","children","className","icon","closeButtonTitle","props","ref","size","shape","variant","sentiment","closeButton","onCloseClick","iconPosition","iconOnly","rest","TagUtils.useProps","jsxs","Styled.Tag","classNames","TAG_CLASS","Styled.TagLabelContainer","jsx","Label","Styled.TagButton","Sizes","Cross","Variants"],"mappings":"sXAWMA,EAAMC,EAAAA,WACV,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,iBAAAC,EAAmB,QAAS,GAAGC,CAAA,EAASC,IAAsB,CAC1F,KAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,YAAAC,EAAa,aAAAC,EAAc,aAAAC,EAAc,SAAAC,EAAU,GAAGC,CAAA,EAC7FC,EAAAA,SAAkBX,CAAK,EAEzB,OACEY,EAAAA,KAACC,EAAAA,IAAA,CACC,UAAWC,EAAWC,EAAAA,UAAWlB,CAAS,EAC1C,OAAQM,EACR,SAAUC,EACV,MAAOF,EACP,WAAYG,EACZ,MAAO,EAAQP,EACf,UAAWW,EACX,cAAeD,EACf,IAAAP,EACC,GAAGS,EAEJ,SAAA,CAAAE,OAACI,EAAAA,kBAAA,CACE,SAAA,CAAAlB,EACA,CAACW,GAAYQ,EAAAA,IAACC,EAAA,CAAM,KAAAhB,EAAa,SAAAN,CAAA,CAAS,CAAA,EAC7C,EACC,CAAC,CAACU,GACDW,EAAAA,IAACE,EAAAA,UAAA,CACC,MAAOpB,EACP,UAAAM,EACA,KAAMe,EAAAA,MAAM,OACZ,SAAU,GACV,aAAY,cAAcxB,CAAQ,GAClC,KAAMqB,EAAAA,IAACI,EAAA,CAAM,UAAW,GAAGN,EAAAA,SAAS,qBAAsB,EAC1D,QAASR,EACT,QAASe,EAAAA,SAAS,WAAA,CAAA,CACpB,CAAA,CAAA,CAIR,CACF"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Variants, Sizes, TAG_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\r\n\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './Tag.styles';\r\nimport type { ITagProps } from './Tag.types';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst Tag = forwardRef<HTMLDivElement, ITagProps>(\r\n  ({ children, className, icon, closeButtonTitle = 'Close', ...props }, ref): ReactElement => {\r\n    const { size, shape, variant, sentiment, closeButton, onCloseClick, iconPosition, iconOnly, ...rest } =\r\n      TagUtils.useProps(props);\r\n\r\n    return (\r\n      <Styled.Tag\r\n        className={classNames(TAG_CLASS, className)}\r\n        $shape={shape}\r\n        $variant={variant}\r\n        $size={size}\r\n        $sentiment={sentiment}\r\n        $icon={Boolean(icon)}\r\n        $iconOnly={iconOnly}\r\n        $iconPosition={iconPosition}\r\n        ref={ref}\r\n        {...rest}\r\n      >\r\n        <Styled.TagLabelContainer>\r\n          {icon}\r\n          {!iconOnly && <Label size={size}>{children}</Label>}\r\n        </Styled.TagLabelContainer>\r\n        {!!closeButton && (\r\n          <Styled.TagButton\r\n            title={closeButtonTitle}\r\n            sentiment={sentiment}\r\n            size={Sizes.XSmall}\r\n            iconOnly={true}\r\n            aria-label={`remove tag ${children}`}\r\n            icon={<Cross className={`${TAG_CLASS}-close-button-icon`} />}\r\n            onClick={onCloseClick}\r\n            variant={Variants.Transparent}\r\n          />\r\n        )}\r\n      </Styled.Tag>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Tag;\r\n"],"names":["Tag","forwardRef","children","className","icon","closeButtonTitle","props","ref","size","shape","variant","sentiment","closeButton","onCloseClick","iconPosition","iconOnly","rest","TagUtils.useProps","jsxs","Styled.Tag","classNames","TAG_CLASS","Styled.TagLabelContainer","jsx","Label","Styled.TagButton","Sizes","Cross","Variants"],"mappings":"sXAWMA,EAAMC,EAAAA,WACV,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,iBAAAC,EAAmB,QAAS,GAAGC,CAAA,EAASC,IAAsB,CAC1F,KAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,YAAAC,EAAa,aAAAC,EAAc,aAAAC,EAAc,SAAAC,EAAU,GAAGC,CAAA,EAC7FC,EAAAA,SAAkBX,CAAK,EAEzB,OACEY,EAAAA,KAACC,EAAAA,IAAA,CACC,UAAWC,EAAWC,EAAAA,UAAWlB,CAAS,EAC1C,OAAQM,EACR,SAAUC,EACV,MAAOF,EACP,WAAYG,EACZ,MAAO,EAAQP,EACf,UAAWW,EACX,cAAeD,EACf,IAAAP,EACC,GAAGS,EAEJ,SAAA,CAAAE,OAACI,EAAAA,kBAAA,CACE,SAAA,CAAAlB,EACA,CAACW,GAAYQ,EAAAA,IAACC,EAAA,CAAM,KAAAhB,EAAa,SAAAN,CAAA,CAAS,CAAA,EAC7C,EACC,CAAC,CAACU,GACDW,EAAAA,IAACE,EAAAA,UAAA,CACC,MAAOpB,EACP,UAAAM,EACA,KAAMe,EAAAA,MAAM,OACZ,SAAU,GACV,aAAY,cAAcxB,CAAQ,GAClC,KAAMqB,EAAAA,IAACI,EAAA,CAAM,UAAW,GAAGN,EAAAA,SAAS,qBAAsB,EAC1D,QAASR,EACT,QAASe,EAAAA,SAAS,WAAA,CAAA,CACpB,CAAA,CAAA,CAIR,CACF"}

package/build/cjs/components/Tag/Tag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { ITagProps } from './Tag.types';\nimport OnSentimentButton from '../Button/OnSentimentButton';\nimport { Label } from '../Text/components/Label/Label.styles';\n\ntype StylePropsRequired = 'size' | 'shape' | 'sentiment' | 'variant' | 'iconPosition' | 'icon' | 'iconOnly';\n\nexport const TagButton = styled(OnSentimentButton)`\n  width: auto;\n  min-width: auto;\n  height: auto;\n  min-height: auto;\n  padding: 0;\n\n  &:not(:disabled):hover,\n  &:not(:disabled):active {\n    background-color: inherit;\n    color: inherit;\n  }\n`;\n\nexport const TagLabelContainer = styled.div``;\n\nexport const Tag = styled.div<Required<PickTransient<ITagProps, StylePropsRequired>>>`\n  ${({ theme, $sentiment, $shape, $size, $variant, $iconPosition, $icon, $iconOnly }) => {\n    const {\n      backgroundColor,\n      color,\n      borderColor,\n      minHeight,\n      gap,\n      borderRadius,\n      borderWidth,\n      borderStyle,\n      labelPaddingInline,\n      paddingInline,\n      iconSize,\n    } = TagUtils.useStyles({\n      theme,\n      sentiment: $sentiment,\n      variant: $variant,\n      size: $size,\n      icon: $icon,\n      iconOnly: $iconOnly,\n      iconPosition: $iconPosition,\n      shape: $shape,\n    });\n\n    return css`\n      display: flex;\n      align-items: center;\n      width: fit-content;\n      gap: ${gap}px;\n      min-height: ${minHeight}px;\n      padding-inline: ${paddingInline}px;\n      border-radius: ${borderRadius}px;\n      border-width: ${borderWidth}px;\n      border-style: ${borderStyle};\n      background-color: ${backgroundColor};\n      color: ${color};\n      border-color: ${borderColor};\n\n      & > ${TagLabelContainer} {\n        display: flex;\n        align-items: center;\n        gap: ${gap}px;\n        padding-inline: ${labelPaddingInline};\n\n        ${$iconPosition === 'right' &&\n        css`\n          flex-direction: row-reverse;\n        `};\n        &,\n        & > ${Label} {\n          color: ${color};\n        }\n      }\n\n      & > ${TagButton} {\n        border-radius: ${borderRadius}px;\n      }\n\n      & > ${TagButton} > svg,\n      & > ${TagLabelContainer} > svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n      }\n    `;\n  }}\n`;\n"],"names":["TagButton","styled","OnSentimentButton","TagLabelContainer","Tag","theme","$sentiment","$shape","$size","$variant","$iconPosition","$icon","$iconOnly","backgroundColor","color","borderColor","minHeight","gap","borderRadius","borderWidth","borderStyle","labelPaddingInline","paddingInline","iconSize","TagUtils.useStyles","css","Label"],"mappings":"iTAUaA,EAAYC,EAAAA,OAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcpCC,EAAoBF,EAAAA,OAAO,MAE3BG,EAAMH,EAAAA,OAAO;AAAA,IACtB,CAAC,CAAE,MAAAI,EAAO,WAAAC,EAAY,OAAAC,EAAQ,MAAAC,EAAO,SAAAC,EAAU,cAAAC,EAAe,MAAAC,EAAO,UAAAC,KAAgB,CACrF,KAAM,CACJ,gBAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,IAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,SAAAC,CAAA,EACEC,YAAmB,CACrB,MAAAnB,EACA,UAAWC,EACX,QAASG,EACT,KAAMD,EACN,KAAMG,EACN,SAAUC,EACV,aAAcF,EACd,MAAOH,CAAA,CACR,EAED,OAAOkB,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAIER,CAAG;AAAA,oBACID,CAAS;AAAA,wBACLM,CAAa;AAAA,uBACdJ,CAAY;AAAA,sBACbC,CAAW;AAAA,sBACXC,CAAW;AAAA,0BACPP,CAAe;AAAA,eAC1BC,CAAK;AAAA,sBACEC,CAAW;AAAA;AAAA,YAErBZ,CAAiB;AAAA;AAAA;AAAA,eAGdc,CAAG;AAAA,0BACQI,CAAkB;AAAA;AAAA,UAElCX,IAAkB,SACpBe,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA,cAEKC,OAAK;AAAA,mBACAZ,CAAK;AAAA;AAAA;AAAA;AAAA,YAIZd,CAAS;AAAA,yBACIkB,CAAY;AAAA;AAAA;AAAA,YAGzBlB,CAAS;AAAA,YACTG,CAAiB;AAAA,iBACZoB,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA,KAGxB,CAAC;AAAA"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { ITagProps } from './Tag.types';\r\nimport OnSentimentButton from '../Button/OnSentimentButton';\r\nimport { Label } from '../Text/components/Label/Label.styles';\r\n\r\ntype StylePropsRequired = 'size' | 'shape' | 'sentiment' | 'variant' | 'iconPosition' | 'icon' | 'iconOnly';\r\n\r\nexport const TagButton = styled(OnSentimentButton)`\r\n  width: auto;\r\n  min-width: auto;\r\n  height: auto;\r\n  min-height: auto;\r\n  padding: 0;\r\n\r\n  &:not(:disabled):hover,\r\n  &:not(:disabled):active {\r\n    background-color: inherit;\r\n    color: inherit;\r\n  }\r\n`;\r\n\r\nexport const TagLabelContainer = styled.div``;\r\n\r\nexport const Tag = styled.div<Required<PickTransient<ITagProps, StylePropsRequired>>>`\r\n  ${({ theme, $sentiment, $shape, $size, $variant, $iconPosition, $icon, $iconOnly }) => {\r\n    const {\r\n      backgroundColor,\r\n      color,\r\n      borderColor,\r\n      minHeight,\r\n      gap,\r\n      borderRadius,\r\n      borderWidth,\r\n      borderStyle,\r\n      labelPaddingInline,\r\n      paddingInline,\r\n      iconSize,\r\n    } = TagUtils.useStyles({\r\n      theme,\r\n      sentiment: $sentiment,\r\n      variant: $variant,\r\n      size: $size,\r\n      icon: $icon,\r\n      iconOnly: $iconOnly,\r\n      iconPosition: $iconPosition,\r\n      shape: $shape,\r\n    });\r\n\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n      width: fit-content;\r\n      gap: ${gap}px;\r\n      min-height: ${minHeight}px;\r\n      padding-inline: ${paddingInline}px;\r\n      border-radius: ${borderRadius}px;\r\n      border-width: ${borderWidth}px;\r\n      border-style: ${borderStyle};\r\n      background-color: ${backgroundColor};\r\n      color: ${color};\r\n      border-color: ${borderColor};\r\n\r\n      & > ${TagLabelContainer} {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: ${gap}px;\r\n        padding-inline: ${labelPaddingInline};\r\n\r\n        ${$iconPosition === 'right' &&\r\n        css`\r\n          flex-direction: row-reverse;\r\n        `};\r\n        &,\r\n        & > ${Label} {\r\n          color: ${color};\r\n        }\r\n      }\r\n\r\n      & > ${TagButton} {\r\n        border-radius: ${borderRadius}px;\r\n      }\r\n\r\n      & > ${TagButton} > svg,\r\n      & > ${TagLabelContainer} > svg {\r\n        width: ${iconSize}px;\r\n        height: ${iconSize}px;\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n"],"names":["TagButton","styled","OnSentimentButton","TagLabelContainer","Tag","theme","$sentiment","$shape","$size","$variant","$iconPosition","$icon","$iconOnly","backgroundColor","color","borderColor","minHeight","gap","borderRadius","borderWidth","borderStyle","labelPaddingInline","paddingInline","iconSize","TagUtils.useStyles","css","Label"],"mappings":"iTAUaA,EAAYC,EAAAA,OAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcpCC,EAAoBF,EAAAA,OAAO,MAE3BG,EAAMH,EAAAA,OAAO;AAAA,IACtB,CAAC,CAAE,MAAAI,EAAO,WAAAC,EAAY,OAAAC,EAAQ,MAAAC,EAAO,SAAAC,EAAU,cAAAC,EAAe,MAAAC,EAAO,UAAAC,KAAgB,CACrF,KAAM,CACJ,gBAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,IAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,SAAAC,CAAA,EACEC,YAAmB,CACrB,MAAAnB,EACA,UAAWC,EACX,QAASG,EACT,KAAMD,EACN,KAAMG,EACN,SAAUC,EACV,aAAcF,EACd,MAAOH,CAAA,CACR,EAED,OAAOkB,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAIER,CAAG;AAAA,oBACID,CAAS;AAAA,wBACLM,CAAa;AAAA,uBACdJ,CAAY;AAAA,sBACbC,CAAW;AAAA,sBACXC,CAAW;AAAA,0BACPP,CAAe;AAAA,eAC1BC,CAAK;AAAA,sBACEC,CAAW;AAAA;AAAA,YAErBZ,CAAiB;AAAA;AAAA;AAAA,eAGdc,CAAG;AAAA,0BACQI,CAAkB;AAAA;AAAA,UAElCX,IAAkB,SACpBe,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA,cAEKC,OAAK;AAAA,mBACAZ,CAAK;AAAA;AAAA;AAAA;AAAA,YAIZd,CAAS;AAAA,yBACIkB,CAAY;AAAA;AAAA;AAAA,YAGzBlB,CAAS;AAAA,YACTG,CAAiB;AAAA,iBACZoB,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA,KAGxB,CAAC;AAAA"}

package/build/cjs/components/Text/components/Display/Display.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.js","sources":["../../../../../../src/components/Text/components/Display/Display.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { DISPLAY_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DisplayUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Display.styles';\nimport type { IDisplayProps } from './Display.types';\n\nconst Display = forwardRef<HTMLSpanElement, IDisplayProps>(({ className = '', ...props }, ref): ReactElement => {\n  const { type, ...rest } = DisplayUtils.useProps(props);\n\n  return <Styled.Display {...rest} className={classNames(DISPLAY_CLASS, className)} as={type} ref={ref} />;\n});\n\nexport default Display;\n"],"names":["Display","forwardRef","className","props","ref","type","rest","DisplayUtils.useProps","jsx","Styled.Display","classNames","DISPLAY_CLASS"],"mappings":"oRASMA,EAAUC,EAAAA,WAA2C,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CAC9G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAsBJ,CAAK,EAErD,OAAOK,EAAAA,IAACC,EAAAA,QAAA,CAAgB,GAAGH,EAAM,UAAWI,EAAWC,EAAAA,cAAeT,CAAS,EAAG,GAAIG,EAAM,IAAAD,CAAA,CAAU,CACxG,CAAC"}
+{"version":3,"file":"Display.js","sources":["../../../../../../src/components/Text/components/Display/Display.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { DISPLAY_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { DisplayUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Display.styles';\r\nimport type { IDisplayProps } from './Display.types';\r\n\r\nconst Display = forwardRef<HTMLSpanElement, IDisplayProps>(({ className = '', ...props }, ref): ReactElement => {\r\n  const { type, ...rest } = DisplayUtils.useProps(props);\r\n\r\n  return <Styled.Display {...rest} className={classNames(DISPLAY_CLASS, className)} as={type} ref={ref} />;\r\n});\r\n\r\nexport default Display;\r\n"],"names":["Display","forwardRef","className","props","ref","type","rest","DisplayUtils.useProps","jsx","Styled.Display","classNames","DISPLAY_CLASS"],"mappings":"oRASMA,EAAUC,EAAAA,WAA2C,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CAC9G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAsBJ,CAAK,EAErD,OAAOK,EAAAA,IAACC,EAAAA,QAAA,CAAgB,GAAGH,EAAM,UAAWI,EAAWC,EAAAA,cAAeT,CAAS,EAAG,GAAIG,EAAM,IAAAD,CAAA,CAAU,CACxG,CAAC"}

package/build/cjs/components/Text/components/Display/Display.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.styles.js","sources":["../../../../../../src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { DisplayStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Display = styled.span<DisplayStyles.StylesProps>`\n  ${DisplayStyles.Styles};\n`;\n\nexport { Display };\n"],"names":["Display","styled","DisplayStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAAA,OAAO;AAAA,IACnBC,QAAoB;AAAA"}
+{"version":3,"file":"Display.styles.js","sources":["../../../../../../src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { DisplayStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Display = styled.span<DisplayStyles.StylesProps>`\r\n  ${DisplayStyles.Styles};\r\n`;\r\n\r\nexport { Display };\r\n"],"names":["Display","styled","DisplayStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAAA,OAAO;AAAA,IACnBC,QAAoB;AAAA"}

package/build/cjs/components/Text/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { HEADING_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { HeadingUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Heading.styles';\nimport type { IHeadingProps } from './Heading.types';\n\nconst Heading = forwardRef<HTMLHeadingElement | HTMLLabelElement | HTMLSpanElement, IHeadingProps>(\n  ({ className = '', ...props }, ref): ReactElement => {\n    const { type, ...rest } = HeadingUtils.useProps(props);\n\n    return <Styled.Heading {...rest} className={classNames(HEADING_CLASS, className)} as={type} ref={ref} />;\n  },\n);\n\nexport default Heading;\n"],"names":["Heading","forwardRef","className","props","ref","type","rest","HeadingUtils.useProps","jsx","Styled.Heading","classNames","HEADING_CLASS"],"mappings":"oRASMA,EAAUC,EAAAA,WACd,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CACnD,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAsBJ,CAAK,EAErD,OAAOK,EAAAA,IAACC,EAAAA,QAAA,CAAgB,GAAGH,EAAM,UAAWI,EAAWC,EAAAA,cAAeT,CAAS,EAAG,GAAIG,EAAM,IAAAD,CAAA,CAAU,CACxG,CACF"}
+{"version":3,"file":"Heading.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { HEADING_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { HeadingUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Heading.styles';\r\nimport type { IHeadingProps } from './Heading.types';\r\n\r\nconst Heading = forwardRef<HTMLHeadingElement | HTMLLabelElement | HTMLSpanElement, IHeadingProps>(\r\n  ({ className = '', ...props }, ref): ReactElement => {\r\n    const { type, ...rest } = HeadingUtils.useProps(props);\r\n\r\n    return <Styled.Heading {...rest} className={classNames(HEADING_CLASS, className)} as={type} ref={ref} />;\r\n  },\r\n);\r\n\r\nexport default Heading;\r\n"],"names":["Heading","forwardRef","className","props","ref","type","rest","HeadingUtils.useProps","jsx","Styled.Heading","classNames","HEADING_CLASS"],"mappings":"oRASMA,EAAUC,EAAAA,WACd,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CACnD,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAsBJ,CAAK,EAErD,OAAOK,EAAAA,IAACC,EAAAA,QAAA,CAAgB,GAAGH,EAAM,UAAWI,EAAWC,EAAAA,cAAeT,CAAS,EAAG,GAAIG,EAAM,IAAAD,CAAA,CAAU,CACxG,CACF"}

package/build/cjs/components/Text/components/Heading/Heading.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.styles.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { HeadingStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Heading = styled.h1<HeadingStyles.StylesProps>`\n  ${HeadingStyles.Styles};\n`;\n\nexport { Heading };\n"],"names":["Heading","styled","HeadingStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAAA,OAAO;AAAA,IACnBC,QAAoB;AAAA"}
+{"version":3,"file":"Heading.styles.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { HeadingStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Heading = styled.h1<HeadingStyles.StylesProps>`\r\n  ${HeadingStyles.Styles};\r\n`;\r\n\r\nexport { Heading };\r\n"],"names":["Heading","styled","HeadingStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAAA,OAAO;AAAA,IACnBC,QAAoB;AAAA"}

package/build/cjs/components/Text/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../../src/components/Text/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { LABEL_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { LabelUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Label.styles';\nimport type { ILabelProps } from './Label.types';\n\nconst Label = forwardRef<HTMLSpanElement, ILabelProps>(({ className = '', ...props }, ref): ReactElement => {\n  const { type, ...rest } = LabelUtils.useProps(props);\n\n  return <Styled.Label className={classNames(LABEL_CLASS, className)} as={type} ref={ref} {...rest} />;\n});\n\nexport default Label;\n"],"names":["Label","forwardRef","className","props","ref","type","rest","LabelUtils.useProps","jsx","Styled.Label","classNames","LABEL_CLASS"],"mappings":"8QASMA,EAAQC,EAAAA,WAAyC,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CAC1G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAoBJ,CAAK,EAEnD,OAAOK,EAAAA,IAACC,EAAAA,MAAA,CAAa,UAAWC,EAAWC,EAAAA,YAAaT,CAAS,EAAG,GAAIG,EAAM,IAAAD,EAAW,GAAGE,CAAA,CAAM,CACpG,CAAC"}
+{"version":3,"file":"Label.js","sources":["../../../../../../src/components/Text/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { LABEL_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { LabelUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Label.styles';\r\nimport type { ILabelProps } from './Label.types';\r\n\r\nconst Label = forwardRef<HTMLSpanElement, ILabelProps>(({ className = '', ...props }, ref): ReactElement => {\r\n  const { type, ...rest } = LabelUtils.useProps(props);\r\n\r\n  return <Styled.Label className={classNames(LABEL_CLASS, className)} as={type} ref={ref} {...rest} />;\r\n});\r\n\r\nexport default Label;\r\n"],"names":["Label","forwardRef","className","props","ref","type","rest","LabelUtils.useProps","jsx","Styled.Label","classNames","LABEL_CLASS"],"mappings":"8QASMA,EAAQC,EAAAA,WAAyC,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CAC1G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAoBJ,CAAK,EAEnD,OAAOK,EAAAA,IAACC,EAAAA,MAAA,CAAa,UAAWC,EAAWC,EAAAA,YAAaT,CAAS,EAAG,GAAIG,EAAM,IAAAD,EAAW,GAAGE,CAAA,CAAM,CACpG,CAAC"}

package/build/cjs/components/Text/components/Label/Label.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.js","sources":["../../../../../../src/components/Text/components/Label/Label.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { LabelStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Label = styled.span<LabelStyles.StylesProps>`\n  ${LabelStyles.Styles};\n`;\n\nexport { Label };\n"],"names":["Label","styled","LabelStyles.Styles"],"mappings":"0OAGMA,EAAQC,EAAAA,OAAO;AAAA,IACjBC,QAAkB;AAAA"}
+{"version":3,"file":"Label.styles.js","sources":["../../../../../../src/components/Text/components/Label/Label.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { LabelStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Label = styled.span<LabelStyles.StylesProps>`\r\n  ${LabelStyles.Styles};\r\n`;\r\n\r\nexport { Label };\r\n"],"names":["Label","styled","LabelStyles.Styles"],"mappings":"0OAGMA,EAAQC,EAAAA,OAAO;AAAA,IACjBC,QAAkB;AAAA"}

package/build/cjs/components/Text/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../src/components/Text/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { LINK_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Link.styles';\nimport type { ILinkProps } from './Link.types';\n\nconst Link = forwardRef<HTMLLinkElement, ILinkProps>(({ className, children, ...rest }, ref): ReactElement => {\n  const { hoverStyles, visitedStyles, defaultStyles, pressStyles, disabledStyles } = LinkUtils.useProps();\n\n  return (\n    <Styled.Link\n      $defaultStyles={defaultStyles}\n      $hoverStyles={hoverStyles}\n      $pressStyles={pressStyles}\n      $visitedStyles={visitedStyles}\n      $disabledStyles={disabledStyles}\n      className={classNames(LINK_CLASS, className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Styled.Link>\n  );\n});\n\nexport default Link;\n"],"names":["Link","forwardRef","className","children","rest","ref","hoverStyles","visitedStyles","defaultStyles","pressStyles","disabledStyles","LinkUtils.useProps","jsx","Styled.Link","classNames","LINK_CLASS"],"mappings":"2QASMA,EAAOC,EAAAA,WAAwC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EAAQC,IAAsB,CAC5G,KAAM,CAAE,YAAAC,EAAa,cAAAC,EAAe,cAAAC,EAAe,YAAAC,EAAa,eAAAC,CAAA,EAAmBC,WAAU,EAE7F,OACEC,EAAAA,IAACC,EAAAA,KAAA,CACC,eAAgBL,EAChB,aAAcF,EACd,aAAcG,EACd,eAAgBF,EAChB,gBAAiBG,EACjB,UAAWI,EAAWC,EAAAA,WAAYb,CAAS,EAC3C,IAAAG,EACC,GAAGD,EAEH,SAAAD,CAAA,CAAA,CAGP,CAAC"}
+{"version":3,"file":"Link.js","sources":["../../../../../../src/components/Text/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { LINK_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Link.styles';\r\nimport type { ILinkProps } from './Link.types';\r\n\r\nconst Link = forwardRef<HTMLLinkElement, ILinkProps>(({ className, children, ...rest }, ref): ReactElement => {\r\n  const { hoverStyles, visitedStyles, defaultStyles, pressStyles, disabledStyles } = LinkUtils.useProps();\r\n\r\n  return (\r\n    <Styled.Link\r\n      $defaultStyles={defaultStyles}\r\n      $hoverStyles={hoverStyles}\r\n      $pressStyles={pressStyles}\r\n      $visitedStyles={visitedStyles}\r\n      $disabledStyles={disabledStyles}\r\n      className={classNames(LINK_CLASS, className)}\r\n      ref={ref}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Styled.Link>\r\n  );\r\n});\r\n\r\nexport default Link;\r\n"],"names":["Link","forwardRef","className","children","rest","ref","hoverStyles","visitedStyles","defaultStyles","pressStyles","disabledStyles","LinkUtils.useProps","jsx","Styled.Link","classNames","LINK_CLASS"],"mappings":"2QASMA,EAAOC,EAAAA,WAAwC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EAAQC,IAAsB,CAC5G,KAAM,CAAE,YAAAC,EAAa,cAAAC,EAAe,cAAAC,EAAe,YAAAC,EAAa,eAAAC,CAAA,EAAmBC,WAAU,EAE7F,OACEC,EAAAA,IAACC,EAAAA,KAAA,CACC,eAAgBL,EAChB,aAAcF,EACd,aAAcG,EACd,eAAgBF,EAChB,gBAAiBG,EACjB,UAAWI,EAAWC,EAAAA,WAAYb,CAAS,EAC3C,IAAAG,EACC,GAAGD,EAEH,SAAAD,CAAA,CAAA,CAGP,CAAC"}

package/build/cjs/components/Text/components/Link/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","sources":["../../../../../../src/components/Text/components/Link/Link.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nconst Link = styled.span<TransientAll<ReturnType<typeof LinkUtils.useProps>>>`\n  ${({ theme, $defaultStyles, $hoverStyles, $pressStyles, $visitedStyles, $disabledStyles }) => css`\n    a {\n      ${$defaultStyles};\n      &:visited {\n        ${$visitedStyles};\n      }\n\n      &:hover {\n        ${$hoverStyles};\n      }\n\n      &:active {\n        ${$pressStyles};\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n\n      &:disabled {\n        ${$disabledStyles};\n      }\n\n      &[aria-hidden='true'] {\n        border: none;\n      }\n    }\n  `};\n`;\n\nexport { Link };\n"],"names":["Link","styled","theme","$defaultStyles","$hoverStyles","$pressStyles","$visitedStyles","$disabledStyles","css","getFocusStyles"],"mappings":"8MAKMA,EAAOC,EAAAA,OAAO;AAAA,IAChB,CAAC,CAAE,MAAAC,EAAO,eAAAC,EAAgB,aAAAC,EAAc,aAAAC,EAAc,eAAAC,EAAgB,gBAAAC,KAAsBC,EAAAA;AAAAA;AAAAA,QAExFL,CAAc;AAAA;AAAA,UAEZG,CAAc;AAAA;AAAA;AAAA;AAAA,UAIdF,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZC,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZI,EAAAA,eAAeP,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrBK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtB;AAAA"}
+{"version":3,"file":"Link.styles.js","sources":["../../../../../../src/components/Text/components/Link/Link.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\r\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nconst Link = styled.span<TransientAll<ReturnType<typeof LinkUtils.useProps>>>`\r\n  ${({ theme, $defaultStyles, $hoverStyles, $pressStyles, $visitedStyles, $disabledStyles }) => css`\r\n    a {\r\n      ${$defaultStyles};\r\n      &:visited {\r\n        ${$visitedStyles};\r\n      }\r\n\r\n      &:hover {\r\n        ${$hoverStyles};\r\n      }\r\n\r\n      &:active {\r\n        ${$pressStyles};\r\n      }\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n      }\r\n\r\n      &:disabled {\r\n        ${$disabledStyles};\r\n      }\r\n\r\n      &[aria-hidden='true'] {\r\n        border: none;\r\n      }\r\n    }\r\n  `};\r\n`;\r\n\r\nexport { Link };\r\n"],"names":["Link","styled","theme","$defaultStyles","$hoverStyles","$pressStyles","$visitedStyles","$disabledStyles","css","getFocusStyles"],"mappings":"8MAKMA,EAAOC,EAAAA,OAAO;AAAA,IAChB,CAAC,CAAE,MAAAC,EAAO,eAAAC,EAAgB,aAAAC,EAAc,aAAAC,EAAc,eAAAC,EAAgB,gBAAAC,KAAsBC,EAAAA;AAAAA;AAAAA,QAExFL,CAAc;AAAA;AAAA,UAEZG,CAAc;AAAA;AAAA;AAAA;AAAA,UAIdF,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZC,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZI,EAAAA,eAAeP,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrBK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtB;AAAA"}

package/build/cjs/components/Text/components/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../../../src/components/Text/components/Section/Section.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { SECTION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Section.styles';\nimport type { ISectionProps } from './Section.types';\n\nconst Section = forwardRef<HTMLElement, ISectionProps>(\n  ({ className = '', gutter = false, children, ...rest }, ref): ReactElement => (\n    <Styled.Section className={classNames(SECTION_CLASS, className)} $gutter={gutter} ref={ref} {...rest}>\n      {children}\n    </Styled.Section>\n  ),\n);\n\nexport default Section;\n"],"names":["Section","forwardRef","className","gutter","children","rest","ref","jsx","Styled.Section","classNames","SECTION_CLASS"],"mappings":"wLAQMA,EAAUC,EAAAA,WACd,CAAC,CAAE,UAAAC,EAAY,GAAI,OAAAC,EAAS,GAAO,SAAAC,EAAU,GAAGC,CAAA,EAAQC,IACtDC,MAACC,EAAAA,QAAA,CAAe,UAAWC,EAAWC,EAAAA,cAAeR,CAAS,EAAG,QAASC,EAAQ,IAAAG,EAAW,GAAGD,EAC7F,SAAAD,CAAA,CACH,CAEJ"}
+{"version":3,"file":"Section.js","sources":["../../../../../../src/components/Text/components/Section/Section.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { SECTION_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './Section.styles';\r\nimport type { ISectionProps } from './Section.types';\r\n\r\nconst Section = forwardRef<HTMLElement, ISectionProps>(\r\n  ({ className = '', gutter = false, children, ...rest }, ref): ReactElement => (\r\n    <Styled.Section className={classNames(SECTION_CLASS, className)} $gutter={gutter} ref={ref} {...rest}>\r\n      {children}\r\n    </Styled.Section>\r\n  ),\r\n);\r\n\r\nexport default Section;\r\n"],"names":["Section","forwardRef","className","gutter","children","rest","ref","jsx","Styled.Section","classNames","SECTION_CLASS"],"mappings":"wLAQMA,EAAUC,EAAAA,WACd,CAAC,CAAE,UAAAC,EAAY,GAAI,OAAAC,EAAS,GAAO,SAAAC,EAAU,GAAGC,CAAA,EAAQC,IACtDC,MAACC,EAAAA,QAAA,CAAe,UAAWC,EAAWC,EAAAA,cAAeR,CAAS,EAAG,QAASC,EAAQ,IAAAG,EAAW,GAAGD,EAC7F,SAAAD,CAAA,CACH,CAEJ"}

package/build/cjs/components/Text/components/Section/Section.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.styles.js","sources":["../../../../../../src/components/Text/components/Section/Section.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { SectionStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Section = styled.section<SectionStyles.StylesProps>`\n  ${SectionStyles.Styles};\n`;\n\nexport { Section };\n"],"names":["Section","styled","SectionStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAAA,OAAO;AAAA,IACnBC,QAAoB;AAAA"}
+{"version":3,"file":"Section.styles.js","sources":["../../../../../../src/components/Text/components/Section/Section.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { SectionStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Section = styled.section<SectionStyles.StylesProps>`\r\n  ${SectionStyles.Styles};\r\n`;\r\n\r\nexport { Section };\r\n"],"names":["Section","styled","SectionStyles.Styles"],"mappings":"8OAGMA,EAAUC,EAAAA,OAAO;AAAA,IACnBC,QAAoB;AAAA"}

package/build/cjs/components/Text/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Text/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { PARAGRAPH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TextUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Text.styles';\nimport type { ITextProps } from './Text.types';\n\nconst Text = forwardRef<HTMLParagraphElement, ITextProps>(({ className = '', ...props }, ref): ReactElement => {\n  const { type, ...rest } = TextUtils.useProps(props);\n\n  return <Styled.Text className={classNames(PARAGRAPH_CLASS, className)} as={type} ref={ref} {...rest} />;\n});\n\nexport default Text;\n"],"names":["Text","forwardRef","className","props","ref","type","rest","TextUtils.useProps","jsx","Styled.Text","classNames","PARAGRAPH_CLASS"],"mappings":"2QASMA,EAAOC,EAAAA,WAA6C,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CAC7G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAmBJ,CAAK,EAElD,OAAOK,EAAAA,IAACC,EAAAA,KAAA,CAAY,UAAWC,EAAWC,EAAAA,gBAAiBT,CAAS,EAAG,GAAIG,EAAM,IAAAD,EAAW,GAAGE,CAAA,CAAM,CACvG,CAAC"}
+{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Text/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { PARAGRAPH_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TextUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Text.styles';\r\nimport type { ITextProps } from './Text.types';\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, ITextProps>(({ className = '', ...props }, ref): ReactElement => {\r\n  const { type, ...rest } = TextUtils.useProps(props);\r\n\r\n  return <Styled.Text className={classNames(PARAGRAPH_CLASS, className)} as={type} ref={ref} {...rest} />;\r\n});\r\n\r\nexport default Text;\r\n"],"names":["Text","forwardRef","className","props","ref","type","rest","TextUtils.useProps","jsx","Styled.Text","classNames","PARAGRAPH_CLASS"],"mappings":"2QASMA,EAAOC,EAAAA,WAA6C,CAAC,CAAE,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAASC,IAAsB,CAC7G,KAAM,CAAE,KAAAC,EAAM,GAAGC,GAASC,EAAAA,SAAmBJ,CAAK,EAElD,OAAOK,EAAAA,IAACC,EAAAA,KAAA,CAAY,UAAWC,EAAWC,EAAAA,gBAAiBT,CAAS,EAAG,GAAIG,EAAM,IAAAD,EAAW,GAAGE,CAAA,CAAM,CACvG,CAAC"}

package/build/cjs/components/Text/components/Text/Text.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.styles.js","sources":["../../../../../../src/components/Text/components/Text/Text.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { TextStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Text = styled.p<TextStyles.StylesProps>`\n  ${TextStyles.Styles};\n`;\n\nexport { Text };\n"],"names":["Text","styled","TextStyles.Styles"],"mappings":"wOAGMA,EAAOC,EAAAA,OAAO;AAAA,IAChBC,QAAiB;AAAA"}
+{"version":3,"file":"Text.styles.js","sources":["../../../../../../src/components/Text/components/Text/Text.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { TextStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Text = styled.p<TextStyles.StylesProps>`\r\n  ${TextStyles.Styles};\r\n`;\r\n\r\nexport { Text };\r\n"],"names":["Text","styled","TextStyles.Styles"],"mappings":"wOAGMA,EAAOC,EAAAA,OAAO;AAAA,IAChBC,QAAiB;AAAA"}

package/build/cjs/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  ComponentPropsWithoutRef,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextArea.styles';\nimport type { ITextAreaProps } from './TextArea.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from '../TextInput/components/Affix';\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n  ...rest\n}: ComponentPropsWithoutRef<'div'> & {\n  size: TextAreaTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size} {...rest}>\n    <Styled.ClearButton\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst TextArea = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      resize = 'both',\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      defaultValue,\n      ...rest\n    }: ITextAreaProps,\n    ref: ForwardedRef<HTMLTextAreaElement>,\n  ) => {\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement>(null);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\n      [capturedValue, allowClear, disabled, readOnly],\n    );\n\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\n      suffixRef,\n      showClear,\n      size,\n      suffix,\n    });\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLTextAreaElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextAreaWrapper\n        className={classNames(TEXT_AREA_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Styled.TextArea\n          ref={innerRef}\n          style={{ paddingInlineEnd, minWidth }}\n          className={`${TEXT_AREA_CLASS}-input`}\n          disabled={disabled}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          data-focused={focusKind}\n          data-resizable={resize}\n          aria-invalid={invalid}\n          onChange={handleOnChange}\n          readOnly={readOnly}\n          value={value}\n          defaultValue={defaultValue}\n          onMouseDownCapture={handleOnMouseDownCapture}\n          {...rest}\n        />\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\n        {!!suffix && (\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\n        )}\n      </Styled.TextAreaWrapper>\n    );\n  },\n);\n\nexport default TextArea;\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\r\n  type ChangeEvent,\r\n  ComponentPropsWithoutRef,\r\n  type ForwardedRef,\r\n  type MouseEvent,\r\n  forwardRef,\r\n  useCallback,\r\n  useImperativeHandle,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './TextArea.styles';\r\nimport type { ITextAreaProps } from './TextArea.types';\r\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\r\nimport { Affix } from '../TextInput/components/Affix';\r\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\r\n\r\nconst ClearButton = ({\r\n  size,\r\n  onClearClick,\r\n  ...rest\r\n}: ComponentPropsWithoutRef<'div'> & {\r\n  size: TextAreaTypes.Size;\r\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\r\n}) => (\r\n  <Styled.ClearButtonContainer $size={size} {...rest}>\r\n    <Styled.ClearButton\r\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\r\n      variant={Variants.Transparent}\r\n      icon={<Cross />}\r\n      iconOnly={true}\r\n      onClick={onClearClick}\r\n    />\r\n  </Styled.ClearButtonContainer>\r\n);\r\n\r\nconst TextArea = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = Sizes.Medium,\r\n      invalid = false,\r\n      disabled = false,\r\n      allowClear = false,\r\n      readOnly = false,\r\n      resize = 'both',\r\n      wrapperProps,\r\n      prefix,\r\n      suffix,\r\n      onChange,\r\n      onMouseDownCapture,\r\n      onClear,\r\n      onFocus,\r\n      onBlur,\r\n      value,\r\n      defaultValue,\r\n      ...rest\r\n    }: ITextAreaProps,\r\n    ref: ForwardedRef<HTMLTextAreaElement>,\r\n  ) => {\r\n    const suffixRef = useRef<HTMLDivElement>(null);\r\n    const innerRef = useRef<HTMLTextAreaElement>(null);\r\n    useImperativeHandle(ref, () => innerRef.current!);\r\n\r\n    const [capturedValue, setCapturedValue] = useState(() => value);\r\n    const showClear = useMemo(\r\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\r\n      [capturedValue, allowClear, disabled, readOnly],\r\n    );\r\n\r\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\r\n      suffixRef,\r\n      showClear,\r\n      size,\r\n      suffix,\r\n    });\r\n\r\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\r\n      onFocus,\r\n      onBlur,\r\n      inputRef: innerRef,\r\n      onClick: wrapperProps?.onClick,\r\n      onMouseDownCapture,\r\n    });\r\n\r\n    const onClearClick = useCallback(\r\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\r\n        // simulate the clear button click\r\n        if (innerRef.current) {\r\n          // reset the value of the input\r\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\r\n            window.HTMLTextAreaElement.prototype,\r\n            'value',\r\n          )?.set;\r\n          nativeInputValueSetter?.call(innerRef.current, '');\r\n          // trigger the input event\r\n          const inputEvent = new Event('input', { bubbles: true });\r\n          innerRef.current.dispatchEvent(inputEvent);\r\n        }\r\n        // call the onClear function if it exists\r\n        onClear?.(mouseEvent);\r\n      },\r\n      [innerRef, onClear],\r\n    );\r\n\r\n    const handleOnChange = useCallback(\r\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\r\n        setCapturedValue(event.target.value);\r\n        onChange?.(event);\r\n      },\r\n      [onChange],\r\n    );\r\n\r\n    return (\r\n      <Styled.TextAreaWrapper\r\n        className={classNames(TEXT_AREA_CLASS, className)}\r\n        $size={size}\r\n        $disabled={disabled}\r\n        $invalid={invalid}\r\n        $readOnly={readOnly}\r\n        {...wrapperProps}\r\n        onClick={handleOnClick}\r\n      >\r\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\r\n        <Styled.TextArea\r\n          ref={innerRef}\r\n          style={{ paddingInlineEnd, minWidth }}\r\n          className={`${TEXT_AREA_CLASS}-input`}\r\n          disabled={disabled}\r\n          onFocus={handleOnFocus}\r\n          onBlur={handleOnBlur}\r\n          data-focused={focusKind}\r\n          data-resizable={resize}\r\n          aria-invalid={invalid}\r\n          onChange={handleOnChange}\r\n          readOnly={readOnly}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          onMouseDownCapture={handleOnMouseDownCapture}\r\n          {...rest}\r\n        />\r\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\r\n        {!!suffix && (\r\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\r\n        )}\r\n      </Styled.TextAreaWrapper>\r\n    );\r\n  },\r\n);\r\n\r\nexport default TextArea;\r\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":"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"}

package/build/cjs/components/TextArea/TextArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { InputConsts, InputStyles, type InputTypes } from 'acinguiux-ds-react-base/components/Input';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../Button/Button';\n\nconst TextArea = styled.textarea`\n  width: fill-available;\n\n  &[data-resizable='both'] {\n    resize: both;\n  }\n\n  &[data-resizable='horizontal'] {\n    resize: horizontal;\n  }\n\n  &[data-resizable='vertical'] {\n    resize: vertical;\n  }\n\n  &[data-resizable='none'] {\n    resize: none;\n  }\n`;\n\nexport const ClearButton = styled(Button)``;\n\nexport const ClearButtonContainer = styled.div<{ $size: TextAreaTypes.Size }>`\n  ${({ $size }) => `\n    position: absolute;\n    display: inline-flex;\n    margin: 0;\n    top: ${InputConsts.consts[$size].containerPadding}px;\n    right: 0;\n    align-self: self-start;\n    & > ${ClearButton} {\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\n    }\n\n    ${\n      $size === Sizes.XSmall &&\n      `\n      padding: 4px;\n      & > ${ClearButton} {\n        min-width: 16px;\n        min-height: 16px;\n        width: 16px;\n        height: 16px;\n      }\n    `\n    };\n  `}\n`;\n\nconst TextAreaWrapper = styled.div<InputTypes.IProps>`\n  ${InputStyles.WrapperStyles};\n  width: fit-content;\n  max-width: 100%;\n\n  &:has(textarea[data-resizable='vertical']),\n  &:has(textarea[data-resizable='none']) {\n    width: 100%;\n  }\n`;\n\nexport { TextAreaWrapper, TextArea };\n"],"names":["TextArea","styled","ClearButton","Button","ClearButtonContainer","$size","InputConsts.consts","Sizes","TextAreaWrapper","InputStyles.WrapperStyles"],"mappings":"0WAOMA,EAAWC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBXC,EAAcD,EAAAA,OAAOE,CAAM,IAE3BC,EAAuBH,EAAAA,OAAO;AAAA,IACvC,CAAC,CAAE,MAAAI,KAAY;AAAA;AAAA;AAAA;AAAA,WAIRC,EAAAA,OAAmBD,CAAK,EAAE,gBAAgB;AAAA;AAAA;AAAA,UAG3CH,CAAW;AAAA,uBACEG,IAAUE,EAAAA,MAAM,OAAS,EAAID,SAAmBD,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,IAAUE,EAAAA,MAAM,QAChB;AAAA;AAAA,YAEML,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA,EAGGM,EAAkBP,EAAAA,OAAO;AAAA,IAC3BQ,eAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\r\nimport { InputConsts, InputStyles, type InputTypes } from 'acinguiux-ds-react-base/components/Input';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Button from '../Button/Button';\r\n\r\nconst TextArea = styled.textarea`\r\n  width: fill-available;\r\n\r\n  &[data-resizable='both'] {\r\n    resize: both;\r\n  }\r\n\r\n  &[data-resizable='horizontal'] {\r\n    resize: horizontal;\r\n  }\r\n\r\n  &[data-resizable='vertical'] {\r\n    resize: vertical;\r\n  }\r\n\r\n  &[data-resizable='none'] {\r\n    resize: none;\r\n  }\r\n`;\r\n\r\nexport const ClearButton = styled(Button)``;\r\n\r\nexport const ClearButtonContainer = styled.div<{ $size: TextAreaTypes.Size }>`\r\n  ${({ $size }) => `\r\n    position: absolute;\r\n    display: inline-flex;\r\n    margin: 0;\r\n    top: ${InputConsts.consts[$size].containerPadding}px;\r\n    right: 0;\r\n    align-self: self-start;\r\n    & > ${ClearButton} {\r\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\r\n    }\r\n\r\n    ${\r\n      $size === Sizes.XSmall &&\r\n      `\r\n      padding: 4px;\r\n      & > ${ClearButton} {\r\n        min-width: 16px;\r\n        min-height: 16px;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    `\r\n    };\r\n  `}\r\n`;\r\n\r\nconst TextAreaWrapper = styled.div<InputTypes.IProps>`\r\n  ${InputStyles.WrapperStyles};\r\n  width: fit-content;\r\n  max-width: 100%;\r\n\r\n  &:has(textarea[data-resizable='vertical']),\r\n  &:has(textarea[data-resizable='none']) {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport { TextAreaWrapper, TextArea };\r\n"],"names":["TextArea","styled","ClearButton","Button","ClearButtonContainer","$size","InputConsts.consts","Sizes","TextAreaWrapper","InputStyles.WrapperStyles"],"mappings":"0WAOMA,EAAWC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBXC,EAAcD,EAAAA,OAAOE,CAAM,IAE3BC,EAAuBH,EAAAA,OAAO;AAAA,IACvC,CAAC,CAAE,MAAAI,KAAY;AAAA;AAAA;AAAA;AAAA,WAIRC,EAAAA,OAAmBD,CAAK,EAAE,gBAAgB;AAAA;AAAA;AAAA,UAG3CH,CAAW;AAAA,uBACEG,IAAUE,EAAAA,MAAM,OAAS,EAAID,SAAmBD,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,IAAUE,EAAAA,MAAM,QAChB;AAAA;AAAA,YAEML,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA,EAGGM,EAAkBP,EAAAA,OAAO;AAAA,IAC3BQ,eAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/TextArea/hooks/useRightSideValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRightSideValues.js","sources":["../../../../../src/components/TextArea/hooks/useRightSideValues.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\n\ntype UseTextAreaRightSideValuesProps = {\n  suffixRef: RefObject<HTMLDivElement>;\n  suffix?: TextAreaTypes.Affix;\n  showClear: boolean;\n  size: TextAreaTypes.Size;\n};\nconst textAreaDefaultEndPadding = (size: TextAreaTypes.Size) => InputConsts.consts[size].padding.inline;\nconst textAreaWrapperGap = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerGap;\n\nconst BTN_SIZE_DIFF = 8;\nconst clearBtnWidth = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerHeight - BTN_SIZE_DIFF;\n\n// MIN_WIDTH_EXTRA = 28 (12 + 16 -> textarea extraLarge min width + scrollbar width)\nconst MIN_WIDTH_EXTRA = 48;\n\nexport const useTextAreaRightSideValues = ({ suffixRef, suffix, showClear, size }: UseTextAreaRightSideValuesProps) => {\n  const [minWidth, setMinWidth] = useState<number>();\n  const [clearBtnRight, setClearBtnRight] = useState<number>();\n  const [paddingInlineEnd, setPaddingInlineEnd] = useState<number>();\n\n  useEffect(() => {\n    const clearBtnSize = showClear ? clearBtnWidth(size) + textAreaWrapperGap(size) : 0;\n    const suffixSize =\n      suffix && suffixRef.current ? suffixRef.current.getBoundingClientRect().width + textAreaWrapperGap(size) : 0;\n\n    setMinWidth(() => suffixSize + clearBtnSize + MIN_WIDTH_EXTRA);\n    setClearBtnRight(() => suffixSize + textAreaWrapperGap(size));\n    setPaddingInlineEnd(() => textAreaDefaultEndPadding(size) + clearBtnSize + suffixSize);\n  }, [suffixRef, suffix, showClear, size]);\n\n  return {\n    paddingInlineEnd,\n    minWidth,\n    clearBtnRight,\n  };\n};\n"],"names":["textAreaDefaultEndPadding","size","InputConsts.consts","textAreaWrapperGap","BTN_SIZE_DIFF","clearBtnWidth","MIN_WIDTH_EXTRA","useTextAreaRightSideValues","suffixRef","suffix","showClear","minWidth","setMinWidth","useState","clearBtnRight","setClearBtnRight","paddingInlineEnd","setPaddingInlineEnd","useEffect","clearBtnSize","suffixSize"],"mappings":"2MAWMA,EAA6BC,GAA6BC,EAAAA,OAAmBD,CAAI,EAAE,QAAQ,OAC3FE,EAAsBF,GAA6BC,SAAmBD,CAAI,EAAE,aAE5EG,EAAgB,EAChBC,EAAiBJ,GAA6BC,EAAAA,OAAmBD,CAAI,EAAE,gBAAkBG,EAGzFE,EAAkB,GAEXC,EAA6B,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,UAAAC,EAAW,KAAAT,KAA4C,CACrH,KAAM,CAACU,EAAUC,CAAW,EAAIC,WAAA,EAC1B,CAACC,EAAeC,CAAgB,EAAIF,WAAA,EACpC,CAACG,EAAkBC,CAAmB,EAAIJ,WAAA,EAEhDK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAeT,EAAYL,EAAcJ,CAAI,EAAIE,EAAmBF,CAAI,EAAI,EAC5EmB,EACJX,GAAUD,EAAU,QAAUA,EAAU,QAAQ,sBAAA,EAAwB,MAAQL,EAAmBF,CAAI,EAAI,EAE7GW,EAAY,IAAMQ,EAAaD,EAAeb,CAAe,EAC7DS,EAAiB,IAAMK,EAAajB,EAAmBF,CAAI,CAAC,EAC5DgB,EAAoB,IAAMjB,EAA0BC,CAAI,EAAIkB,EAAeC,CAAU,CACvF,EAAG,CAACZ,EAAWC,EAAQC,EAAWT,CAAI,CAAC,EAEhC,CACL,iBAAAe,EACA,SAAAL,EACA,cAAAG,CAAA,CAEJ"}
+{"version":3,"file":"useRightSideValues.js","sources":["../../../../../src/components/TextArea/hooks/useRightSideValues.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\r\n\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\r\n\r\ntype UseTextAreaRightSideValuesProps = {\r\n  suffixRef: RefObject<HTMLDivElement>;\r\n  suffix?: TextAreaTypes.Affix;\r\n  showClear: boolean;\r\n  size: TextAreaTypes.Size;\r\n};\r\nconst textAreaDefaultEndPadding = (size: TextAreaTypes.Size) => InputConsts.consts[size].padding.inline;\r\nconst textAreaWrapperGap = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerGap;\r\n\r\nconst BTN_SIZE_DIFF = 8;\r\nconst clearBtnWidth = (size: TextAreaTypes.Size) => InputConsts.consts[size].containerHeight - BTN_SIZE_DIFF;\r\n\r\n// MIN_WIDTH_EXTRA = 28 (12 + 16 -> textarea extraLarge min width + scrollbar width)\r\nconst MIN_WIDTH_EXTRA = 48;\r\n\r\nexport const useTextAreaRightSideValues = ({ suffixRef, suffix, showClear, size }: UseTextAreaRightSideValuesProps) => {\r\n  const [minWidth, setMinWidth] = useState<number>();\r\n  const [clearBtnRight, setClearBtnRight] = useState<number>();\r\n  const [paddingInlineEnd, setPaddingInlineEnd] = useState<number>();\r\n\r\n  useEffect(() => {\r\n    const clearBtnSize = showClear ? clearBtnWidth(size) + textAreaWrapperGap(size) : 0;\r\n    const suffixSize =\r\n      suffix && suffixRef.current ? suffixRef.current.getBoundingClientRect().width + textAreaWrapperGap(size) : 0;\r\n\r\n    setMinWidth(() => suffixSize + clearBtnSize + MIN_WIDTH_EXTRA);\r\n    setClearBtnRight(() => suffixSize + textAreaWrapperGap(size));\r\n    setPaddingInlineEnd(() => textAreaDefaultEndPadding(size) + clearBtnSize + suffixSize);\r\n  }, [suffixRef, suffix, showClear, size]);\r\n\r\n  return {\r\n    paddingInlineEnd,\r\n    minWidth,\r\n    clearBtnRight,\r\n  };\r\n};\r\n"],"names":["textAreaDefaultEndPadding","size","InputConsts.consts","textAreaWrapperGap","BTN_SIZE_DIFF","clearBtnWidth","MIN_WIDTH_EXTRA","useTextAreaRightSideValues","suffixRef","suffix","showClear","minWidth","setMinWidth","useState","clearBtnRight","setClearBtnRight","paddingInlineEnd","setPaddingInlineEnd","useEffect","clearBtnSize","suffixSize"],"mappings":"2MAWMA,EAA6BC,GAA6BC,EAAAA,OAAmBD,CAAI,EAAE,QAAQ,OAC3FE,EAAsBF,GAA6BC,SAAmBD,CAAI,EAAE,aAE5EG,EAAgB,EAChBC,EAAiBJ,GAA6BC,EAAAA,OAAmBD,CAAI,EAAE,gBAAkBG,EAGzFE,EAAkB,GAEXC,EAA6B,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,UAAAC,EAAW,KAAAT,KAA4C,CACrH,KAAM,CAACU,EAAUC,CAAW,EAAIC,WAAA,EAC1B,CAACC,EAAeC,CAAgB,EAAIF,WAAA,EACpC,CAACG,EAAkBC,CAAmB,EAAIJ,WAAA,EAEhDK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAeT,EAAYL,EAAcJ,CAAI,EAAIE,EAAmBF,CAAI,EAAI,EAC5EmB,EACJX,GAAUD,EAAU,QAAUA,EAAU,QAAQ,sBAAA,EAAwB,MAAQL,EAAmBF,CAAI,EAAI,EAE7GW,EAAY,IAAMQ,EAAaD,EAAeb,CAAe,EAC7DS,EAAiB,IAAMK,EAAajB,EAAmBF,CAAI,CAAC,EAC5DgB,EAAoB,IAAMjB,EAA0BC,CAAI,EAAIkB,EAAeC,CAAU,CACvF,EAAG,CAACZ,EAAWC,EAAQC,EAAWT,CAAI,CAAC,EAEhC,CACL,iBAAAe,EACA,SAAAL,EACA,cAAAG,CAAA,CAEJ"}

package/build/cjs/components/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Loading from '../Loading/Loading';\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextInput.styles';\nimport type { ITextInputProps } from './TextInput.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from './components/Affix';\nimport { ExtraButton } from './components/ExtraButton';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n}: {\n  size: TextInputTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size}>\n    <Styled.ClearButton\n      aria-label=\"clear input\"\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst getLoadingSize = (size: TextInputTypes.Size) => {\n  if (size === Sizes.XSmall || size === Sizes.Small) {\n    return Sizes.Smallest;\n  }\n\n  return Sizes.XSmall;\n};\n\nconst TextInput = forwardRef(\n  (\n    {\n      id,\n      className = '',\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      extraButton,\n      inputRef,\n      loading = false,\n      ...props\n    }: ITextInputProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => innerRef.current!);\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () =>\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\n        !disabled &&\n        (!readOnly || allowReadOnlyClear),\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\n    );\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextInputWrapper\n        className={classNames(TEXT_INPUT_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        ref={ref}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\n          {customPrefix}\n          <Styled.TextInput\n            id={id}\n            ref={innerRef}\n            className={`${TEXT_INPUT_CLASS}-input`}\n            disabled={disabled}\n            onFocus={handleOnFocus}\n            onBlur={handleOnBlur}\n            data-focused={focusKind}\n            onChange={handleOnChange}\n            onMouseDownCapture={handleOnMouseDownCapture}\n            value={value}\n            aria-invalid={invalid}\n            readOnly={readOnly}\n            {...rest}\n          />\n          {customSuffix}\n        </Flexbox>\n        {!!loading && <Loading size={getLoadingSize(size)} />}\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\n      </Styled.TextInputWrapper>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\r\n  type ChangeEvent,\r\n  type ForwardedRef,\r\n  type MouseEvent,\r\n  forwardRef,\r\n  useCallback,\r\n  useImperativeHandle,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport Loading from '../Loading/Loading';\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './TextInput.styles';\r\nimport type { ITextInputProps } from './TextInput.types';\r\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\r\nimport { Affix } from './components/Affix';\r\nimport { ExtraButton } from './components/ExtraButton';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst ClearButton = ({\r\n  size,\r\n  onClearClick,\r\n}: {\r\n  size: TextInputTypes.Size;\r\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\r\n}) => (\r\n  <Styled.ClearButtonContainer $size={size}>\r\n    <Styled.ClearButton\r\n      aria-label=\"clear input\"\r\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\r\n      variant={Variants.Transparent}\r\n      icon={<Cross />}\r\n      iconOnly={true}\r\n      onClick={onClearClick}\r\n    />\r\n  </Styled.ClearButtonContainer>\r\n);\r\n\r\nconst getLoadingSize = (size: TextInputTypes.Size) => {\r\n  if (size === Sizes.XSmall || size === Sizes.Small) {\r\n    return Sizes.Smallest;\r\n  }\r\n\r\n  return Sizes.XSmall;\r\n};\r\n\r\nconst TextInput = forwardRef(\r\n  (\r\n    {\r\n      id,\r\n      className = '',\r\n      size = Sizes.Medium,\r\n      invalid = false,\r\n      disabled = false,\r\n      allowClear = false,\r\n      readOnly = false,\r\n      wrapperProps,\r\n      prefix,\r\n      suffix,\r\n      onChange,\r\n      onMouseDownCapture,\r\n      onClear,\r\n      onFocus,\r\n      onBlur,\r\n      value,\r\n      extraButton,\r\n      inputRef,\r\n      loading = false,\r\n      ...props\r\n    }: ITextInputProps,\r\n    ref: ForwardedRef<HTMLDivElement>,\r\n  ) => {\r\n    const innerRef = useRef<HTMLInputElement>(null);\r\n    useImperativeHandle(inputRef, () => innerRef.current!);\r\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\r\n\r\n    const [capturedValue, setCapturedValue] = useState(() => value);\r\n    const showClear = useMemo(\r\n      () =>\r\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\r\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\r\n        !disabled &&\r\n        (!readOnly || allowReadOnlyClear),\r\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\r\n    );\r\n\r\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\r\n      onFocus,\r\n      onBlur,\r\n      inputRef: innerRef,\r\n      onClick: wrapperProps?.onClick,\r\n      onMouseDownCapture,\r\n    });\r\n\r\n    const onClearClick = useCallback(\r\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\r\n        // simulate the clear button click\r\n        if (innerRef.current) {\r\n          // reset the value of the input\r\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\r\n            window.HTMLInputElement.prototype,\r\n            'value',\r\n          )?.set;\r\n          nativeInputValueSetter?.call(innerRef.current, '');\r\n          // trigger the input event\r\n          const inputEvent = new Event('input', { bubbles: true });\r\n          innerRef.current.dispatchEvent(inputEvent);\r\n        }\r\n        // call the onClear function if it exists\r\n        onClear?.(mouseEvent);\r\n      },\r\n      [innerRef, onClear],\r\n    );\r\n\r\n    const handleOnChange = useCallback(\r\n      (event: ChangeEvent<HTMLInputElement>) => {\r\n        setCapturedValue(event.target.value);\r\n        onChange?.(event);\r\n      },\r\n      [onChange],\r\n    );\r\n\r\n    return (\r\n      <Styled.TextInputWrapper\r\n        className={classNames(TEXT_INPUT_CLASS, className)}\r\n        $size={size}\r\n        $disabled={disabled}\r\n        $invalid={invalid}\r\n        ref={ref}\r\n        $readOnly={readOnly}\r\n        {...wrapperProps}\r\n        onClick={handleOnClick}\r\n      >\r\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\r\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\r\n          {customPrefix}\r\n          <Styled.TextInput\r\n            id={id}\r\n            ref={innerRef}\r\n            className={`${TEXT_INPUT_CLASS}-input`}\r\n            disabled={disabled}\r\n            onFocus={handleOnFocus}\r\n            onBlur={handleOnBlur}\r\n            data-focused={focusKind}\r\n            onChange={handleOnChange}\r\n            onMouseDownCapture={handleOnMouseDownCapture}\r\n            value={value}\r\n            aria-invalid={invalid}\r\n            readOnly={readOnly}\r\n            {...rest}\r\n          />\r\n          {customSuffix}\r\n        </Flexbox>\r\n        {!!loading && <Loading size={getLoadingSize(size)} />}\r\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\r\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\r\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\r\n      </Styled.TextInputWrapper>\r\n    );\r\n  },\r\n);\r\n\r\nexport default TextInput;\r\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":"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"}

package/build/cjs/components/TextInput/TextInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.styles.js","sources":["../../../../src/components/TextInput/TextInput.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { type InputTypes, InputStyles, InputConsts } from 'acinguiux-ds-react-base/components/Input';\n\nimport Button from '../Button/Button';\n\nexport const TextInputWrapper = styled.div<InputTypes.IProps>`\n  ${InputStyles.WrapperStyles};\n`;\n\nexport const TextInput = styled.input``;\n\nexport const ClearButton = styled(Button)``;\n\nexport const ClearButtonContainer = styled.div<{ $size: TextInputTypes.Size }>`\n  ${({ $size }) => `\n    position: relative;\n    display: inline-flex;\n    margin: 0;\n    & > ${ClearButton} {\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\n    }\n\n    ${\n      $size === Sizes.XSmall &&\n      `\n      padding: 4px;\n      & > ${ClearButton} {\n        min-width: 16px;\n        min-height: 16px;\n        width: 16px;\n        height: 16px;\n      }\n    `\n    };\n  `}\n`;\n"],"names":["TextInputWrapper","styled","InputStyles.WrapperStyles","TextInput","ClearButton","Button","ClearButtonContainer","$size","Sizes","InputConsts.consts"],"mappings":"0WAOaA,EAAmBC,EAAAA,OAAO;AAAA,IACnCC,eAAyB;AAAA,EAGhBC,EAAYF,EAAAA,OAAO,QAEnBG,EAAcH,EAAAA,OAAOI,CAAM,IAE3BC,EAAuBL,EAAAA,OAAO;AAAA,IACvC,CAAC,CAAE,MAAAM,KAAY;AAAA;AAAA;AAAA;AAAA,UAITH,CAAW;AAAA,uBACEG,IAAUC,EAAAA,MAAM,OAAS,EAAIC,SAAmBF,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,IAAUC,EAAAA,MAAM,QAChB;AAAA;AAAA,YAEMJ,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA"}
+{"version":3,"file":"TextInput.styles.js","sources":["../../../../src/components/TextInput/TextInput.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { type TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\nimport { type InputTypes, InputStyles, InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\n\r\nimport Button from '../Button/Button';\r\n\r\nexport const TextInputWrapper = styled.div<InputTypes.IProps>`\r\n  ${InputStyles.WrapperStyles};\r\n`;\r\n\r\nexport const TextInput = styled.input``;\r\n\r\nexport const ClearButton = styled(Button)``;\r\n\r\nexport const ClearButtonContainer = styled.div<{ $size: TextInputTypes.Size }>`\r\n  ${({ $size }) => `\r\n    position: relative;\r\n    display: inline-flex;\r\n    margin: 0;\r\n    & > ${ClearButton} {\r\n      border-radius: ${$size === Sizes.XSmall ? 2 : InputConsts.consts[$size].affixBorderRadius}px;\r\n    }\r\n\r\n    ${\r\n      $size === Sizes.XSmall &&\r\n      `\r\n      padding: 4px;\r\n      & > ${ClearButton} {\r\n        min-width: 16px;\r\n        min-height: 16px;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    `\r\n    };\r\n  `}\r\n`;\r\n"],"names":["TextInputWrapper","styled","InputStyles.WrapperStyles","TextInput","ClearButton","Button","ClearButtonContainer","$size","Sizes","InputConsts.consts"],"mappings":"0WAOaA,EAAmBC,EAAAA,OAAO;AAAA,IACnCC,eAAyB;AAAA,EAGhBC,EAAYF,EAAAA,OAAO,QAEnBG,EAAcH,EAAAA,OAAOI,CAAM,IAE3BC,EAAuBL,EAAAA,OAAO;AAAA,IACvC,CAAC,CAAE,MAAAM,KAAY;AAAA;AAAA;AAAA;AAAA,UAITH,CAAW;AAAA,uBACEG,IAAUC,EAAAA,MAAM,OAAS,EAAIC,SAAmBF,CAAK,EAAE,iBAAiB;AAAA;AAAA;AAAA,MAIzFA,IAAUC,EAAAA,MAAM,QAChB;AAAA;AAAA,YAEMJ,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOnB;AAAA,GACD;AAAA"}

package/build/cjs/components/TextInput/components/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../../../src/components/TextInput/components/Affix.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\n\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\n\nimport * as Styled from './Affix.styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\nimport ChevronDown from '../../Icon/components/ChevronDown';\n\ntype AffixProps = {\n  affix: TextInputTypes.Affix;\n  size: TextInputTypes.Size;\n  disabled?: boolean;\n  invalid?: boolean;\n  type: 'prefix' | 'suffix';\n};\n\nconst SelectAffix = ({\n  selectLabel,\n  popoverContent,\n  disabled,\n}: {\n  selectLabel: string;\n  popoverContent: ReactNode;\n  disabled?: boolean;\n}) => (\n  <Popover>\n    <PopoverTrigger asChild={true} disabled={disabled}>\n      <button type=\"button\" aria-label=\"select trigger\">\n        <span>{selectLabel}</span>\n        <ChevronDown />\n      </button>\n    </PopoverTrigger>\n    <PopoverContent>{popoverContent}</PopoverContent>\n  </Popover>\n);\n\nconst affixToComponent = (affix: TextInputTypes.Affix, props: Omit<AffixProps, 'affix'>) => {\n  if (affix && 'node' in affix && affix.node) {\n    return affix.node;\n  }\n\n  if (affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent) {\n    return (\n      <SelectAffix selectLabel={affix.selectLabel} popoverContent={affix.popoverContent} disabled={props.disabled} />\n    );\n  }\n\n  return null;\n};\n\nconst isValidAffix = (affix: TextInputTypes.Affix): affix is TextInputTypes.Affix =>\n  !!(affix && 'node' in affix && affix.node) ||\n  !!(affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent);\n\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>(\n  ({ affix, size, disabled, invalid, type }, ref) =>\n    isValidAffix(affix) && (\n      <Styled.Affix\n        ref={ref}\n        data-transparent={'node' in affix && affix.transparent}\n        $size={size}\n        data-disabled={disabled}\n        data-invalid={invalid}\n        data-affix={type}\n        onClick={affix.onClick}\n      >\n        {affixToComponent(affix, { size, disabled, invalid, type })}\n      </Styled.Affix>\n    ),\n);\n"],"names":["SelectAffix","selectLabel","popoverContent","disabled","Popover","jsx","PopoverTrigger","ChevronDown","PopoverContent","affixToComponent","affix","props","isValidAffix","Affix","forwardRef","size","invalid","type","ref","Styled.Affix"],"mappings":"2RAgBMA,EAAc,CAAC,CACnB,YAAAC,EACA,eAAAC,EACA,SAAAC,CACF,WAKGC,UAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,eAAA,CAAe,QAAS,GAAM,SAAAH,EAC7B,gBAAC,SAAA,CAAO,KAAK,SAAS,aAAW,iBAC/B,SAAA,CAAAE,EAAAA,IAAC,QAAM,SAAAJ,CAAA,CAAY,QAClBM,EAAA,CAAA,CAAY,CAAA,CAAA,CACf,CAAA,CACF,EACAF,EAAAA,IAACG,EAAAA,gBAAgB,SAAAN,CAAA,CAAe,CAAA,EAClC,EAGIO,EAAmB,CAACC,EAA6BC,IACjDD,GAAS,SAAUA,GAASA,EAAM,KAC7BA,EAAM,KAGXA,GAAS,gBAAiBA,GAASA,EAAM,aAAe,mBAAoBA,GAASA,EAAM,eAE3FL,EAAAA,IAACL,EAAA,CAAY,YAAaU,EAAM,YAAa,eAAgBA,EAAM,eAAgB,SAAUC,EAAM,QAAA,CAAU,EAI1G,KAGHC,EAAgBF,GACpB,CAAC,EAAEA,GAAS,SAAUA,GAASA,EAAM,OACrC,CAAC,EAAEA,GAAS,gBAAiBA,GAASA,EAAM,aAAe,mBAAoBA,GAASA,EAAM,gBAEnFG,EAAQC,EAAAA,WACnB,CAAC,CAAE,MAAAJ,EAAO,KAAAK,EAAM,SAAAZ,EAAU,QAAAa,EAAS,KAAAC,CAAA,EAAQC,IACzCN,EAAaF,CAAK,GAChBL,EAAAA,IAACc,EAAAA,MAAA,CACC,IAAAD,EACA,mBAAkB,SAAUR,GAASA,EAAM,YAC3C,MAAOK,EACP,gBAAeZ,EACf,eAAca,EACd,aAAYC,EACZ,QAASP,EAAM,QAEd,WAAiBA,EAAO,CAAQ,SAAAP,CAAwB,CAAC,CAAA,CAAA,CAGlE"}
+{"version":3,"file":"Affix.js","sources":["../../../../../src/components/TextInput/components/Affix.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\r\n\r\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\n\r\nimport * as Styled from './Affix.styles';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\r\nimport ChevronDown from '../../Icon/components/ChevronDown';\r\n\r\ntype AffixProps = {\r\n  affix: TextInputTypes.Affix;\r\n  size: TextInputTypes.Size;\r\n  disabled?: boolean;\r\n  invalid?: boolean;\r\n  type: 'prefix' | 'suffix';\r\n};\r\n\r\nconst SelectAffix = ({\r\n  selectLabel,\r\n  popoverContent,\r\n  disabled,\r\n}: {\r\n  selectLabel: string;\r\n  popoverContent: ReactNode;\r\n  disabled?: boolean;\r\n}) => (\r\n  <Popover>\r\n    <PopoverTrigger asChild={true} disabled={disabled}>\r\n      <button type=\"button\" aria-label=\"select trigger\">\r\n        <span>{selectLabel}</span>\r\n        <ChevronDown />\r\n      </button>\r\n    </PopoverTrigger>\r\n    <PopoverContent>{popoverContent}</PopoverContent>\r\n  </Popover>\r\n);\r\n\r\nconst affixToComponent = (affix: TextInputTypes.Affix, props: Omit<AffixProps, 'affix'>) => {\r\n  if (affix && 'node' in affix && affix.node) {\r\n    return affix.node;\r\n  }\r\n\r\n  if (affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent) {\r\n    return (\r\n      <SelectAffix selectLabel={affix.selectLabel} popoverContent={affix.popoverContent} disabled={props.disabled} />\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nconst isValidAffix = (affix: TextInputTypes.Affix): affix is TextInputTypes.Affix =>\r\n  !!(affix && 'node' in affix && affix.node) ||\r\n  !!(affix && 'selectLabel' in affix && affix.selectLabel && 'popoverContent' in affix && affix.popoverContent);\r\n\r\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>(\r\n  ({ affix, size, disabled, invalid, type }, ref) =>\r\n    isValidAffix(affix) && (\r\n      <Styled.Affix\r\n        ref={ref}\r\n        data-transparent={'node' in affix && affix.transparent}\r\n        $size={size}\r\n        data-disabled={disabled}\r\n        data-invalid={invalid}\r\n        data-affix={type}\r\n        onClick={affix.onClick}\r\n      >\r\n        {affixToComponent(affix, { size, disabled, invalid, type })}\r\n      </Styled.Affix>\r\n    ),\r\n);\r\n"],"names":["SelectAffix","selectLabel","popoverContent","disabled","Popover","jsx","PopoverTrigger","ChevronDown","PopoverContent","affixToComponent","affix","props","isValidAffix","Affix","forwardRef","size","invalid","type","ref","Styled.Affix"],"mappings":"2RAgBMA,EAAc,CAAC,CACnB,YAAAC,EACA,eAAAC,EACA,SAAAC,CACF,WAKGC,UAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,eAAA,CAAe,QAAS,GAAM,SAAAH,EAC7B,gBAAC,SAAA,CAAO,KAAK,SAAS,aAAW,iBAC/B,SAAA,CAAAE,EAAAA,IAAC,QAAM,SAAAJ,CAAA,CAAY,QAClBM,EAAA,CAAA,CAAY,CAAA,CAAA,CACf,CAAA,CACF,EACAF,EAAAA,IAACG,EAAAA,gBAAgB,SAAAN,CAAA,CAAe,CAAA,EAClC,EAGIO,EAAmB,CAACC,EAA6BC,IACjDD,GAAS,SAAUA,GAASA,EAAM,KAC7BA,EAAM,KAGXA,GAAS,gBAAiBA,GAASA,EAAM,aAAe,mBAAoBA,GAASA,EAAM,eAE3FL,EAAAA,IAACL,EAAA,CAAY,YAAaU,EAAM,YAAa,eAAgBA,EAAM,eAAgB,SAAUC,EAAM,QAAA,CAAU,EAI1G,KAGHC,EAAgBF,GACpB,CAAC,EAAEA,GAAS,SAAUA,GAASA,EAAM,OACrC,CAAC,EAAEA,GAAS,gBAAiBA,GAASA,EAAM,aAAe,mBAAoBA,GAASA,EAAM,gBAEnFG,EAAQC,EAAAA,WACnB,CAAC,CAAE,MAAAJ,EAAO,KAAAK,EAAM,SAAAZ,EAAU,QAAAa,EAAS,KAAAC,CAAA,EAAQC,IACzCN,EAAaF,CAAK,GAChBL,EAAAA,IAACc,EAAAA,MAAA,CACC,IAAAD,EACA,mBAAkB,SAAUR,GAASA,EAAM,YAC3C,MAAOK,EACP,gBAAeZ,EACf,eAAca,EACd,aAAYC,EACZ,QAASP,EAAM,QAEd,WAAiBA,EAAO,CAAQ,SAAAP,CAAwB,CAAC,CAAA,CAAA,CAGlE"}

package/build/cjs/components/TextInput/components/Affix.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.styles.js","sources":["../../../../../src/components/TextInput/components/Affix.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport { ITextInputProps } from '../TextInput.types';\n\ntype TextInputAffixProps = PickTransient<ITextInputProps, 'size'>;\n\nexport const Affix = styled.div<TextInputAffixProps>`\n  ${({ $size = `${Sizes.Medium}`, theme, onClick }) => css`\n    &,\n    & span {\n      ${theme.typography('label', getLabelTypographySize($size))};\n    }\n\n    ${onClick &&\n    css`\n      cursor: pointer;\n    `};\n\n    &:has(button:focus-visible) {\n      ${getFocusStyles(theme)};\n    }\n\n    button {\n      border: none;\n      background: none;\n      outline: 0;\n      padding: 0;\n      display: flex;\n      gap: 4px;\n      align-items: center;\n      cursor: inherit;\n\n      svg {\n        width: 16px;\n        height: 16px;\n      }\n    }\n\n    &:not([data-disabled='true']) {\n      button {\n        cursor: pointer;\n      }\n    }\n\n    svg {\n      width: ${InputConsts.consts[$size].iconSize}px;\n      height: ${InputConsts.consts[$size].iconSize}px;\n    }\n  `}\n`;\n"],"names":["Affix","styled","$size","Sizes","theme","onClick","css","getLabelTypographySize","getFocusStyles","InputConsts.consts"],"mappings":"+XAWaA,EAAQC,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,MAAAC,EAAQ,GAAGC,EAAAA,MAAM,MAAM,GAAI,MAAAC,EAAO,QAAAC,CAAA,IAAcC,EAAAA;AAAAA;AAAAA;AAAAA,QAG/CF,EAAM,WAAW,QAASG,EAAAA,uBAAuBL,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAG1DG,GACFC,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA;AAAA,QAGGE,EAAAA,eAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eA0BdK,EAAAA,OAAmBP,CAAK,EAAE,QAAQ;AAAA,gBACjCO,EAAAA,OAAmBP,CAAK,EAAE,QAAQ;AAAA;AAAA,GAE/C;AAAA"}
+{"version":3,"file":"Affix.styles.js","sources":["../../../../../src/components/TextInput/components/Affix.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nimport { ITextInputProps } from '../TextInput.types';\r\n\r\ntype TextInputAffixProps = PickTransient<ITextInputProps, 'size'>;\r\n\r\nexport const Affix = styled.div<TextInputAffixProps>`\r\n  ${({ $size = `${Sizes.Medium}`, theme, onClick }) => css`\r\n    &,\r\n    & span {\r\n      ${theme.typography('label', getLabelTypographySize($size))};\r\n    }\r\n\r\n    ${onClick &&\r\n    css`\r\n      cursor: pointer;\r\n    `};\r\n\r\n    &:has(button:focus-visible) {\r\n      ${getFocusStyles(theme)};\r\n    }\r\n\r\n    button {\r\n      border: none;\r\n      background: none;\r\n      outline: 0;\r\n      padding: 0;\r\n      display: flex;\r\n      gap: 4px;\r\n      align-items: center;\r\n      cursor: inherit;\r\n\r\n      svg {\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n\r\n    &:not([data-disabled='true']) {\r\n      button {\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    svg {\r\n      width: ${InputConsts.consts[$size].iconSize}px;\r\n      height: ${InputConsts.consts[$size].iconSize}px;\r\n    }\r\n  `}\r\n`;\r\n"],"names":["Affix","styled","$size","Sizes","theme","onClick","css","getLabelTypographySize","getFocusStyles","InputConsts.consts"],"mappings":"+XAWaA,EAAQC,EAAAA,OAAO;AAAA,IACxB,CAAC,CAAE,MAAAC,EAAQ,GAAGC,EAAAA,MAAM,MAAM,GAAI,MAAAC,EAAO,QAAAC,CAAA,IAAcC,EAAAA;AAAAA;AAAAA;AAAAA,QAG/CF,EAAM,WAAW,QAASG,EAAAA,uBAAuBL,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAG1DG,GACFC,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA;AAAA,QAGGE,EAAAA,eAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eA0BdK,EAAAA,OAAmBP,CAAK,EAAE,QAAQ;AAAA,gBACjCO,EAAAA,OAAmBP,CAAK,EAAE,QAAQ;AAAA;AAAA,GAE/C;AAAA"}

package/build/cjs/components/TextInput/components/ExtraButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtraButton.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.tsx"],"sourcesContent":["import type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\n\nimport * as Styled from './ExtraButton.styles';\n\ntype ExtraButtonProps = {\n  size: TextInputTypes.Size;\n  disabled?: boolean;\n  buttonProps: TextInputTypes.IProps['extraButton'];\n};\n\nexport const ExtraButton = ({ size, disabled, buttonProps }: ExtraButtonProps) => {\n  if (!buttonProps || (!buttonProps.icon && !buttonProps.label)) {\n    return null;\n  }\n\n  return <Styled.ExtraButton size={size} $size={size} {...buttonProps} disabled={disabled || buttonProps.disabled} />;\n};\n"],"names":["ExtraButton","size","disabled","buttonProps","jsx","Styled.ExtraButton"],"mappings":"sLAUaA,EAAc,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,YAAAC,KACxC,CAACA,GAAgB,CAACA,EAAY,MAAQ,CAACA,EAAY,MAC9C,KAGFC,MAACC,EAAAA,YAAA,CAAmB,KAAAJ,EAAY,MAAOA,EAAO,GAAGE,EAAa,SAAUD,GAAYC,EAAY,QAAA,CAAU"}
+{"version":3,"file":"ExtraButton.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.tsx"],"sourcesContent":["import type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\n\r\nimport * as Styled from './ExtraButton.styles';\r\n\r\ntype ExtraButtonProps = {\r\n  size: TextInputTypes.Size;\r\n  disabled?: boolean;\r\n  buttonProps: TextInputTypes.IProps['extraButton'];\r\n};\r\n\r\nexport const ExtraButton = ({ size, disabled, buttonProps }: ExtraButtonProps) => {\r\n  if (!buttonProps || (!buttonProps.icon && !buttonProps.label)) {\r\n    return null;\r\n  }\r\n\r\n  return <Styled.ExtraButton size={size} $size={size} {...buttonProps} disabled={disabled || buttonProps.disabled} />;\r\n};\r\n"],"names":["ExtraButton","size","disabled","buttonProps","jsx","Styled.ExtraButton"],"mappings":"sLAUaA,EAAc,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,YAAAC,KACxC,CAACA,GAAgB,CAACA,EAAY,MAAQ,CAACA,EAAY,MAC9C,KAGFC,MAACC,EAAAA,YAAA,CAAmB,KAAAJ,EAAY,MAAOA,EAAO,GAAGE,EAAa,SAAUD,GAAYC,EAAY,QAAA,CAAU"}

package/build/cjs/components/TextInput/components/ExtraButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtraButton.styles.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../../Button/Button';\nimport { ButtonLabelContainer } from '../../Button/Button.styles';\nimport { LoadingContainer } from '../../Loading/Loading.styles';\n\nexport const ExtraButton = styled(Button)<{ $size: TextInputTypes.Size }>(\n  ({ $size, variant }) => css`\n    min-height: 0;\n    min-width: auto;\n    border-radius: ${InputConsts.consts[$size].affixBorderRadius}px;\n    & > ${ButtonLabelContainer} {\n      min-width: fit-content;\n      padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px;\n    }\n\n    &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\n      padding-block: ${InputConsts.consts[$size].padding.block - (variant === Variants.Outlined ? 1 : 0)}px;\n    }\n\n    ${$size === Sizes.XSmall &&\n    css`\n      &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\n        padding-block: 0;\n      }\n      & > ${ButtonLabelContainer} {\n        padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px\n          ${InputConsts.consts[$size].padding.inline}px;\n      }\n    `};\n\n    ${$size === Sizes.Small &&\n    css`\n      &[aria-busy='true'] > ${LoadingContainer} {\n        padding-block: 0;\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 4 - (variant === Variants.Outlined ? 1 : 0)}px;\n        ${variant === Variants.Outlined &&\n        `\n        margin-block: -1px;\n      `};\n      }\n      &[aria-busy='false'] > ${ButtonLabelContainer}:has(svg:only-child) {\n        padding-block: ${InputConsts.consts[$size].padding.block + 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n      }\n    `};\n\n    ${$size === Sizes.Medium &&\n    css`\n      &[aria-busy='true'] > ${LoadingContainer} {\n        padding-block: ${InputConsts.consts[$size].padding.block - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n      }\n    `};\n\n    ${$size === Sizes.Large &&\n    css`\n      &[aria-busy='true'] > ${LoadingContainer} {\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\n      }\n    `};\n  `,\n);\n"],"names":["ExtraButton","styled","Button","$size","variant","css","InputConsts.consts","ButtonLabelContainer","Variants","LoadingContainer","Sizes"],"mappings":"wYASaA,EAAcC,EAAAA,OAAOC,CAAM,EACtC,CAAC,CAAE,MAAAC,EAAO,QAAAC,CAAA,IAAcC,EAAAA;AAAAA;AAAAA;AAAAA,qBAGLC,EAAAA,OAAmBH,CAAK,EAAE,iBAAiB;AAAA,UACtDI,sBAAoB;AAAA;AAAA,wBAEND,SAAmBH,CAAK,EAAE,QAAQ,QAAUC,IAAYI,EAAAA,SAAS,SAAW,EAAI,EAAE;AAAA;AAAA;AAAA,6BAG7ED,EAAAA,oBAAoB,2BAA2BE,kBAAgB;AAAA,uBACrEH,SAAmBH,CAAK,EAAE,QAAQ,OAASC,IAAYI,EAAAA,SAAS,SAAW,EAAI,EAAE;AAAA;AAAA;AAAA,MAGlGL,IAAUO,QAAM,QAClBL,EAAAA;AAAAA,+BAC2BE,EAAAA,oBAAoB,2BAA2BE,kBAAgB;AAAA;AAAA;AAAA,YAGlFF,sBAAoB;AAAA,0BACND,SAAmBH,CAAK,EAAE,QAAQ,QAAUC,IAAYI,EAAAA,SAAS,SAAW,EAAI,EAAE;AAAA,YAChGF,SAAmBH,CAAK,EAAE,QAAQ,MAAM;AAAA;AAAA,KAE/C;AAAA;AAAA,MAECA,IAAUO,QAAM,OAClBL,EAAAA;AAAAA,8BAC0BI,kBAAgB;AAAA;AAAA,0BAEpBH,SAAmBH,CAAK,EAAE,QAAQ,OAAS,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA,UACtGJ,IAAYI,EAAAA,SAAS,UACvB;AAAA;AAAA,OAED;AAAA;AAAA,+BAEwBD,sBAAoB;AAAA,yBAC1BD,SAAmBH,CAAK,EAAE,QAAQ,MAAQ,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA;AAAA,KAEzG;AAAA;AAAA,MAECL,IAAUO,QAAM,QAClBL,EAAAA;AAAAA,8BAC0BI,kBAAgB;AAAA,yBACrBH,SAAmBH,CAAK,EAAE,QAAQ,MAAQ,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA,0BACpFF,SAAmBH,CAAK,EAAE,QAAQ,OAAS,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA;AAAA,KAE3G;AAAA;AAAA,MAECL,IAAUO,QAAM,OAClBL,EAAAA;AAAAA,8BAC0BI,kBAAgB;AAAA,0BACpBH,SAAmBH,CAAK,EAAE,QAAQ,OAAS,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA;AAAA,KAE3G;AAAA,GAEL"}
+{"version":3,"file":"ExtraButton.styles.js","sources":["../../../../../src/components/TextInput/components/ExtraButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Button from '../../Button/Button';\r\nimport { ButtonLabelContainer } from '../../Button/Button.styles';\r\nimport { LoadingContainer } from '../../Loading/Loading.styles';\r\n\r\nexport const ExtraButton = styled(Button)<{ $size: TextInputTypes.Size }>(\r\n  ({ $size, variant }) => css`\r\n    min-height: 0;\r\n    min-width: auto;\r\n    border-radius: ${InputConsts.consts[$size].affixBorderRadius}px;\r\n    & > ${ButtonLabelContainer} {\r\n      min-width: fit-content;\r\n      padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px;\r\n    }\r\n\r\n    &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\r\n      padding-block: ${InputConsts.consts[$size].padding.block - (variant === Variants.Outlined ? 1 : 0)}px;\r\n    }\r\n\r\n    ${$size === Sizes.XSmall &&\r\n    css`\r\n      &[aria-busy='false'] > ${ButtonLabelContainer}, &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-block: 0;\r\n      }\r\n      & > ${ButtonLabelContainer} {\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - (variant === Variants.Outlined ? 1 : 0)}px\r\n          ${InputConsts.consts[$size].padding.inline}px;\r\n      }\r\n    `};\r\n\r\n    ${$size === Sizes.Small &&\r\n    css`\r\n      &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-block: 0;\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 4 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n        ${variant === Variants.Outlined &&\r\n        `\r\n        margin-block: -1px;\r\n      `};\r\n      }\r\n      &[aria-busy='false'] > ${ButtonLabelContainer}:has(svg:only-child) {\r\n        padding-block: ${InputConsts.consts[$size].padding.block + 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n      }\r\n    `};\r\n\r\n    ${$size === Sizes.Medium &&\r\n    css`\r\n      &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-block: ${InputConsts.consts[$size].padding.block - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n      }\r\n    `};\r\n\r\n    ${$size === Sizes.Large &&\r\n    css`\r\n      &[aria-busy='true'] > ${LoadingContainer} {\r\n        padding-inline: ${InputConsts.consts[$size].padding.inline - 2 - (variant === Variants.Outlined ? 1 : 0)}px;\r\n      }\r\n    `};\r\n  `,\r\n);\r\n"],"names":["ExtraButton","styled","Button","$size","variant","css","InputConsts.consts","ButtonLabelContainer","Variants","LoadingContainer","Sizes"],"mappings":"wYASaA,EAAcC,EAAAA,OAAOC,CAAM,EACtC,CAAC,CAAE,MAAAC,EAAO,QAAAC,CAAA,IAAcC,EAAAA;AAAAA;AAAAA;AAAAA,qBAGLC,EAAAA,OAAmBH,CAAK,EAAE,iBAAiB;AAAA,UACtDI,sBAAoB;AAAA;AAAA,wBAEND,SAAmBH,CAAK,EAAE,QAAQ,QAAUC,IAAYI,EAAAA,SAAS,SAAW,EAAI,EAAE;AAAA;AAAA;AAAA,6BAG7ED,EAAAA,oBAAoB,2BAA2BE,kBAAgB;AAAA,uBACrEH,SAAmBH,CAAK,EAAE,QAAQ,OAASC,IAAYI,EAAAA,SAAS,SAAW,EAAI,EAAE;AAAA;AAAA;AAAA,MAGlGL,IAAUO,QAAM,QAClBL,EAAAA;AAAAA,+BAC2BE,EAAAA,oBAAoB,2BAA2BE,kBAAgB;AAAA;AAAA;AAAA,YAGlFF,sBAAoB;AAAA,0BACND,SAAmBH,CAAK,EAAE,QAAQ,QAAUC,IAAYI,EAAAA,SAAS,SAAW,EAAI,EAAE;AAAA,YAChGF,SAAmBH,CAAK,EAAE,QAAQ,MAAM;AAAA;AAAA,KAE/C;AAAA;AAAA,MAECA,IAAUO,QAAM,OAClBL,EAAAA;AAAAA,8BAC0BI,kBAAgB;AAAA;AAAA,0BAEpBH,SAAmBH,CAAK,EAAE,QAAQ,OAAS,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA,UACtGJ,IAAYI,EAAAA,SAAS,UACvB;AAAA;AAAA,OAED;AAAA;AAAA,+BAEwBD,sBAAoB;AAAA,yBAC1BD,SAAmBH,CAAK,EAAE,QAAQ,MAAQ,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA;AAAA,KAEzG;AAAA;AAAA,MAECL,IAAUO,QAAM,QAClBL,EAAAA;AAAAA,8BAC0BI,kBAAgB;AAAA,yBACrBH,SAAmBH,CAAK,EAAE,QAAQ,MAAQ,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA,0BACpFF,SAAmBH,CAAK,EAAE,QAAQ,OAAS,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA;AAAA,KAE3G;AAAA;AAAA,MAECL,IAAUO,QAAM,OAClBL,EAAAA;AAAAA,8BAC0BI,kBAAgB;AAAA,0BACpBH,SAAmBH,CAAK,EAAE,QAAQ,OAAS,GAAKC,IAAYI,WAAS,SAAW,EAAI,EAAE;AAAA;AAAA,KAE3G;AAAA,GAEL"}