@bitrise/bitkit-v2 0.3.475-beta.3014 → 0.3.476

package/README.md

@@ -43,13 +43,13 @@ The hosted Storybook itself is browsable at <https://storybook.services.bitrise.
 
 ```bash
 # Runtime peers — required for Bitkit to render
-npm install @bitrise/bitkit-v2 @chakra-ui/react@3.35.0 @emotion/react@11.14.0 @emotion/styled@11.14.1
+npm install @bitrise/bitkit-v2 @chakra-ui/react@3.37.0 @emotion/react@11.14.0
 
 # Build-time peer — required so the bundled postinstall hook can generate bitkit-specific theme typings
-npm install --save-dev @chakra-ui/cli@3.35.0
+npm install --save-dev @chakra-ui/cli@3.37.0
 ```
 
-Chakra UI and Emotion are declared as peer dependencies so the host app owns the single copy of Chakra in the tree. Install them at the exact versions Bitkit pins — any other version (including patch bumps like `3.35.1`) triggers a peer mismatch warning, and a different minor/major may also cause runtime API incompatibility against Bitkit's compiled output. Duplicate Chakra installs only show up if some other transitive dependency drags in a different Chakra version on top of the drift, but when they do they silently break `BitkitProvider`'s theme context, which is exactly the failure mode pinned peers protect against.
+Chakra UI and Emotion are declared as peer dependencies so the host app owns the single copy of Chakra in the tree. Install them at the exact versions Bitkit pins — any other version (including patch bumps like `3.37.1`) triggers a peer mismatch warning, and a different minor/major may also cause runtime API incompatibility against Bitkit's compiled output. Duplicate Chakra installs only show up if some other transitive dependency drags in a different Chakra version on top of the drift, but when they do they silently break `BitkitProvider`'s theme context, which is exactly the failure mode pinned peers protect against.
 
 `@chakra-ui/cli` is a peer too — Bitkit's `postinstall` hook uses it to generate Chakra theme typings into your project's `node_modules`. Install it as a devDependency in the host app so the hook can find it.
 
@@ -59,10 +59,9 @@ Chakra UI and Emotion are declared as peer dependencies so the host app owns the
 
 - React 18+ (peer dependency)
 - React DOM 18+ (peer dependency)
-- `@chakra-ui/react` 3.35.0 (peer dependency, pinned)
+- `@chakra-ui/react` 3.37.0 (peer dependency, pinned)
 - `@emotion/react` 11.14.0 (peer dependency, pinned)
-- `@emotion/styled` 11.14.1 (peer dependency, pinned)
-- `@chakra-ui/cli` 3.35.0 (peer dependency, pinned — used by the bundled `postinstall` typegen hook; install as a devDependency in the host app)
+- `@chakra-ui/cli` 3.37.0 (peer dependency, pinned — used by the bundled `postinstall` typegen hook; install as a devDependency in the host app)
 
 ### Theme typings
 

package/dist/atoms/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":[],"sources":["../../../lib/atoms/DatePicker/DatePicker.tsx"],"sourcesContent":["import { DatePicker as ArkDatePicker } from '@ark-ui/react/date-picker';\nimport { createSlotRecipeContext, type HTMLChakraProps, type UnstyledProp } from '@chakra-ui/react/styled-system';\n\nconst { withProvider, withContext, useStyles } = createSlotRecipeContext({ key: 'datePicker' });\n\nexport interface DatePickerRootProps extends HTMLChakraProps<'div', ArkDatePicker.RootProps>, UnstyledProp {}\n\nexport const DatePickerRoot = withProvider<HTMLDivElement, DatePickerProps>(\n  withContext<HTMLDivElement, DatePickerRootProps>(ArkDatePicker.Root, 'root', {\n    forwardAsChild: true,\n  }),\n  'root',\n);\n\nexport interface DatePickerControlProps extends HTMLChakraProps<'div', ArkDatePicker.ControlProps>, UnstyledProp {}\n\nexport const DatePickerControl = withContext<HTMLDivElement, DatePickerControlProps>(ArkDatePicker.Control, 'control', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerLabelProps extends HTMLChakraProps<'label', ArkDatePicker.LabelProps>, UnstyledProp {}\n\nexport const DatePickerLabel = withContext<HTMLLabelElement, DatePickerLabelProps>(ArkDatePicker.Label, 'label', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerInputProps extends HTMLChakraProps<'input', ArkDatePicker.InputProps>, UnstyledProp {}\n\nexport const DatePickerInput = withContext<HTMLInputElement, DatePickerInputProps>(ArkDatePicker.Input, 'input', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerTriggerProps extends HTMLChakraProps<'button', ArkDatePicker.TriggerProps>, UnstyledProp {}\n\nexport const DatePickerTrigger = withContext<HTMLButtonElement, DatePickerTriggerProps>(\n  ArkDatePicker.Trigger,\n  'trigger',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerClearTriggerProps\n  extends HTMLChakraProps<'button', ArkDatePicker.ClearTriggerProps>, UnstyledProp {}\n\nexport const DatePickerClearTrigger = withContext<HTMLButtonElement, DatePickerClearTriggerProps>(\n  ArkDatePicker.ClearTrigger,\n  'clearTrigger',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerPositionerProps\n  extends HTMLChakraProps<'div', ArkDatePicker.PositionerProps>, UnstyledProp {}\n\nexport const DatePickerPositioner = withContext<HTMLDivElement, DatePickerPositionerProps>(\n  ArkDatePicker.Positioner,\n  'positioner',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerContentProps extends HTMLChakraProps<'div', ArkDatePicker.ContentProps>, UnstyledProp {}\n\nexport const DatePickerContent = withContext<HTMLDivElement, DatePickerContentProps>(ArkDatePicker.Content, 'content', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerMonthsProps extends HTMLChakraProps<'div'>, UnstyledProp {}\n\nexport const DatePickerMonths = withContext<HTMLDivElement, DatePickerMonthsProps>('div', 'months', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerViewProps extends HTMLChakraProps<'div', ArkDatePicker.ViewProps>, UnstyledProp {}\n\nexport const DatePickerView = withContext<HTMLDivElement, DatePickerViewProps>(ArkDatePicker.View, 'view', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerViewControlProps\n  extends HTMLChakraProps<'div', ArkDatePicker.ViewControlProps>, UnstyledProp {}\n\nexport const DatePickerViewControl = withContext<HTMLDivElement, DatePickerViewControlProps>(\n  ArkDatePicker.ViewControl,\n  'viewControl',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableProps extends HTMLChakraProps<'table', ArkDatePicker.TableProps>, UnstyledProp {}\n\nexport const DatePickerTable = withContext<HTMLTableElement, DatePickerTableProps>(ArkDatePicker.Table, 'table', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerTableHeadProps\n  extends HTMLChakraProps<'thead', ArkDatePicker.TableHeadProps>, UnstyledProp {}\n\nexport const DatePickerTableHead = withContext<HTMLTableSectionElement, DatePickerTableHeadProps>(\n  ArkDatePicker.TableHead,\n  'tableHead',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableBodyProps\n  extends HTMLChakraProps<'tbody', ArkDatePicker.TableBodyProps>, UnstyledProp {}\n\nexport const DatePickerTableBody = withContext<HTMLTableSectionElement, DatePickerTableBodyProps>(\n  ArkDatePicker.TableBody,\n  'tableBody',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableRowProps extends HTMLChakraProps<'tr', ArkDatePicker.TableRowProps>, UnstyledProp {}\n\nexport const DatePickerTableRow = withContext<HTMLTableRowElement, DatePickerTableRowProps>(\n  ArkDatePicker.TableRow,\n  'tableRow',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableHeaderProps\n  extends HTMLChakraProps<'th', ArkDatePicker.TableHeaderProps>, UnstyledProp {}\n\nexport const DatePickerTableHeader = withContext<HTMLTableCellElement, DatePickerTableHeaderProps>(\n  ArkDatePicker.TableHeader,\n  'tableHeader',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableCellProps extends HTMLChakraProps<'td', ArkDatePicker.TableCellProps>, UnstyledProp {}\n\nexport const DatePickerTableCell = withContext<HTMLTableCellElement, DatePickerTableCellProps>(\n  ArkDatePicker.TableCell,\n  'tableCell',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableCellTriggerProps\n  extends HTMLChakraProps<'span', ArkDatePicker.TableCellTriggerProps>, UnstyledProp {}\n\nexport const DatePickerTableCellTrigger = withContext<HTMLButtonElement, DatePickerTableCellTriggerProps>(\n  ArkDatePicker.TableCellTrigger,\n  'tableCellTrigger',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const DatePickerContext = ArkDatePicker.Context;\n\nexport interface DatePickerProps extends DatePickerRootProps {\n  // these do not come from ArkUI, so maybe find a better place\n  device: 'desktop' | 'mobile';\n  layout?: '1-month' | '2-month';\n  showOutsideDays?: boolean;\n}\n\nexport const DatePicker = {\n  Root: DatePickerRoot,\n  Control: DatePickerControl,\n  Label: DatePickerLabel,\n  Input: DatePickerInput,\n  Trigger: DatePickerTrigger,\n  ClearTrigger: DatePickerClearTrigger,\n  Positioner: DatePickerPositioner,\n  Content: DatePickerContent,\n  Months: DatePickerMonths,\n  View: DatePickerView,\n  ViewControl: DatePickerViewControl,\n  Table: DatePickerTable,\n  TableHead: DatePickerTableHead,\n  TableBody: DatePickerTableBody,\n  TableRow: DatePickerTableRow,\n  TableHeader: DatePickerTableHeader,\n  TableCell: DatePickerTableCell,\n  TableCellTrigger: DatePickerTableCellTrigger,\n};\n\nexport { useStyles as useCalendarStyles };\n\nexport type { DatePickerOpenChangeDetails, DatePickerValueChangeDetails } from '@ark-ui/react/date-picker';\nexport { useDatePickerContext } from '@ark-ui/react/date-picker';\n"],"mappings":";;;AAGA,IAAM,EAAE,cAAc,aAAa,cAAc,wBAAwB,EAAE,KAAK,aAAa,CAAC;AAI9F,IAAa,iBAAiB,aAC5B,YAAiD,WAAc,MAAM,QAAQ,EAC3E,gBAAgB,KAClB,CAAC,GACD,MACF;AAIA,IAAa,oBAAoB,YAAoD,WAAc,SAAS,WAAW,EACrH,gBAAgB,KAClB,CAAC;AAID,IAAa,kBAAkB,YAAoD,WAAc,OAAO,SAAS,EAC/G,gBAAgB,KAClB,CAAC;AAID,IAAa,kBAAkB,YAAoD,WAAc,OAAO,SAAS,EAC/G,gBAAgB,KAClB,CAAC;AAID,IAAa,oBAAoB,YAC/B,WAAc,SACd,WACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,yBAAyB,YACpC,WAAc,cACd,gBACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,uBAAuB,YAClC,WAAc,YACd,cACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,oBAAoB,YAAoD,WAAc,SAAS,WAAW,EACrH,gBAAgB,KAClB,CAAC;AAID,IAAa,mBAAmB,YAAmD,OAAO,UAAU,EAClG,gBAAgB,KAClB,CAAC;AAID,IAAa,iBAAiB,YAAiD,WAAc,MAAM,QAAQ,EACzG,gBAAgB,KAClB,CAAC;AAKD,IAAa,wBAAwB,YACnC,WAAc,aACd,eACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,kBAAkB,YAAoD,WAAc,OAAO,SAAS,EAC/G,gBAAgB,KAClB,CAAC;AAKD,IAAa,sBAAsB,YACjC,WAAc,WACd,aACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,sBAAsB,YACjC,WAAc,WACd,aACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,qBAAqB,YAChC,WAAc,UACd,YACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,wBAAwB,YACnC,WAAc,aACd,eACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,sBAAsB,YACjC,WAAc,WACd,aACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,6BAA6B,YACxC,WAAc,kBACd,oBACA,EACE,gBAAgB,KAClB,CACF;AAEA,IAAa,oBAAoB,WAAc;AAS/C,IAAa,eAAa;CACxB,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,SAAS;CACT,cAAc;CACd,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,MAAM;CACN,aAAa;CACb,OAAO;CACP,WAAW;CACX,WAAW;CACX,UAAU;CACV,aAAa;CACb,WAAW;CACX,kBAAkB;AACpB"}
+{"version":3,"file":"DatePicker.js","names":["ArkDatePicker","DatePicker"],"sources":["../../../lib/atoms/DatePicker/DatePicker.tsx"],"sourcesContent":["import { DatePicker as ArkDatePicker } from '@ark-ui/react/date-picker';\nimport { createSlotRecipeContext, type HTMLChakraProps, type UnstyledProp } from '@chakra-ui/react/styled-system';\n\nconst { withProvider, withContext, useStyles } = createSlotRecipeContext({ key: 'datePicker' });\n\nexport interface DatePickerRootProps extends HTMLChakraProps<'div', ArkDatePicker.RootProps>, UnstyledProp {}\n\nexport const DatePickerRoot = withProvider<HTMLDivElement, DatePickerProps>(\n  withContext<HTMLDivElement, DatePickerRootProps>(ArkDatePicker.Root, 'root', {\n    forwardAsChild: true,\n  }),\n  'root',\n);\n\nexport interface DatePickerControlProps extends HTMLChakraProps<'div', ArkDatePicker.ControlProps>, UnstyledProp {}\n\nexport const DatePickerControl = withContext<HTMLDivElement, DatePickerControlProps>(ArkDatePicker.Control, 'control', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerLabelProps extends HTMLChakraProps<'label', ArkDatePicker.LabelProps>, UnstyledProp {}\n\nexport const DatePickerLabel = withContext<HTMLLabelElement, DatePickerLabelProps>(ArkDatePicker.Label, 'label', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerInputProps extends HTMLChakraProps<'input', ArkDatePicker.InputProps>, UnstyledProp {}\n\nexport const DatePickerInput = withContext<HTMLInputElement, DatePickerInputProps>(ArkDatePicker.Input, 'input', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerTriggerProps extends HTMLChakraProps<'button', ArkDatePicker.TriggerProps>, UnstyledProp {}\n\nexport const DatePickerTrigger = withContext<HTMLButtonElement, DatePickerTriggerProps>(\n  ArkDatePicker.Trigger,\n  'trigger',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerClearTriggerProps\n  extends HTMLChakraProps<'button', ArkDatePicker.ClearTriggerProps>, UnstyledProp {}\n\nexport const DatePickerClearTrigger = withContext<HTMLButtonElement, DatePickerClearTriggerProps>(\n  ArkDatePicker.ClearTrigger,\n  'clearTrigger',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerPositionerProps\n  extends HTMLChakraProps<'div', ArkDatePicker.PositionerProps>, UnstyledProp {}\n\nexport const DatePickerPositioner = withContext<HTMLDivElement, DatePickerPositionerProps>(\n  ArkDatePicker.Positioner,\n  'positioner',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerContentProps extends HTMLChakraProps<'div', ArkDatePicker.ContentProps>, UnstyledProp {}\n\nexport const DatePickerContent = withContext<HTMLDivElement, DatePickerContentProps>(ArkDatePicker.Content, 'content', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerMonthsProps extends HTMLChakraProps<'div'>, UnstyledProp {}\n\nexport const DatePickerMonths = withContext<HTMLDivElement, DatePickerMonthsProps>('div', 'months', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerViewProps extends HTMLChakraProps<'div', ArkDatePicker.ViewProps>, UnstyledProp {}\n\nexport const DatePickerView = withContext<HTMLDivElement, DatePickerViewProps>(ArkDatePicker.View, 'view', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerViewControlProps\n  extends HTMLChakraProps<'div', ArkDatePicker.ViewControlProps>, UnstyledProp {}\n\nexport const DatePickerViewControl = withContext<HTMLDivElement, DatePickerViewControlProps>(\n  ArkDatePicker.ViewControl,\n  'viewControl',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableProps extends HTMLChakraProps<'table', ArkDatePicker.TableProps>, UnstyledProp {}\n\nexport const DatePickerTable = withContext<HTMLTableElement, DatePickerTableProps>(ArkDatePicker.Table, 'table', {\n  forwardAsChild: true,\n});\n\nexport interface DatePickerTableHeadProps\n  extends HTMLChakraProps<'thead', ArkDatePicker.TableHeadProps>, UnstyledProp {}\n\nexport const DatePickerTableHead = withContext<HTMLTableSectionElement, DatePickerTableHeadProps>(\n  ArkDatePicker.TableHead,\n  'tableHead',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableBodyProps\n  extends HTMLChakraProps<'tbody', ArkDatePicker.TableBodyProps>, UnstyledProp {}\n\nexport const DatePickerTableBody = withContext<HTMLTableSectionElement, DatePickerTableBodyProps>(\n  ArkDatePicker.TableBody,\n  'tableBody',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableRowProps extends HTMLChakraProps<'tr', ArkDatePicker.TableRowProps>, UnstyledProp {}\n\nexport const DatePickerTableRow = withContext<HTMLTableRowElement, DatePickerTableRowProps>(\n  ArkDatePicker.TableRow,\n  'tableRow',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableHeaderProps\n  extends HTMLChakraProps<'th', ArkDatePicker.TableHeaderProps>, UnstyledProp {}\n\nexport const DatePickerTableHeader = withContext<HTMLTableCellElement, DatePickerTableHeaderProps>(\n  ArkDatePicker.TableHeader,\n  'tableHeader',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableCellProps extends HTMLChakraProps<'td', ArkDatePicker.TableCellProps>, UnstyledProp {}\n\nexport const DatePickerTableCell = withContext<HTMLTableCellElement, DatePickerTableCellProps>(\n  ArkDatePicker.TableCell,\n  'tableCell',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport interface DatePickerTableCellTriggerProps\n  extends HTMLChakraProps<'span', ArkDatePicker.TableCellTriggerProps>, UnstyledProp {}\n\nexport const DatePickerTableCellTrigger = withContext<HTMLButtonElement, DatePickerTableCellTriggerProps>(\n  ArkDatePicker.TableCellTrigger,\n  'tableCellTrigger',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const DatePickerContext = ArkDatePicker.Context;\n\nexport interface DatePickerProps extends DatePickerRootProps {\n  // these do not come from ArkUI, so maybe find a better place\n  device: 'desktop' | 'mobile';\n  layout?: '1-month' | '2-month';\n  showOutsideDays?: boolean;\n}\n\nexport const DatePicker = {\n  Root: DatePickerRoot,\n  Control: DatePickerControl,\n  Label: DatePickerLabel,\n  Input: DatePickerInput,\n  Trigger: DatePickerTrigger,\n  ClearTrigger: DatePickerClearTrigger,\n  Positioner: DatePickerPositioner,\n  Content: DatePickerContent,\n  Months: DatePickerMonths,\n  View: DatePickerView,\n  ViewControl: DatePickerViewControl,\n  Table: DatePickerTable,\n  TableHead: DatePickerTableHead,\n  TableBody: DatePickerTableBody,\n  TableRow: DatePickerTableRow,\n  TableHeader: DatePickerTableHeader,\n  TableCell: DatePickerTableCell,\n  TableCellTrigger: DatePickerTableCellTrigger,\n};\n\nexport { useStyles as useCalendarStyles };\n\nexport type { DatePickerOpenChangeDetails, DatePickerValueChangeDetails } from '@ark-ui/react/date-picker';\nexport { useDatePickerContext } from '@ark-ui/react/date-picker';\n"],"mappings":";;;AAGA,IAAM,EAAE,cAAc,aAAa,cAAc,wBAAwB,EAAE,KAAK,aAAa,CAAC;AAI9F,IAAa,iBAAiB,aAC5B,YAAiDA,WAAc,MAAM,QAAQ,EAC3E,gBAAgB,KAClB,CAAC,GACD,MACF;AAIA,IAAa,oBAAoB,YAAoDA,WAAc,SAAS,WAAW,EACrH,gBAAgB,KAClB,CAAC;AAID,IAAa,kBAAkB,YAAoDA,WAAc,OAAO,SAAS,EAC/G,gBAAgB,KAClB,CAAC;AAID,IAAa,kBAAkB,YAAoDA,WAAc,OAAO,SAAS,EAC/G,gBAAgB,KAClB,CAAC;AAID,IAAa,oBAAoB,YAC/BA,WAAc,SACd,WACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,yBAAyB,YACpCA,WAAc,cACd,gBACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,uBAAuB,YAClCA,WAAc,YACd,cACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,oBAAoB,YAAoDA,WAAc,SAAS,WAAW,EACrH,gBAAgB,KAClB,CAAC;AAID,IAAa,mBAAmB,YAAmD,OAAO,UAAU,EAClG,gBAAgB,KAClB,CAAC;AAID,IAAa,iBAAiB,YAAiDA,WAAc,MAAM,QAAQ,EACzG,gBAAgB,KAClB,CAAC;AAKD,IAAa,wBAAwB,YACnCA,WAAc,aACd,eACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,kBAAkB,YAAoDA,WAAc,OAAO,SAAS,EAC/G,gBAAgB,KAClB,CAAC;AAKD,IAAa,sBAAsB,YACjCA,WAAc,WACd,aACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,sBAAsB,YACjCA,WAAc,WACd,aACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,qBAAqB,YAChCA,WAAc,UACd,YACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,wBAAwB,YACnCA,WAAc,aACd,eACA,EACE,gBAAgB,KAClB,CACF;AAIA,IAAa,sBAAsB,YACjCA,WAAc,WACd,aACA,EACE,gBAAgB,KAClB,CACF;AAKA,IAAa,6BAA6B,YACxCA,WAAc,kBACd,oBACA,EACE,gBAAgB,KAClB,CACF;AAEA,IAAa,oBAAoBA,WAAc;AAS/C,IAAaC,eAAa;CACxB,MAAM;CACN,SAAS;CACT,OAAO;CACP,OAAO;CACP,SAAS;CACT,cAAc;CACd,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,MAAM;CACN,aAAa;CACb,OAAO;CACP,WAAW;CACX,WAAW;CACX,UAAU;CACV,aAAa;CACb,WAAW;CACX,kBAAkB;AACpB"}

package/dist/atoms/ImageCropper/ImageCropper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCropper.js","names":[],"sources":["../../../lib/atoms/ImageCropper/ImageCropper.tsx"],"sourcesContent":["import { ImageCropper as ArkImageCropper } from '@ark-ui/react/image-cropper';\nimport { createSlotRecipeContext, type HTMLChakraProps, type UnstyledProp } from '@chakra-ui/react/styled-system';\n\nconst { withProvider, withContext, useStyles } = createSlotRecipeContext({ key: 'imageCropper' });\n\nexport interface ImageCropperRootProps extends HTMLChakraProps<'div', ArkImageCropper.RootProps>, UnstyledProp {}\n\nexport const ImageCropperRoot = withProvider<HTMLDivElement, ImageCropperRootProps>(\n  withContext<HTMLDivElement, ImageCropperRootProps>(ArkImageCropper.Root, 'root', {\n    forwardAsChild: true,\n    forwardProps: ['aspectRatio', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'],\n  }),\n  'root',\n  {\n    forwardProps: ['aspectRatio', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'],\n  },\n);\n\nexport const ImageCropperViewport = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(\n  ArkImageCropper.Viewport,\n  'viewport',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const ImageCropperImage = withContext<HTMLImageElement, HTMLChakraProps<'img'>>(ArkImageCropper.Image, 'image', {\n  forwardAsChild: true,\n});\n\nexport const ImageCropperSelection = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(\n  ArkImageCropper.Selection,\n  'selection',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const ImageCropperHandle = withContext<HTMLDivElement, HTMLChakraProps<'div', ArkImageCropper.HandleProps>>(\n  ArkImageCropper.Handle,\n  'handle',\n  {\n    forwardAsChild: true,\n    forwardProps: ['position'],\n  },\n);\n\nexport const ImageCropperGrid = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(ArkImageCropper.Grid, 'grid', {\n  forwardAsChild: true,\n});\n\nexport default {\n  handles: ArkImageCropper.handles,\n  Root: ImageCropperRoot,\n  Viewport: ImageCropperViewport,\n  Image: ImageCropperImage,\n  Selection: ImageCropperSelection,\n  Handle: ImageCropperHandle,\n  Grid: ImageCropperGrid,\n};\n\nexport { useStyles as useImageCropperStyles };\n\nexport { useImageCropper, useImageCropperContext } from '@ark-ui/react/image-cropper';\n"],"mappings":";;;AAGA,IAAM,EAAE,cAAc,aAAa,cAAc,wBAAwB,EAAE,KAAK,eAAe,CAAC;AAIhG,IAAa,mBAAmB,aAC9B,YAAmD,aAAgB,MAAM,QAAQ;CAC/E,gBAAgB;CAChB,cAAc;EAAC;EAAe;EAAY;EAAa;EAAY;CAAW;AAChF,CAAC,GACD,QACA,EACE,cAAc;CAAC;CAAe;CAAY;CAAa;CAAY;AAAW,EAChF,CACF;AAEA,IAAa,uBAAuB,YAClC,aAAgB,UAChB,YACA,EACE,gBAAgB,KAClB,CACF;AAEA,IAAa,oBAAoB,YAAsD,aAAgB,OAAO,SAAS,EACrH,gBAAgB,KAClB,CAAC;AAED,IAAa,wBAAwB,YACnC,aAAgB,WAChB,aACA,EACE,gBAAgB,KAClB,CACF;AAEA,IAAa,qBAAqB,YAChC,aAAgB,QAChB,UACA;CACE,gBAAgB;CAChB,cAAc,CAAC,UAAU;AAC3B,CACF;AAEA,IAAa,mBAAmB,YAAoD,aAAgB,MAAM,QAAQ,EAChH,gBAAgB,KAClB,CAAC;AAED,IAAA,uBAAe;CACb,SAAS,aAAgB;CACzB,MAAM;CACN,UAAU;CACV,OAAO;CACP,WAAW;CACX,QAAQ;CACR,MAAM;AACR"}
+{"version":3,"file":"ImageCropper.js","names":["ArkImageCropper"],"sources":["../../../lib/atoms/ImageCropper/ImageCropper.tsx"],"sourcesContent":["import { ImageCropper as ArkImageCropper } from '@ark-ui/react/image-cropper';\nimport { createSlotRecipeContext, type HTMLChakraProps, type UnstyledProp } from '@chakra-ui/react/styled-system';\n\nconst { withProvider, withContext, useStyles } = createSlotRecipeContext({ key: 'imageCropper' });\n\nexport interface ImageCropperRootProps extends HTMLChakraProps<'div', ArkImageCropper.RootProps>, UnstyledProp {}\n\nexport const ImageCropperRoot = withProvider<HTMLDivElement, ImageCropperRootProps>(\n  withContext<HTMLDivElement, ImageCropperRootProps>(ArkImageCropper.Root, 'root', {\n    forwardAsChild: true,\n    forwardProps: ['aspectRatio', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'],\n  }),\n  'root',\n  {\n    forwardProps: ['aspectRatio', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'],\n  },\n);\n\nexport const ImageCropperViewport = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(\n  ArkImageCropper.Viewport,\n  'viewport',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const ImageCropperImage = withContext<HTMLImageElement, HTMLChakraProps<'img'>>(ArkImageCropper.Image, 'image', {\n  forwardAsChild: true,\n});\n\nexport const ImageCropperSelection = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(\n  ArkImageCropper.Selection,\n  'selection',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const ImageCropperHandle = withContext<HTMLDivElement, HTMLChakraProps<'div', ArkImageCropper.HandleProps>>(\n  ArkImageCropper.Handle,\n  'handle',\n  {\n    forwardAsChild: true,\n    forwardProps: ['position'],\n  },\n);\n\nexport const ImageCropperGrid = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(ArkImageCropper.Grid, 'grid', {\n  forwardAsChild: true,\n});\n\nexport default {\n  handles: ArkImageCropper.handles,\n  Root: ImageCropperRoot,\n  Viewport: ImageCropperViewport,\n  Image: ImageCropperImage,\n  Selection: ImageCropperSelection,\n  Handle: ImageCropperHandle,\n  Grid: ImageCropperGrid,\n};\n\nexport { useStyles as useImageCropperStyles };\n\nexport { useImageCropper, useImageCropperContext } from '@ark-ui/react/image-cropper';\n"],"mappings":";;;AAGA,IAAM,EAAE,cAAc,aAAa,cAAc,wBAAwB,EAAE,KAAK,eAAe,CAAC;AAIhG,IAAa,mBAAmB,aAC9B,YAAmDA,aAAgB,MAAM,QAAQ;CAC/E,gBAAgB;CAChB,cAAc;EAAC;EAAe;EAAY;EAAa;EAAY;CAAW;AAChF,CAAC,GACD,QACA,EACE,cAAc;CAAC;CAAe;CAAY;CAAa;CAAY;AAAW,EAChF,CACF;AAEA,IAAa,uBAAuB,YAClCA,aAAgB,UAChB,YACA,EACE,gBAAgB,KAClB,CACF;AAEA,IAAa,oBAAoB,YAAsDA,aAAgB,OAAO,SAAS,EACrH,gBAAgB,KAClB,CAAC;AAED,IAAa,wBAAwB,YACnCA,aAAgB,WAChB,aACA,EACE,gBAAgB,KAClB,CACF;AAEA,IAAa,qBAAqB,YAChCA,aAAgB,QAChB,UACA;CACE,gBAAgB;CAChB,cAAc,CAAC,UAAU;AAC3B,CACF;AAEA,IAAa,mBAAmB,YAAoDA,aAAgB,MAAM,QAAQ,EAChH,gBAAgB,KAClB,CAAC;AAED,IAAA,uBAAe;CACb,SAASA,aAAgB;CACzB,MAAM;CACN,UAAU;CACV,OAAO;CACP,WAAW;CACX,QAAQ;CACR,MAAM;AACR"}

package/dist/components/BitkitActionMenu/BitkitActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitActionMenu.js","names":[],"sources":["../../../lib/components/BitkitActionMenu/BitkitActionMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport {\n  Menu,\n  type MenuItemGroupProps,\n  type MenuItemProps,\n  type MenuRootProps,\n  type MenuSeparatorProps,\n  useMenuStyles,\n} from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Separator as ChakraSeparator } from '@chakra-ui/react/separator';\nimport { Text } from '@chakra-ui/react/text';\nimport { createContext, forwardRef, type MouseEvent, type ReactNode, type Ref, useContext, useId } from 'react';\n\nimport { type BitkitIconComponent, IconArrowNortheast } from '../../icons';\nimport { type BitkitDataAttributes, splitDataAttributes } from '../../utilities/dataAttributes';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nconst BitkitActionMenuContext = createContext<MenuRootProps['size']>('lg');\n\n/**\n * `data-*` attributes are forwarded to the element carrying `role=\"menu\"` (the menu content), and\n * nothing else is — the same contract the dialogs have. The menu portals out, so this is the only\n * way to address the rendered list, e.g. from a test.\n */\nexport interface BitkitActionMenuProps extends Omit<MenuRootProps, 'children'>, BitkitDataAttributes {\n  /** The menu's items — `BitkitActionMenu.Item`, `.Group` and `.Separator`. */\n  children?: ReactNode;\n  /**\n   * Row density, inherited by every item. `lg` (default) is the standalone action menu; `md` is for\n   * menus attached to dense UI, such as an overflow menu in a toolbar or a tab bar.\n   */\n  size?: MenuRootProps['size'];\n  /**\n   * The element the menu is anchored to — usually a `BitkitIconButton` or `BitkitButton`. Rendered\n   * via `asChild`, so it must accept a ref.\n   */\n  trigger: ReactNode;\n}\n\nconst BitkitActionMenu = ({ trigger, children, size = 'lg', ...props }: BitkitActionMenuProps) => {\n  // `Menu.Root` is a provider, not an element, so it drops the `data-*` attributes — they belong on\n  // the content, which is the element carrying `role=\"menu\"`.\n  const { dataAttributes, rest: rootProps } = splitDataAttributes(props);\n\n  return (\n    <Menu.Root size={size} {...rootProps}>\n      <Menu.Trigger asChild>{trigger}</Menu.Trigger>\n      <Portal>\n        <Menu.Positioner>\n          <BitkitActionMenuContext.Provider value={size}>\n            <Menu.Content {...dataAttributes}>{children}</Menu.Content>\n          </BitkitActionMenuContext.Provider>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\nBitkitActionMenu.displayName = 'BitkitActionMenu';\n\ninterface BitkitActionMenuItemCommonProps extends Omit<MenuItemProps, 'value'> {\n  /** The item's label. */\n  children?: ReactNode;\n  /** Leading icon, sized from the menu's `size` (24 on `lg`, 16 on `md`). */\n  icon?: BitkitIconComponent;\n  /** Style the item as destructive — red label and icon. Use it for delete and similar actions. */\n  isDanger?: boolean;\n  /** Inert and marked `aria-disabled`: no selection, no `onClick`, and no navigation on an `href` item. */\n  disabled?: boolean;\n  /** A second, quieter line under the label. Adding it makes the row taller and top-aligns the icon. */\n  secondaryText?: ReactNode;\n  /**\n   * Identifies the item to the menu machine. Omit it for a command item that does its own work in\n   * `onClick` — a generated id is used, and typeahead matches the label either way. Pass one when\n   * you read `onSelect` on the menu itself and need to tell the items apart.\n   */\n  value?: string;\n}\n\ninterface BitkitActionMenuItemAsButtonProps extends BitkitActionMenuItemCommonProps {\n  href?: undefined;\n  isExternal?: undefined;\n  rel?: undefined;\n  target?: undefined;\n}\n\ninterface BitkitActionMenuItemAsAnchorProps extends BitkitActionMenuItemCommonProps {\n  /** Renders the item as an `<a>` instead of a menu button. */\n  href: string;\n  /**\n   * Shorthand for `target=\"_blank\"` plus `rel=\"noreferrer noopener\"`. Also puts an\n   * `IconArrowNortheast` at the end of the row — the design system's \"leaves this page\" marker.\n   */\n  isExternal?: boolean;\n  /** Extra `rel` tokens. With `isExternal` the safety tokens are appended to these. */\n  rel?: string;\n  /** Anchor target. Ignored when `isExternal` is set. */\n  target?: string;\n}\n\nexport type BitkitActionMenuItemProps = BitkitActionMenuItemAsButtonProps | BitkitActionMenuItemAsAnchorProps;\n\nconst BitkitActionMenuItem = forwardRef<HTMLElement, BitkitActionMenuItemProps>((props, ref) => {\n  const { children, disabled, icon: Icon, isDanger, secondaryText } = props;\n  const style = useMenuStyles();\n  const menuCtx = useContext(BitkitActionMenuContext);\n  const iconSize = menuCtx === 'lg' ? '24' : '16';\n  const hasHelper = secondaryText ? true : undefined;\n  const fallbackValue = useId();\n\n  // Ark composes the consumer's `onClick` with its own, and only its own bails on `disabled` — so\n  // without this a disabled item still runs the handler (and, as an anchor, still navigates).\n  const handleClick = (onClick: MenuItemProps['onClick']) => (event: MouseEvent<HTMLDivElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const content = (\n    <>\n      {Icon && <Icon size={iconSize} />}\n      <Box flex=\"1\">\n        <Text>{children}</Text>\n        {secondaryText && <Text css={style.itemHelper}>{secondaryText}</Text>}\n      </Box>\n      {props.isExternal && <IconArrowNortheast data-suffix-icon size={iconSize} />}\n    </>\n  );\n\n  if (props.href !== undefined) {\n    const {\n      children: _children,\n      href,\n      icon: _icon,\n      isDanger: _isDanger,\n      isExternal,\n      rel,\n      onClick,\n      secondaryText: _secondaryText,\n      target,\n      value,\n      ...rest\n    } = props;\n    const effectiveTarget = isExternal ? '_blank' : target;\n    const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n    return (\n      <Menu.Item\n        asChild\n        data-danger={isDanger}\n        data-helper={hasHelper}\n        onClick={handleClick(onClick)}\n        value={value ?? fallbackValue}\n        {...rest}\n      >\n        <a ref={ref as Ref<HTMLAnchorElement>} href={href} rel={effectiveRel} target={effectiveTarget}>\n          {content}\n        </a>\n      </Menu.Item>\n    );\n  }\n\n  const {\n    children: _children,\n    icon: _icon,\n    isDanger: _isDanger,\n    onClick,\n    secondaryText: _secondaryText,\n    value,\n    ...rest\n  } = props;\n  return (\n    <Menu.Item\n      data-danger={isDanger}\n      data-helper={hasHelper}\n      onClick={handleClick(onClick)}\n      ref={ref as Ref<HTMLDivElement>}\n      value={value ?? fallbackValue}\n      {...rest}\n    >\n      {content}\n    </Menu.Item>\n  );\n});\nBitkitActionMenuItem.displayName = 'BitkitActionMenu.Item';\n\nexport interface BitkitActionMenuGroupProps extends MenuItemGroupProps {\n  /** The group's items. */\n  children?: ReactNode;\n  /** The group's heading, rendered uppercase with a rule filling the rest of the row. */\n  label: ReactNode;\n}\n\nconst BitkitActionMenuGroup = forwardRef<HTMLDivElement, BitkitActionMenuGroupProps>(\n  ({ label, children, ...props }, ref) => {\n    return (\n      <Menu.ItemGroup ref={ref} {...props}>\n        <Menu.ItemGroupLabel>\n          <Text>{label}</Text>\n          <ChakraSeparator flex=\"1\" />\n        </Menu.ItemGroupLabel>\n        {children}\n      </Menu.ItemGroup>\n    );\n  },\n);\nBitkitActionMenuGroup.displayName = 'BitkitActionMenu.Group';\n\nexport type BitkitActionMenuSeparatorProps = MenuSeparatorProps;\n\nconst BitkitActionMenuSeparator = forwardRef<HTMLHRElement, BitkitActionMenuSeparatorProps>((props, ref) => {\n  return <Menu.Separator ref={ref} {...props} />;\n});\nBitkitActionMenuSeparator.displayName = 'BitkitActionMenu.Separator';\n\nexport default withSubComponents(BitkitActionMenu, {\n  Group: BitkitActionMenuGroup,\n  Item: BitkitActionMenuItem,\n  Separator: BitkitActionMenuSeparator,\n});\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,0BAA0B,cAAqC,IAAI;AAsBzE,IAAM,oBAAoB,EAAE,SAAS,UAAU,OAAO,MAAM,GAAG,YAAmC;CAGhG,MAAM,EAAE,gBAAgB,MAAM,cAAc,oBAAoB,KAAK;CAErE,OACE,qBAAC,KAAK,MAAN;EAAiB;EAAM,GAAI;EAA3B,UAAA,CACE,oBAAC,KAAK,SAAN;GAAc,SAAA;GAAS,UAAA;EAAsB,CAAA,GAC7C,oBAAC,QAAD,EAAA,UACE,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;GACvC,UAAA,oBAAC,KAAK,SAAN;IAAc,GAAI;IAAiB;GAAuB,CAAA;EAC1B,CAAA,EACnB,CAAA,EACX,CAAA,CACC;;AAEf;AACA,iBAAiB,cAAc;AA4C/B,IAAM,uBAAuB,YAAoD,OAAO,QAAQ;CAC9F,MAAM,EAAE,UAAU,UAAU,MAAM,MAAM,UAAU,kBAAkB;CACpE,MAAM,QAAQ,cAAc;CAE5B,MAAM,WADU,WAAW,uBACV,MAAY,OAAO,OAAO;CAC3C,MAAM,YAAY,gBAAgB,OAAO,KAAA;CACzC,MAAM,gBAAgB,MAAM;CAI5B,MAAM,eAAe,aAAuC,UAAsC;EAChG,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB;EACF;EACA,UAAU,KAAK;CACjB;CAEA,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA;EACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;EAChC,qBAAC,KAAD;GAAK,MAAK;GAAV,UAAA,CACE,oBAAC,MAAD,EAAO,SAAe,CAAA,GACrB,iBAAiB,oBAAC,MAAD;IAAM,KAAK,MAAM;IAAa,UAAA;GAAoB,CAAA,CACjE;;EACJ,MAAM,cAAc,oBAAC,oBAAD;GAAoB,oBAAA;GAAiB,MAAM;EAAW,CAAA;CAC3E,EAAA,CAAA;CAGJ,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,UAAU,WACV,MACA,MAAM,OACN,UAAU,WACV,YACA,KACA,SACA,eAAe,gBACf,QACA,OACA,GAAG,SACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,OACE,oBAAC,KAAK,MAAN;GACE,SAAA;GACA,eAAa;GACb,eAAa;GACb,SAAS,YAAY,OAAO;GAC5B,OAAO,SAAS;GAChB,GAAI;GAEJ,UAAA,oBAAC,KAAD;IAAQ;IAAqC;IAAM,KAAK;IAAc,QAAQ;IAC3E,UAAA;GACA,CAAA;EACM,CAAA;CAEf;CAEA,MAAM,EACJ,UAAU,WACV,MAAM,OACN,UAAU,WACV,SACA,eAAe,gBACf,OACA,GAAG,SACD;CACJ,OACE,oBAAC,KAAK,MAAN;EACE,eAAa;EACb,eAAa;EACb,SAAS,YAAY,OAAO;EACvB;EACL,OAAO,SAAS;EAChB,GAAI;EAEH,UAAA;CACQ,CAAA;AAEf,CAAC;AACD,qBAAqB,cAAc;AASnC,IAAM,wBAAwB,YAC3B,EAAE,OAAO,UAAU,GAAG,SAAS,QAAQ;CACtC,OACE,qBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;EAA9B,UAAA,CACE,qBAAC,KAAK,gBAAN,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UAAO,MAAY,CAAA,GACnB,oBAAC,WAAD,EAAiB,MAAK,IAAK,CAAA,CACR,EAAA,CAAA,GACpB,QACa;;AAEpB,CACF;AACA,sBAAsB,cAAc;AAIpC,IAAM,4BAA4B,YAA2D,OAAO,QAAQ;CAC1G,OAAO,oBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC/C,CAAC;AACD,0BAA0B,cAAc;AAExC,IAAA,2BAAe,kBAAkB,kBAAkB;CACjD,OAAO;CACP,MAAM;CACN,WAAW;AACb,CAAC"}
+{"version":3,"file":"BitkitActionMenu.js","names":["_Fragment","ChakraSeparator"],"sources":["../../../lib/components/BitkitActionMenu/BitkitActionMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport {\n  Menu,\n  type MenuItemGroupProps,\n  type MenuItemProps,\n  type MenuRootProps,\n  type MenuSeparatorProps,\n  useMenuStyles,\n} from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Separator as ChakraSeparator } from '@chakra-ui/react/separator';\nimport { Text } from '@chakra-ui/react/text';\nimport { createContext, forwardRef, type MouseEvent, type ReactNode, type Ref, useContext, useId } from 'react';\n\nimport { type BitkitIconComponent, IconArrowNortheast } from '../../icons';\nimport { type BitkitDataAttributes, splitDataAttributes } from '../../utilities/dataAttributes';\nimport { withSubComponents } from '../../utilities/withSubComponents';\n\nconst BitkitActionMenuContext = createContext<MenuRootProps['size']>('lg');\n\n/**\n * `data-*` attributes are forwarded to the element carrying `role=\"menu\"` (the menu content), and\n * nothing else is — the same contract the dialogs have. The menu portals out, so this is the only\n * way to address the rendered list, e.g. from a test.\n */\nexport interface BitkitActionMenuProps extends Omit<MenuRootProps, 'children'>, BitkitDataAttributes {\n  /** The menu's items — `BitkitActionMenu.Item`, `.Group` and `.Separator`. */\n  children?: ReactNode;\n  /**\n   * Row density, inherited by every item. `lg` (default) is the standalone action menu; `md` is for\n   * menus attached to dense UI, such as an overflow menu in a toolbar or a tab bar.\n   */\n  size?: MenuRootProps['size'];\n  /**\n   * The element the menu is anchored to — usually a `BitkitIconButton` or `BitkitButton`. Rendered\n   * via `asChild`, so it must accept a ref.\n   */\n  trigger: ReactNode;\n}\n\nconst BitkitActionMenu = ({ trigger, children, size = 'lg', ...props }: BitkitActionMenuProps) => {\n  // `Menu.Root` is a provider, not an element, so it drops the `data-*` attributes — they belong on\n  // the content, which is the element carrying `role=\"menu\"`.\n  const { dataAttributes, rest: rootProps } = splitDataAttributes(props);\n\n  return (\n    <Menu.Root size={size} {...rootProps}>\n      <Menu.Trigger asChild>{trigger}</Menu.Trigger>\n      <Portal>\n        <Menu.Positioner>\n          <BitkitActionMenuContext.Provider value={size}>\n            <Menu.Content {...dataAttributes}>{children}</Menu.Content>\n          </BitkitActionMenuContext.Provider>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\nBitkitActionMenu.displayName = 'BitkitActionMenu';\n\ninterface BitkitActionMenuItemCommonProps extends Omit<MenuItemProps, 'value'> {\n  /** The item's label. */\n  children?: ReactNode;\n  /** Leading icon, sized from the menu's `size` (24 on `lg`, 16 on `md`). */\n  icon?: BitkitIconComponent;\n  /** Style the item as destructive — red label and icon. Use it for delete and similar actions. */\n  isDanger?: boolean;\n  /** Inert and marked `aria-disabled`: no selection, no `onClick`, and no navigation on an `href` item. */\n  disabled?: boolean;\n  /** A second, quieter line under the label. Adding it makes the row taller and top-aligns the icon. */\n  secondaryText?: ReactNode;\n  /**\n   * Identifies the item to the menu machine. Omit it for a command item that does its own work in\n   * `onClick` — a generated id is used, and typeahead matches the label either way. Pass one when\n   * you read `onSelect` on the menu itself and need to tell the items apart.\n   */\n  value?: string;\n}\n\ninterface BitkitActionMenuItemAsButtonProps extends BitkitActionMenuItemCommonProps {\n  href?: undefined;\n  isExternal?: undefined;\n  rel?: undefined;\n  target?: undefined;\n}\n\ninterface BitkitActionMenuItemAsAnchorProps extends BitkitActionMenuItemCommonProps {\n  /** Renders the item as an `<a>` instead of a menu button. */\n  href: string;\n  /**\n   * Shorthand for `target=\"_blank\"` plus `rel=\"noreferrer noopener\"`. Also puts an\n   * `IconArrowNortheast` at the end of the row — the design system's \"leaves this page\" marker.\n   */\n  isExternal?: boolean;\n  /** Extra `rel` tokens. With `isExternal` the safety tokens are appended to these. */\n  rel?: string;\n  /** Anchor target. Ignored when `isExternal` is set. */\n  target?: string;\n}\n\nexport type BitkitActionMenuItemProps = BitkitActionMenuItemAsButtonProps | BitkitActionMenuItemAsAnchorProps;\n\nconst BitkitActionMenuItem = forwardRef<HTMLElement, BitkitActionMenuItemProps>((props, ref) => {\n  const { children, disabled, icon: Icon, isDanger, secondaryText } = props;\n  const style = useMenuStyles();\n  const menuCtx = useContext(BitkitActionMenuContext);\n  const iconSize = menuCtx === 'lg' ? '24' : '16';\n  const hasHelper = secondaryText ? true : undefined;\n  const fallbackValue = useId();\n\n  // Ark composes the consumer's `onClick` with its own, and only its own bails on `disabled` — so\n  // without this a disabled item still runs the handler (and, as an anchor, still navigates).\n  const handleClick = (onClick: MenuItemProps['onClick']) => (event: MouseEvent<HTMLDivElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const content = (\n    <>\n      {Icon && <Icon size={iconSize} />}\n      <Box flex=\"1\">\n        <Text>{children}</Text>\n        {secondaryText && <Text css={style.itemHelper}>{secondaryText}</Text>}\n      </Box>\n      {props.isExternal && <IconArrowNortheast data-suffix-icon size={iconSize} />}\n    </>\n  );\n\n  if (props.href !== undefined) {\n    const {\n      children: _children,\n      href,\n      icon: _icon,\n      isDanger: _isDanger,\n      isExternal,\n      rel,\n      onClick,\n      secondaryText: _secondaryText,\n      target,\n      value,\n      ...rest\n    } = props;\n    const effectiveTarget = isExternal ? '_blank' : target;\n    const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n    return (\n      <Menu.Item\n        asChild\n        data-danger={isDanger}\n        data-helper={hasHelper}\n        onClick={handleClick(onClick)}\n        value={value ?? fallbackValue}\n        {...rest}\n      >\n        <a ref={ref as Ref<HTMLAnchorElement>} href={href} rel={effectiveRel} target={effectiveTarget}>\n          {content}\n        </a>\n      </Menu.Item>\n    );\n  }\n\n  const {\n    children: _children,\n    icon: _icon,\n    isDanger: _isDanger,\n    onClick,\n    secondaryText: _secondaryText,\n    value,\n    ...rest\n  } = props;\n  return (\n    <Menu.Item\n      data-danger={isDanger}\n      data-helper={hasHelper}\n      onClick={handleClick(onClick)}\n      ref={ref as Ref<HTMLDivElement>}\n      value={value ?? fallbackValue}\n      {...rest}\n    >\n      {content}\n    </Menu.Item>\n  );\n});\nBitkitActionMenuItem.displayName = 'BitkitActionMenu.Item';\n\nexport interface BitkitActionMenuGroupProps extends MenuItemGroupProps {\n  /** The group's items. */\n  children?: ReactNode;\n  /** The group's heading, rendered uppercase with a rule filling the rest of the row. */\n  label: ReactNode;\n}\n\nconst BitkitActionMenuGroup = forwardRef<HTMLDivElement, BitkitActionMenuGroupProps>(\n  ({ label, children, ...props }, ref) => {\n    return (\n      <Menu.ItemGroup ref={ref} {...props}>\n        <Menu.ItemGroupLabel>\n          <Text>{label}</Text>\n          <ChakraSeparator flex=\"1\" />\n        </Menu.ItemGroupLabel>\n        {children}\n      </Menu.ItemGroup>\n    );\n  },\n);\nBitkitActionMenuGroup.displayName = 'BitkitActionMenu.Group';\n\nexport type BitkitActionMenuSeparatorProps = MenuSeparatorProps;\n\nconst BitkitActionMenuSeparator = forwardRef<HTMLHRElement, BitkitActionMenuSeparatorProps>((props, ref) => {\n  return <Menu.Separator ref={ref} {...props} />;\n});\nBitkitActionMenuSeparator.displayName = 'BitkitActionMenu.Separator';\n\nexport default withSubComponents(BitkitActionMenu, {\n  Group: BitkitActionMenuGroup,\n  Item: BitkitActionMenuItem,\n  Separator: BitkitActionMenuSeparator,\n});\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,0BAA0B,cAAqC,IAAI;AAsBzE,IAAM,oBAAoB,EAAE,SAAS,UAAU,OAAO,MAAM,GAAG,YAAmC;CAGhG,MAAM,EAAE,gBAAgB,MAAM,cAAc,oBAAoB,KAAK;CAErE,OACE,qBAAC,KAAK,MAAN;EAAiB;EAAM,GAAI;EAA3B,UAAA,CACE,oBAAC,KAAK,SAAN;GAAc,SAAA;GAAS,UAAA;EAAsB,CAAA,GAC7C,oBAAC,QAAD,EAAA,UACE,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;GACvC,UAAA,oBAAC,KAAK,SAAN;IAAc,GAAI;IAAiB;GAAuB,CAAA;EAC1B,CAAA,EACnB,CAAA,EACX,CAAA,CACC;;AAEf;AACA,iBAAiB,cAAc;AA4C/B,IAAM,uBAAuB,YAAoD,OAAO,QAAQ;CAC9F,MAAM,EAAE,UAAU,UAAU,MAAM,MAAM,UAAU,kBAAkB;CACpE,MAAM,QAAQ,cAAc;CAE5B,MAAM,WADU,WAAW,uBACV,MAAY,OAAO,OAAO;CAC3C,MAAM,YAAY,gBAAgB,OAAO,KAAA;CACzC,MAAM,gBAAgB,MAAM;CAI5B,MAAM,eAAe,aAAuC,UAAsC;EAChG,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB;EACF;EACA,UAAU,KAAK;CACjB;CAEA,MAAM,UACJ,qBAAAA,YAAA,EAAA,UAAA;EACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,SAAW,CAAA;EAChC,qBAAC,KAAD;GAAK,MAAK;GAAV,UAAA,CACE,oBAAC,MAAD,EAAO,SAAe,CAAA,GACrB,iBAAiB,oBAAC,MAAD;IAAM,KAAK,MAAM;IAAa,UAAA;GAAoB,CAAA,CACjE;;EACJ,MAAM,cAAc,oBAAC,oBAAD;GAAoB,oBAAA;GAAiB,MAAM;EAAW,CAAA;CAC3E,EAAA,CAAA;CAGJ,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,UAAU,WACV,MACA,MAAM,OACN,UAAU,WACV,YACA,KACA,SACA,eAAe,gBACf,QACA,OACA,GAAG,SACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,OACE,oBAAC,KAAK,MAAN;GACE,SAAA;GACA,eAAa;GACb,eAAa;GACb,SAAS,YAAY,OAAO;GAC5B,OAAO,SAAS;GAChB,GAAI;GAEJ,UAAA,oBAAC,KAAD;IAAQ;IAAqC;IAAM,KAAK;IAAc,QAAQ;IAC3E,UAAA;GACA,CAAA;EACM,CAAA;CAEf;CAEA,MAAM,EACJ,UAAU,WACV,MAAM,OACN,UAAU,WACV,SACA,eAAe,gBACf,OACA,GAAG,SACD;CACJ,OACE,oBAAC,KAAK,MAAN;EACE,eAAa;EACb,eAAa;EACb,SAAS,YAAY,OAAO;EACvB;EACL,OAAO,SAAS;EAChB,GAAI;EAEH,UAAA;CACQ,CAAA;AAEf,CAAC;AACD,qBAAqB,cAAc;AASnC,IAAM,wBAAwB,YAC3B,EAAE,OAAO,UAAU,GAAG,SAAS,QAAQ;CACtC,OACE,qBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;EAA9B,UAAA,CACE,qBAAC,KAAK,gBAAN,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UAAO,MAAY,CAAA,GACnB,oBAACC,WAAD,EAAiB,MAAK,IAAK,CAAA,CACR,EAAA,CAAA,GACpB,QACa;;AAEpB,CACF;AACA,sBAAsB,cAAc;AAIpC,IAAM,4BAA4B,YAA2D,OAAO,QAAQ;CAC1G,OAAO,oBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;CAAQ,CAAA;AAC/C,CAAC;AACD,0BAA0B,cAAc;AAExC,IAAA,2BAAe,kBAAkB,kBAAkB;CACjD,OAAO;CACP,MAAM;CACN,WAAW;AACb,CAAC"}

package/dist/components/BitkitAvatar/BitkitAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitAvatar.js","names":[],"sources":["../../../lib/components/BitkitAvatar/BitkitAvatar.tsx"],"sourcesContent":["import { Avatar, type AvatarRootProps } from '@chakra-ui/react/avatar';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport avatarSlotRecipe from '../../theme/slot-recipes/Avatar.recipe';\n\nexport type BitkitAvatarProps = Omit<\n  AvatarRootProps,\n  'variant' | 'backgroundColor' | 'background' | 'bg' | 'colorPalette'\n> &\n  (\n    | {\n        variant: 'image';\n        src: string;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'image+icon';\n        src: string;\n        name: string;\n        icon: BitkitIconComponent;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'icon';\n        src?: never;\n        name?: never;\n        icon: BitkitIconComponent;\n        iconColor?: AvatarRootProps['color'];\n        backgroundColor?: AvatarRootProps['color'];\n      }\n    | {\n        variant: 'letters';\n        src?: never;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'user';\n        src: string;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n  );\n\ntype AvatarColorVariant =\n  | 'neutral'\n  | 'purple'\n  | 'indigo'\n  | 'blue'\n  | 'green'\n  | 'yellow'\n  | 'red'\n  | 'orange'\n  | 'turquoise';\n\nconst COLORS = Object.keys(avatarSlotRecipe.variants?.colorVariant || {}) as AvatarColorVariant[];\n\nconst pickPalette = (name?: string): AvatarColorVariant => {\n  if (!name || name.length === 0) return 'neutral';\n  const str = name.trim();\n  return COLORS[(str.charCodeAt(0) + str.charCodeAt(str.length - 1)) % COLORS.length];\n};\n\nconst processFallbackName = (name?: string) => {\n  const str = name?.trim() || '';\n  return str && str.length >= 2 ? `${str[0]} ${str[str.length - 1]}` : str;\n};\n\nconst BitkitAvatar = forwardRef<HTMLDivElement, BitkitAvatarProps>((props, ref) => {\n  const {\n    size,\n    variant,\n    src,\n    name,\n    icon: Icon,\n    colorVariant = pickPalette(name),\n    iconColor,\n    backgroundColor,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'avatar' });\n  const styleVariant = variant === 'user' && ['24', '32', '40', '48'].includes(size as string) ? 'circle' : 'rounded';\n  const styles = recipe({ size, variant: styleVariant });\n  const fallbackName = processFallbackName(name);\n\n  return (\n    <Avatar.Root\n      ref={ref}\n      size={size}\n      variant={styleVariant}\n      colorVariant={colorVariant}\n      backgroundColor={backgroundColor}\n      {...rest}\n    >\n      {!!fallbackName && <Avatar.Fallback name={fallbackName} />}\n      {!!src && <Avatar.Image src={src} />}\n      {!!Icon && variant === 'icon' && <Icon css={styles.icon} color={iconColor} size=\"24\" />}\n      {!!Icon && variant === 'image+icon' && (\n        <Box css={styles.badgeContainer}>\n          <Icon css={styles.badge} size=\"16\" />\n        </Box>\n      )}\n    </Avatar.Root>\n  );\n});\n\nBitkitAvatar.displayName = 'BitkitAvatar';\n\nexport default BitkitAvatar;\n"],"mappings":";;;;;;;AAkEA,IAAM,SAAS,OAAO,KAAK,iBAAiB,UAAU,gBAAgB,CAAC,CAAC;AAExE,IAAM,eAAe,SAAsC;CACzD,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG,OAAO;CACvC,MAAM,MAAM,KAAK,KAAK;CACtB,OAAO,QAAQ,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW,IAAI,SAAS,CAAC,KAAK,OAAO;AAC9E;AAEA,IAAM,uBAAuB,SAAkB;CAC7C,MAAM,MAAM,MAAM,KAAK,KAAK;CAC5B,OAAO,OAAO,IAAI,UAAU,IAAI,GAAG,IAAI,GAAG,GAAG,IAAI,IAAI,SAAS,OAAO;AACvE;AAEA,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EACJ,MACA,SACA,KACA,MACA,MAAM,MACN,eAAe,YAAY,IAAI,GAC/B,WACA,iBACA,GAAG,SACD;CAEJ,MAAM,SAAS,cAAc,EAAE,KAAK,SAAS,CAAC;CAC9C,MAAM,eAAe,YAAY,UAAU;EAAC;EAAM;EAAM;EAAM;CAAI,CAAC,CAAC,SAAS,IAAc,IAAI,WAAW;CAC1G,MAAM,SAAS,OAAO;EAAE;EAAM,SAAS;CAAa,CAAC;CACrD,MAAM,eAAe,oBAAoB,IAAI;CAE7C,OACE,qBAAC,OAAO,MAAR;EACO;EACC;EACN,SAAS;EACK;EACG;EACjB,GAAI;EANN,UAAA;GAQG,CAAC,CAAC,gBAAgB,oBAAC,OAAO,UAAR,EAAiB,MAAM,aAAe,CAAA;GACxD,CAAC,CAAC,OAAO,oBAAC,OAAO,OAAR,EAAmB,IAAM,CAAA;GAClC,CAAC,CAAC,QAAQ,YAAY,UAAU,oBAAC,MAAD;IAAM,KAAK,OAAO;IAAM,OAAO;IAAW,MAAK;GAAM,CAAA;GACrF,CAAC,CAAC,QAAQ,YAAY,gBACrB,oBAAC,KAAD;IAAK,KAAK,OAAO;IACf,UAAA,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAO,MAAK;IAAM,CAAA;GACjC,CAAA;EAEI;;AAEjB,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"BitkitAvatar.js","names":[],"sources":["../../../lib/components/BitkitAvatar/BitkitAvatar.tsx"],"sourcesContent":["import { Avatar, type AvatarRootProps } from '@chakra-ui/react/avatar';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport avatarSlotRecipe from '../../theme/slot-recipes/Avatar.recipe';\n\nexport type BitkitAvatarProps = Omit<\n  AvatarRootProps,\n  'variant' | 'backgroundColor' | 'background' | 'bg' | 'colorPalette'\n> &\n  (\n    | {\n        variant: 'image';\n        src: string;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'image+icon';\n        src: string;\n        name: string;\n        icon: BitkitIconComponent;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'icon';\n        src?: never;\n        name?: never;\n        icon: BitkitIconComponent;\n        iconColor?: AvatarRootProps['color'];\n        backgroundColor?: AvatarRootProps['color'];\n      }\n    | {\n        variant: 'letters';\n        src?: never;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'user';\n        src: string;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n  );\n\ntype AvatarColorVariant =\n  'neutral' | 'purple' | 'indigo' | 'blue' | 'green' | 'yellow' | 'red' | 'orange' | 'turquoise';\n\nconst COLORS = Object.keys(avatarSlotRecipe.variants?.colorVariant || {}) as AvatarColorVariant[];\n\nconst pickPalette = (name?: string): AvatarColorVariant => {\n  if (!name || name.length === 0) return 'neutral';\n  const str = name.trim();\n  return COLORS[(str.charCodeAt(0) + str.charCodeAt(str.length - 1)) % COLORS.length];\n};\n\nconst processFallbackName = (name?: string) => {\n  const str = name?.trim() || '';\n  return str && str.length >= 2 ? `${str[0]} ${str[str.length - 1]}` : str;\n};\n\nconst BitkitAvatar = forwardRef<HTMLDivElement, BitkitAvatarProps>((props, ref) => {\n  const {\n    size,\n    variant,\n    src,\n    name,\n    icon: Icon,\n    colorVariant = pickPalette(name),\n    iconColor,\n    backgroundColor,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'avatar' });\n  const styleVariant = variant === 'user' && ['24', '32', '40', '48'].includes(size as string) ? 'circle' : 'rounded';\n  const styles = recipe({ size, variant: styleVariant });\n  const fallbackName = processFallbackName(name);\n\n  return (\n    <Avatar.Root\n      ref={ref}\n      size={size}\n      variant={styleVariant}\n      colorVariant={colorVariant}\n      backgroundColor={backgroundColor}\n      {...rest}\n    >\n      {!!fallbackName && <Avatar.Fallback name={fallbackName} />}\n      {!!src && <Avatar.Image src={src} />}\n      {!!Icon && variant === 'icon' && <Icon css={styles.icon} color={iconColor} size=\"24\" />}\n      {!!Icon && variant === 'image+icon' && (\n        <Box css={styles.badgeContainer}>\n          <Icon css={styles.badge} size=\"16\" />\n        </Box>\n      )}\n    </Avatar.Root>\n  );\n});\n\nBitkitAvatar.displayName = 'BitkitAvatar';\n\nexport default BitkitAvatar;\n"],"mappings":";;;;;;;AA0DA,IAAM,SAAS,OAAO,KAAK,iBAAiB,UAAU,gBAAgB,CAAC,CAAC;AAExE,IAAM,eAAe,SAAsC;CACzD,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG,OAAO;CACvC,MAAM,MAAM,KAAK,KAAK;CACtB,OAAO,QAAQ,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW,IAAI,SAAS,CAAC,KAAK,OAAO;AAC9E;AAEA,IAAM,uBAAuB,SAAkB;CAC7C,MAAM,MAAM,MAAM,KAAK,KAAK;CAC5B,OAAO,OAAO,IAAI,UAAU,IAAI,GAAG,IAAI,GAAG,GAAG,IAAI,IAAI,SAAS,OAAO;AACvE;AAEA,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EACJ,MACA,SACA,KACA,MACA,MAAM,MACN,eAAe,YAAY,IAAI,GAC/B,WACA,iBACA,GAAG,SACD;CAEJ,MAAM,SAAS,cAAc,EAAE,KAAK,SAAS,CAAC;CAC9C,MAAM,eAAe,YAAY,UAAU;EAAC;EAAM;EAAM;EAAM;CAAI,CAAC,CAAC,SAAS,IAAc,IAAI,WAAW;CAC1G,MAAM,SAAS,OAAO;EAAE;EAAM,SAAS;CAAa,CAAC;CACrD,MAAM,eAAe,oBAAoB,IAAI;CAE7C,OACE,qBAAC,OAAO,MAAR;EACO;EACC;EACN,SAAS;EACK;EACG;EACjB,GAAI;EANN,UAAA;GAQG,CAAC,CAAC,gBAAgB,oBAAC,OAAO,UAAR,EAAiB,MAAM,aAAe,CAAA;GACxD,CAAC,CAAC,OAAO,oBAAC,OAAO,OAAR,EAAmB,IAAM,CAAA;GAClC,CAAC,CAAC,QAAQ,YAAY,UAAU,oBAAC,MAAD;IAAM,KAAK,OAAO;IAAM,OAAO;IAAW,MAAK;GAAM,CAAA;GACrF,CAAC,CAAC,QAAQ,YAAY,gBACrB,oBAAC,KAAD;IAAK,KAAK,OAAO;IACf,UAAA,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAO,MAAK;IAAM,CAAA;GACjC,CAAA;EAEI;;AAEjB,CAAC;AAED,aAAa,cAAc"}

package/dist/components/BitkitButton/BitkitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitButton.js","names":[],"sources":["../../../lib/components/BitkitButton/BitkitButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '@chakra-ui/react/button';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, type HTMLChakraProps, type RecipeProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\ntype BitkitButtonOmittedFromButton =\n  | 'asChild'\n  | 'children'\n  | 'colorPalette'\n  | 'disabled'\n  | 'loading'\n  | 'loadingText'\n  | 'spinner'\n  | 'spinnerPlacement';\n\ninterface BitkitButtonCommonProps {\n  icon?: BitkitIconComponent;\n  suffixIcon?: BitkitIconComponent;\n}\n\nexport interface BitkitButtonAsButtonProps\n  extends BitkitButtonCommonProps, Omit<ButtonProps, BitkitButtonOmittedFromButton> {\n  asChild?: false;\n  children: string;\n  href?: undefined;\n  isExternal?: undefined;\n  state?: 'disabled' | 'loading' | 'skeleton';\n}\n\nexport interface BitkitButtonAsAnchorProps\n  extends BitkitButtonCommonProps, Omit<HTMLChakraProps<'a'>, 'children' | 'colorPalette'>, RecipeProps<'button'> {\n  asChild?: false;\n  children: string;\n  href: string;\n  isExternal?: boolean;\n  state?: 'disabled' | 'skeleton';\n}\n\ninterface BitkitButtonAsChildProps extends BitkitButtonCommonProps, Omit<ButtonProps, BitkitButtonOmittedFromButton> {\n  asChild: true;\n  children: ReactElement;\n  href?: undefined;\n  isExternal?: undefined;\n  state?: 'disabled' | 'loading' | 'skeleton';\n}\n\nexport type BitkitButtonProps = BitkitButtonAsButtonProps | BitkitButtonAsAnchorProps | BitkitButtonAsChildProps;\n\n// The forwarded ref is typed as HTMLElement to cover all three modes (button, anchor, slot/asChild),\n// since asChild can render any element (router Link, custom wrappers, etc.). Inner narrow casts\n// satisfy the wrapped Chakra components without affecting the consumer-visible ref shape.\nconst BitkitButton = forwardRef<HTMLElement, BitkitButtonProps>((props, ref) => {\n  const buttonRecipe = useRecipe({ key: 'button' });\n  const Icon = props.icon;\n  const SuffixIcon = props.suffixIcon;\n  // Resolve the size the recipe would apply before branching on it: an unset `size` reaches us as\n  // `undefined` because the recipe's default lives in CSS, not on the prop. Keep the fallback equal\n  // to `defaultVariants.size` in Button.recipe.ts.\n  const iconSize = (props.size ?? 'lg') === 'lg' ? '24' : '16';\n  const isDisabled = props.state === 'disabled';\n  const isSkeleton = props.state === 'skeleton';\n\n  // --- Slot mode (asChild) ---\n  if (props.asChild) {\n    const { asChild: _asChild, children, icon: _icon, state, suffixIcon: _suffixIcon, ...buttonRest } = props;\n    const onlyChild = Children.only(children) as ReactElement<{ children?: ReactNode }>;\n    const buttonElement = (\n      <Button\n        asChild\n        disabled={isDisabled}\n        loading={state === 'loading'}\n        ref={ref as Ref<HTMLButtonElement>}\n        {...buttonRest}\n      >\n        {cloneElement(\n          onlyChild,\n          undefined,\n          <>\n            {Icon && <Icon marginInlineStart=\"-4\" size={iconSize} />}\n            {onlyChild.props.children}\n            {SuffixIcon && <SuffixIcon marginInlineEnd=\"-4\" size={iconSize} />}\n          </>,\n        )}\n      </Button>\n    );\n    return isSkeleton ? (\n      <Skeleton asChild loading>\n        {buttonElement}\n      </Skeleton>\n    ) : (\n      buttonElement\n    );\n  }\n\n  // --- Anchor mode (href) ---\n  if (props.href !== undefined) {\n    const {\n      children,\n      css,\n      href,\n      icon: _icon,\n      isExternal,\n      onClick,\n      onKeyDown,\n      rel,\n      size,\n      state: _state,\n      suffixIcon: _suffixIcon,\n      target,\n      variant,\n      ...anchorRest\n    } = props;\n    const effectiveTarget = isExternal ? '_blank' : target;\n    const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n    const handleClick = isDisabled\n      ? (e: MouseEvent<HTMLAnchorElement>) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      : onClick;\n    const handleKeyDown = isDisabled\n      ? (e: KeyboardEvent<HTMLAnchorElement>) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n          }\n        }\n      : onKeyDown;\n    const anchorElement = (\n      <chakra.a\n        ref={ref as Ref<HTMLAnchorElement>}\n        {...anchorRest}\n        aria-disabled={isDisabled || undefined}\n        // A native <a> can't be `:disabled`, so mark `data-disabled` too: it's the styling/interaction hook the\n        // recipe's `_hover`/`_active` conditions exclude (`:not(…, [data-disabled])`), while `aria-disabled` stays\n        // for a11y. Without it, hover/active would still match a disabled anchor and override the disabled colors.\n        css={[buttonRecipe({ size, variant }), css]}\n        data-disabled={isDisabled || undefined}\n        href={isDisabled ? undefined : href}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        rel={effectiveRel}\n        target={effectiveTarget}\n      >\n        {Icon && <Icon marginInlineStart=\"-4\" size={iconSize} />}\n        {children}\n        {SuffixIcon && <SuffixIcon marginInlineEnd=\"-4\" size={iconSize} />}\n      </chakra.a>\n    );\n    return isSkeleton ? (\n      <Skeleton asChild loading>\n        {anchorElement}\n      </Skeleton>\n    ) : (\n      anchorElement\n    );\n  }\n\n  // --- Button mode (default) ---\n  const { children, icon: _icon, state, suffixIcon: _suffixIcon, ...buttonRest } = props;\n  return (\n    <Skeleton asChild loading={isSkeleton}>\n      <Button disabled={isDisabled} loading={state === 'loading'} ref={ref as Ref<HTMLButtonElement>} {...buttonRest}>\n        {Icon && <Icon marginInlineStart=\"-4\" size={iconSize} />}\n        {children}\n        {SuffixIcon && <SuffixIcon marginInlineEnd=\"-4\" size={iconSize} />}\n      </Button>\n    </Skeleton>\n  );\n});\n\nBitkitButton.displayName = 'BitkitButton';\n\nexport default BitkitButton;\n"],"mappings":";;;;;;AA8DA,IAAM,eAAe,YAA4C,OAAO,QAAQ;CAC9E,MAAM,eAAe,UAAU,EAAE,KAAK,SAAS,CAAC;CAChD,MAAM,OAAO,MAAM;CACnB,MAAM,aAAa,MAAM;CAIzB,MAAM,YAAY,MAAM,QAAQ,UAAU,OAAO,OAAO;CACxD,MAAM,aAAa,MAAM,UAAU;CACnC,MAAM,aAAa,MAAM,UAAU;CAGnC,IAAI,MAAM,SAAS;EACjB,MAAM,EAAE,SAAS,UAAU,UAAU,MAAM,OAAO,OAAO,YAAY,aAAa,GAAG,eAAe;EACpG,MAAM,YAAY,SAAS,KAAK,QAAQ;EACxC,MAAM,gBACJ,oBAAC,QAAD;GACE,SAAA;GACA,UAAU;GACV,SAAS,UAAU;GACd;GACL,GAAI;GAEH,UAAA,aACC,WACA,KAAA,GACA,qBAAA,YAAA,EAAA,UAAA;IACG,QAAQ,oBAAC,MAAD;KAAM,mBAAkB;KAAK,MAAM;IAAW,CAAA;IACtD,UAAU,MAAM;IAChB,cAAc,oBAAC,YAAD;KAAY,iBAAgB;KAAK,MAAM;IAAW,CAAA;GACjE,EAAA,CAAA,CACJ;EACM,CAAA;EAEV,OAAO,aACL,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAA;GACf,UAAA;EACO,CAAA,IAEV;CAEJ;CAGA,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,UACA,KACA,MACA,MAAM,OACN,YACA,SACA,WACA,KACA,MACA,OAAO,QACP,YAAY,aACZ,QACA,SACA,GAAG,eACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,MAAM,cAAc,cACf,MAAqC;GACpC,EAAE,eAAe;GACjB,EAAE,gBAAgB;EACpB,IACA;EACJ,MAAM,gBAAgB,cACjB,MAAwC;GACvC,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;IACtC,EAAE,eAAe;IACjB,EAAE,gBAAgB;GACpB;EACF,IACA;EACJ,MAAM,gBACJ,qBAAC,OAAO,GAAR;GACO;GACL,GAAI;GACJ,iBAAe,cAAc,KAAA;GAI7B,KAAK,CAAC,aAAa;IAAE;IAAM;GAAQ,CAAC,GAAG,GAAG;GAC1C,iBAAe,cAAc,KAAA;GAC7B,MAAM,aAAa,KAAA,IAAY;GAC/B,SAAS;GACT,WAAW;GACX,KAAK;GACL,QAAQ;GAbV,UAAA;IAeG,QAAQ,oBAAC,MAAD;KAAM,mBAAkB;KAAK,MAAM;IAAW,CAAA;IACtD;IACA,cAAc,oBAAC,YAAD;KAAY,iBAAgB;KAAK,MAAM;IAAW,CAAA;GACzD;;EAEZ,OAAO,aACL,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAA;GACf,UAAA;EACO,CAAA,IAEV;CAEJ;CAGA,MAAM,EAAE,UAAU,MAAM,OAAO,OAAO,YAAY,aAAa,GAAG,eAAe;CACjF,OACE,oBAAC,UAAD;EAAU,SAAA;EAAQ,SAAS;EACzB,UAAA,qBAAC,QAAD;GAAQ,UAAU;GAAY,SAAS,UAAU;GAAgB;GAA+B,GAAI;GAApG,UAAA;IACG,QAAQ,oBAAC,MAAD;KAAM,mBAAkB;KAAK,MAAM;IAAW,CAAA;IACtD;IACA,cAAc,oBAAC,YAAD;KAAY,iBAAgB;KAAK,MAAM;IAAW,CAAA;GAC3D;;CACA,CAAA;AAEd,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"BitkitButton.js","names":["_Fragment"],"sources":["../../../lib/components/BitkitButton/BitkitButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '@chakra-ui/react/button';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, type HTMLChakraProps, type RecipeProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\ntype BitkitButtonOmittedFromButton =\n  'asChild' | 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement';\n\ninterface BitkitButtonCommonProps {\n  icon?: BitkitIconComponent;\n  suffixIcon?: BitkitIconComponent;\n}\n\nexport interface BitkitButtonAsButtonProps\n  extends BitkitButtonCommonProps, Omit<ButtonProps, BitkitButtonOmittedFromButton> {\n  asChild?: false;\n  children: string;\n  href?: undefined;\n  isExternal?: undefined;\n  state?: 'disabled' | 'loading' | 'skeleton';\n}\n\nexport interface BitkitButtonAsAnchorProps\n  extends BitkitButtonCommonProps, Omit<HTMLChakraProps<'a'>, 'children' | 'colorPalette'>, RecipeProps<'button'> {\n  asChild?: false;\n  children: string;\n  href: string;\n  isExternal?: boolean;\n  state?: 'disabled' | 'skeleton';\n}\n\ninterface BitkitButtonAsChildProps extends BitkitButtonCommonProps, Omit<ButtonProps, BitkitButtonOmittedFromButton> {\n  asChild: true;\n  children: ReactElement;\n  href?: undefined;\n  isExternal?: undefined;\n  state?: 'disabled' | 'loading' | 'skeleton';\n}\n\nexport type BitkitButtonProps = BitkitButtonAsButtonProps | BitkitButtonAsAnchorProps | BitkitButtonAsChildProps;\n\n// The forwarded ref is typed as HTMLElement to cover all three modes (button, anchor, slot/asChild),\n// since asChild can render any element (router Link, custom wrappers, etc.). Inner narrow casts\n// satisfy the wrapped Chakra components without affecting the consumer-visible ref shape.\nconst BitkitButton = forwardRef<HTMLElement, BitkitButtonProps>((props, ref) => {\n  const buttonRecipe = useRecipe({ key: 'button' });\n  const Icon = props.icon;\n  const SuffixIcon = props.suffixIcon;\n  // Resolve the size the recipe would apply before branching on it: an unset `size` reaches us as\n  // `undefined` because the recipe's default lives in CSS, not on the prop. Keep the fallback equal\n  // to `defaultVariants.size` in Button.recipe.ts.\n  const iconSize = (props.size ?? 'lg') === 'lg' ? '24' : '16';\n  const isDisabled = props.state === 'disabled';\n  const isSkeleton = props.state === 'skeleton';\n\n  // --- Slot mode (asChild) ---\n  if (props.asChild) {\n    const { asChild: _asChild, children, icon: _icon, state, suffixIcon: _suffixIcon, ...buttonRest } = props;\n    const onlyChild = Children.only(children) as ReactElement<{ children?: ReactNode }>;\n    const buttonElement = (\n      <Button\n        asChild\n        disabled={isDisabled}\n        loading={state === 'loading'}\n        ref={ref as Ref<HTMLButtonElement>}\n        {...buttonRest}\n      >\n        {cloneElement(\n          onlyChild,\n          undefined,\n          <>\n            {Icon && <Icon marginInlineStart=\"-4\" size={iconSize} />}\n            {onlyChild.props.children}\n            {SuffixIcon && <SuffixIcon marginInlineEnd=\"-4\" size={iconSize} />}\n          </>,\n        )}\n      </Button>\n    );\n    return isSkeleton ? (\n      <Skeleton asChild loading>\n        {buttonElement}\n      </Skeleton>\n    ) : (\n      buttonElement\n    );\n  }\n\n  // --- Anchor mode (href) ---\n  if (props.href !== undefined) {\n    const {\n      children,\n      css,\n      href,\n      icon: _icon,\n      isExternal,\n      onClick,\n      onKeyDown,\n      rel,\n      size,\n      state: _state,\n      suffixIcon: _suffixIcon,\n      target,\n      variant,\n      ...anchorRest\n    } = props;\n    const effectiveTarget = isExternal ? '_blank' : target;\n    const effectiveRel = isExternal ? (rel ? `${rel} noreferrer noopener` : 'noreferrer noopener') : rel;\n    const handleClick = isDisabled\n      ? (e: MouseEvent<HTMLAnchorElement>) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      : onClick;\n    const handleKeyDown = isDisabled\n      ? (e: KeyboardEvent<HTMLAnchorElement>) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n          }\n        }\n      : onKeyDown;\n    const anchorElement = (\n      <chakra.a\n        ref={ref as Ref<HTMLAnchorElement>}\n        {...anchorRest}\n        aria-disabled={isDisabled || undefined}\n        // A native <a> can't be `:disabled`, so mark `data-disabled` too: it's the styling/interaction hook the\n        // recipe's `_hover`/`_active` conditions exclude (`:not(…, [data-disabled])`), while `aria-disabled` stays\n        // for a11y. Without it, hover/active would still match a disabled anchor and override the disabled colors.\n        css={[buttonRecipe({ size, variant }), css]}\n        data-disabled={isDisabled || undefined}\n        href={isDisabled ? undefined : href}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        rel={effectiveRel}\n        target={effectiveTarget}\n      >\n        {Icon && <Icon marginInlineStart=\"-4\" size={iconSize} />}\n        {children}\n        {SuffixIcon && <SuffixIcon marginInlineEnd=\"-4\" size={iconSize} />}\n      </chakra.a>\n    );\n    return isSkeleton ? (\n      <Skeleton asChild loading>\n        {anchorElement}\n      </Skeleton>\n    ) : (\n      anchorElement\n    );\n  }\n\n  // --- Button mode (default) ---\n  const { children, icon: _icon, state, suffixIcon: _suffixIcon, ...buttonRest } = props;\n  return (\n    <Skeleton asChild loading={isSkeleton}>\n      <Button disabled={isDisabled} loading={state === 'loading'} ref={ref as Ref<HTMLButtonElement>} {...buttonRest}>\n        {Icon && <Icon marginInlineStart=\"-4\" size={iconSize} />}\n        {children}\n        {SuffixIcon && <SuffixIcon marginInlineEnd=\"-4\" size={iconSize} />}\n      </Button>\n    </Skeleton>\n  );\n});\n\nBitkitButton.displayName = 'BitkitButton';\n\nexport default BitkitButton;\n"],"mappings":";;;;;;AAuDA,IAAM,eAAe,YAA4C,OAAO,QAAQ;CAC9E,MAAM,eAAe,UAAU,EAAE,KAAK,SAAS,CAAC;CAChD,MAAM,OAAO,MAAM;CACnB,MAAM,aAAa,MAAM;CAIzB,MAAM,YAAY,MAAM,QAAQ,UAAU,OAAO,OAAO;CACxD,MAAM,aAAa,MAAM,UAAU;CACnC,MAAM,aAAa,MAAM,UAAU;CAGnC,IAAI,MAAM,SAAS;EACjB,MAAM,EAAE,SAAS,UAAU,UAAU,MAAM,OAAO,OAAO,YAAY,aAAa,GAAG,eAAe;EACpG,MAAM,YAAY,SAAS,KAAK,QAAQ;EACxC,MAAM,gBACJ,oBAAC,QAAD;GACE,SAAA;GACA,UAAU;GACV,SAAS,UAAU;GACd;GACL,GAAI;GAEH,UAAA,aACC,WACA,KAAA,GACA,qBAAAA,YAAA,EAAA,UAAA;IACG,QAAQ,oBAAC,MAAD;KAAM,mBAAkB;KAAK,MAAM;IAAW,CAAA;IACtD,UAAU,MAAM;IAChB,cAAc,oBAAC,YAAD;KAAY,iBAAgB;KAAK,MAAM;IAAW,CAAA;GACjE,EAAA,CAAA,CACJ;EACM,CAAA;EAEV,OAAO,aACL,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAA;GACf,UAAA;EACO,CAAA,IAEV;CAEJ;CAGA,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EACJ,UACA,KACA,MACA,MAAM,OACN,YACA,SACA,WACA,KACA,MACA,OAAO,QACP,YAAY,aACZ,QACA,SACA,GAAG,eACD;EACJ,MAAM,kBAAkB,aAAa,WAAW;EAChD,MAAM,eAAe,aAAc,MAAM,GAAG,IAAI,wBAAwB,wBAAyB;EACjG,MAAM,cAAc,cACf,MAAqC;GACpC,EAAE,eAAe;GACjB,EAAE,gBAAgB;EACpB,IACA;EACJ,MAAM,gBAAgB,cACjB,MAAwC;GACvC,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;IACtC,EAAE,eAAe;IACjB,EAAE,gBAAgB;GACpB;EACF,IACA;EACJ,MAAM,gBACJ,qBAAC,OAAO,GAAR;GACO;GACL,GAAI;GACJ,iBAAe,cAAc,KAAA;GAI7B,KAAK,CAAC,aAAa;IAAE;IAAM;GAAQ,CAAC,GAAG,GAAG;GAC1C,iBAAe,cAAc,KAAA;GAC7B,MAAM,aAAa,KAAA,IAAY;GAC/B,SAAS;GACT,WAAW;GACX,KAAK;GACL,QAAQ;GAbV,UAAA;IAeG,QAAQ,oBAAC,MAAD;KAAM,mBAAkB;KAAK,MAAM;IAAW,CAAA;IACtD;IACA,cAAc,oBAAC,YAAD;KAAY,iBAAgB;KAAK,MAAM;IAAW,CAAA;GACzD;;EAEZ,OAAO,aACL,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAA;GACf,UAAA;EACO,CAAA,IAEV;CAEJ;CAGA,MAAM,EAAE,UAAU,MAAM,OAAO,OAAO,YAAY,aAAa,GAAG,eAAe;CACjF,OACE,oBAAC,UAAD;EAAU,SAAA;EAAQ,SAAS;EACzB,UAAA,qBAAC,QAAD;GAAQ,UAAU;GAAY,SAAS,UAAU;GAAgB;GAA+B,GAAI;GAApG,UAAA;IACG,QAAQ,oBAAC,MAAD;KAAM,mBAAkB;KAAK,MAAM;IAAW,CAAA;IACtD;IACA,cAAc,oBAAC,YAAD;KAAY,iBAAgB;KAAK,MAAM;IAAW,CAAA;GAC3D;;CACA,CAAA;AAEd,CAAC;AAED,aAAa,cAAc"}

package/dist/components/BitkitCalendar/BitkitCalendar.d.ts

@@ -1,25 +1,13 @@
 import { ReactNode } from 'react';
 export interface BitkitCalendarProps {
     children?: ReactNode;
-    /** Text for a day's tooltip, e.g. why it can't be picked. Return `undefined` for no tooltip. */
-    dayTooltip?: (date: Date) => string | undefined;
     defaultValue?: Date | Date[] | null;
     device?: 'desktop' | 'mobile';
-    /**
-     * Content under the month grid, inside the calendar card — e.g. Clear/Apply buttons that commit
-     * the selection. With a footer, picking a range no longer closes the popover; closing is up to it.
-     */
-    footer?: ReactNode;
     layout?: '1-month' | '2-month';
     max?: Date;
     min?: Date;
-    /** Called when the popover opens or closes. Pair it with `open` to control it. */
-    onOpenChange?: (open: boolean) => void;
     onValueChange?: (value: Date[] | null) => void;
-    /** Controls whether the popover is open. Only applies with a trigger (`children`). */
-    open?: boolean;
     selectionMode?: 'day' | 'range';
-    /** Shows the days of the neighbouring months. Defaults to `true` on the `1-month` layout, `false` on `2-month`. */
     showOutsideDays?: boolean;
     showSelectedDate?: boolean;
     value?: Date[] | null;

package/dist/components/BitkitCalendar/BitkitCalendar.js

@@ -7,15 +7,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
 //#region lib/components/BitkitCalendar/BitkitCalendar.tsx
 var BitkitCalendar = forwardRef((props, ref) => {
-	const { children, dayTooltip, defaultValue, device = "desktop", footer, layout = "1-month", selectionMode = "range", min, max, onOpenChange, onValueChange, open, showOutsideDays: showOutsideDaysProp, showSelectedDate = false, value: inputValue, ...rest } = props;
+	const { children, defaultValue, device = "desktop", layout, selectionMode = "range", min, max, onValueChange, showOutsideDays: showOutsideDaysProp = false, showSelectedDate = false, value: inputValue, ...rest } = props;
 	const minCalendarDate = useMemo(() => min ? dateToCalendarDate(min) : void 0, [min]);
 	const maxCalendarDate = useMemo(() => max ? dateToCalendarDate(max) : void 0, [max]);
 	const value = inputValue?.map(dateToCalendarDate);
 	const inline = !children;
 	const content = /* @__PURE__ */ jsx(CalendarContent, {
-		dayTooltip,
-		device,
-		footer,
 		layout,
 		max: maxCalendarDate,
 		min: minCalendarDate,
@@ -24,13 +21,10 @@ var BitkitCalendar = forwardRef((props, ref) => {
 	});
 	const showOutsideDays = showOutsideDaysProp ?? layout === "1-month";
 	return /* @__PURE__ */ jsxs(DatePicker.Root, {
-		closeOnSelect: !footer,
 		defaultValue: defaultValue instanceof Array ? defaultValue.map(dateToCalendarDate) : defaultValue ? [dateToCalendarDate(defaultValue)] : void 0,
 		device,
 		layout,
 		numOfMonths: layout === "2-month" ? 2 : 1,
-		onOpenChange: onOpenChange ? (details) => onOpenChange(details.open) : void 0,
-		open,
 		ref,
 		inline,
 		min: minCalendarDate,

package/dist/components/BitkitCalendar/BitkitCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitCalendar.js","names":[],"sources":["../../../lib/components/BitkitCalendar/BitkitCalendar.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { forwardRef, type ReactNode, useMemo } from 'react';\n\nimport { DatePicker } from '../../atoms/DatePicker/DatePicker';\nimport { calendarDateToDate, dateToCalendarDate } from './Calendar.utils';\nimport CalendarContent from './components/CalendarContent';\nimport CalendarTrigger from './components/CalendarTrigger';\n\nexport interface BitkitCalendarProps {\n  children?: ReactNode;\n  /** Text for a day's tooltip, e.g. why it can't be picked. Return `undefined` for no tooltip. */\n  dayTooltip?: (date: Date) => string | undefined;\n  defaultValue?: Date | Date[] | null;\n  device?: 'desktop' | 'mobile';\n  /**\n   * Content under the month grid, inside the calendar card — e.g. Clear/Apply buttons that commit\n   * the selection. With a footer, picking a range no longer closes the popover; closing is up to it.\n   */\n  footer?: ReactNode;\n  layout?: '1-month' | '2-month';\n  max?: Date;\n  min?: Date;\n  /** Called when the popover opens or closes. Pair it with `open` to control it. */\n  onOpenChange?: (open: boolean) => void;\n  onValueChange?: (value: Date[] | null) => void;\n  /** Controls whether the popover is open. Only applies with a trigger (`children`). */\n  open?: boolean;\n  selectionMode?: 'day' | 'range';\n  /** Shows the days of the neighbouring months. Defaults to `true` on the `1-month` layout, `false` on `2-month`. */\n  showOutsideDays?: boolean;\n  showSelectedDate?: boolean;\n  value?: Date[] | null;\n}\n\nconst BitkitCalendar = forwardRef<HTMLDivElement, BitkitCalendarProps>((props, ref) => {\n  const {\n    children,\n    dayTooltip,\n    defaultValue,\n    device = 'desktop',\n    footer,\n    layout = '1-month',\n    selectionMode = 'range',\n    min,\n    max,\n    onOpenChange,\n    onValueChange,\n    open,\n    showOutsideDays: showOutsideDaysProp,\n    showSelectedDate = false,\n    value: inputValue,\n    ...rest\n  } = props;\n\n  const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n  const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n  const value = inputValue?.map(dateToCalendarDate);\n\n  const inline = !children;\n\n  const content = (\n    <CalendarContent\n      dayTooltip={dayTooltip}\n      device={device}\n      footer={footer}\n      layout={layout}\n      max={maxCalendarDate}\n      min={minCalendarDate}\n      selectionMode={selectionMode}\n      showSelectedDate={showSelectedDate}\n    />\n  );\n\n  const showOutsideDays = showOutsideDaysProp ?? layout === '1-month';\n\n  return (\n    <DatePicker.Root\n      closeOnSelect={!footer}\n      defaultValue={\n        defaultValue instanceof Array\n          ? defaultValue.map(dateToCalendarDate)\n          : defaultValue\n            ? [dateToCalendarDate(defaultValue)]\n            : undefined\n      }\n      device={device}\n      layout={layout}\n      numOfMonths={layout === '2-month' ? 2 : 1}\n      onOpenChange={onOpenChange ? (details) => onOpenChange(details.open) : undefined}\n      open={open}\n      ref={ref}\n      inline={inline}\n      min={minCalendarDate}\n      max={maxCalendarDate}\n      onValueChange={\n        onValueChange\n          ? (details) => {\n              const dates = details.value?.map(calendarDateToDate) || null;\n              onValueChange(dates);\n            }\n          : undefined\n      }\n      selectionMode={selectionMode === 'day' ? 'single' : 'range'}\n      showOutsideDays={showOutsideDays}\n      startOfWeek={1}\n      value={value}\n      {...rest}\n    >\n      {!inline && (\n        <DatePicker.Control>\n          <CalendarTrigger>{children}</CalendarTrigger>\n        </DatePicker.Control>\n      )}\n      {inline ? (\n        content\n      ) : (\n        <Portal>\n          <DatePicker.Positioner>{content}</DatePicker.Positioner>\n        </Portal>\n      )}\n    </DatePicker.Root>\n  );\n});\n\nBitkitCalendar.displayName = 'BitkitCalendar';\n\nexport default BitkitCalendar;\n"],"mappings":";;;;;;;;AAkCA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EACJ,UACA,YACA,cACA,SAAS,WACT,QACA,SAAS,WACT,gBAAgB,SAChB,KACA,KACA,cACA,eACA,MACA,iBAAiB,qBACjB,mBAAmB,OACnB,OAAO,YACP,GAAG,SACD;CAEJ,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,GAAG,IAAI,KAAA,GAAY,CAAC,GAAG,CAAC;CACxF,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,GAAG,IAAI,KAAA,GAAY,CAAC,GAAG,CAAC;CAExF,MAAM,QAAQ,YAAY,IAAI,kBAAkB;CAEhD,MAAM,SAAS,CAAC;CAEhB,MAAM,UACJ,oBAAC,iBAAD;EACc;EACJ;EACA;EACA;EACR,KAAK;EACL,KAAK;EACU;EACG;CACnB,CAAA;CAGH,MAAM,kBAAkB,uBAAuB,WAAW;CAE1D,OACE,qBAAC,WAAW,MAAZ;EACE,eAAe,CAAC;EAChB,cACE,wBAAwB,QACpB,aAAa,IAAI,kBAAkB,IACnC,eACE,CAAC,mBAAmB,YAAY,CAAC,IACjC,KAAA;EAEA;EACA;EACR,aAAa,WAAW,YAAY,IAAI;EACxC,cAAc,gBAAgB,YAAY,aAAa,QAAQ,IAAI,IAAI,KAAA;EACjE;EACD;EACG;EACR,KAAK;EACL,KAAK;EACL,eACE,iBACK,YAAY;GACX,MAAM,QAAQ,QAAQ,OAAO,IAAI,kBAAkB,KAAK;GACxD,cAAc,KAAK;EACrB,IACA,KAAA;EAEN,eAAe,kBAAkB,QAAQ,WAAW;EACnC;EACjB,aAAa;EACN;EACP,GAAI;EA9BN,UAAA,CAgCG,CAAC,UACA,oBAAC,WAAW,SAAZ,EAAA,UACE,oBAAC,iBAAD,EAAkB,SAA0B,CAAA,EAC1B,CAAA,GAErB,SACC,UAEA,oBAAC,QAAD,EAAA,UACE,oBAAC,WAAW,YAAZ,EAAA,UAAwB,QAA+B,CAAA,EACjD,CAAA,CAEK;;AAErB,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"BitkitCalendar.js","names":[],"sources":["../../../lib/components/BitkitCalendar/BitkitCalendar.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { forwardRef, type ReactNode, useMemo } from 'react';\n\nimport { DatePicker } from '../../atoms/DatePicker/DatePicker';\nimport { calendarDateToDate, dateToCalendarDate } from './Calendar.utils';\nimport CalendarContent from './components/CalendarContent';\nimport CalendarTrigger from './components/CalendarTrigger';\n\nexport interface BitkitCalendarProps {\n  children?: ReactNode;\n  defaultValue?: Date | Date[] | null;\n  device?: 'desktop' | 'mobile';\n  layout?: '1-month' | '2-month';\n  max?: Date;\n  min?: Date;\n  onValueChange?: (value: Date[] | null) => void;\n  selectionMode?: 'day' | 'range';\n  showOutsideDays?: boolean;\n  showSelectedDate?: boolean;\n  value?: Date[] | null;\n}\n\nconst BitkitCalendar = forwardRef<HTMLDivElement, BitkitCalendarProps>((props, ref) => {\n  const {\n    children,\n    defaultValue,\n    device = 'desktop',\n    layout,\n    selectionMode = 'range',\n    min,\n    max,\n    onValueChange,\n    showOutsideDays: showOutsideDaysProp = false,\n    showSelectedDate = false,\n    value: inputValue,\n    ...rest\n  } = props;\n\n  const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n  const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n  const value = inputValue?.map(dateToCalendarDate);\n\n  const inline = !children;\n\n  const content = (\n    <CalendarContent\n      layout={layout}\n      max={maxCalendarDate}\n      min={minCalendarDate}\n      selectionMode={selectionMode}\n      showSelectedDate={showSelectedDate}\n    />\n  );\n\n  const showOutsideDays = showOutsideDaysProp ?? layout === '1-month';\n\n  return (\n    <DatePicker.Root\n      defaultValue={\n        defaultValue instanceof Array\n          ? defaultValue.map(dateToCalendarDate)\n          : defaultValue\n            ? [dateToCalendarDate(defaultValue)]\n            : undefined\n      }\n      device={device}\n      layout={layout}\n      numOfMonths={layout === '2-month' ? 2 : 1}\n      ref={ref}\n      inline={inline}\n      min={minCalendarDate}\n      max={maxCalendarDate}\n      onValueChange={\n        onValueChange\n          ? (details) => {\n              const dates = details.value?.map(calendarDateToDate) || null;\n              onValueChange(dates);\n            }\n          : undefined\n      }\n      selectionMode={selectionMode === 'day' ? 'single' : 'range'}\n      showOutsideDays={showOutsideDays}\n      startOfWeek={1}\n      value={value}\n      {...rest}\n    >\n      {!inline && (\n        <DatePicker.Control>\n          <CalendarTrigger>{children}</CalendarTrigger>\n        </DatePicker.Control>\n      )}\n      {inline ? (\n        content\n      ) : (\n        <Portal>\n          <DatePicker.Positioner>{content}</DatePicker.Positioner>\n        </Portal>\n      )}\n    </DatePicker.Root>\n  );\n});\n\nBitkitCalendar.displayName = 'BitkitCalendar';\n\nexport default BitkitCalendar;\n"],"mappings":";;;;;;;;AAsBA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EACJ,UACA,cACA,SAAS,WACT,QACA,gBAAgB,SAChB,KACA,KACA,eACA,iBAAiB,sBAAsB,OACvC,mBAAmB,OACnB,OAAO,YACP,GAAG,SACD;CAEJ,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,GAAG,IAAI,KAAA,GAAY,CAAC,GAAG,CAAC;CACxF,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,GAAG,IAAI,KAAA,GAAY,CAAC,GAAG,CAAC;CAExF,MAAM,QAAQ,YAAY,IAAI,kBAAkB;CAEhD,MAAM,SAAS,CAAC;CAEhB,MAAM,UACJ,oBAAC,iBAAD;EACU;EACR,KAAK;EACL,KAAK;EACU;EACG;CACnB,CAAA;CAGH,MAAM,kBAAkB,uBAAuB,WAAW;CAE1D,OACE,qBAAC,WAAW,MAAZ;EACE,cACE,wBAAwB,QACpB,aAAa,IAAI,kBAAkB,IACnC,eACE,CAAC,mBAAmB,YAAY,CAAC,IACjC,KAAA;EAEA;EACA;EACR,aAAa,WAAW,YAAY,IAAI;EACnC;EACG;EACR,KAAK;EACL,KAAK;EACL,eACE,iBACK,YAAY;GACX,MAAM,QAAQ,QAAQ,OAAO,IAAI,kBAAkB,KAAK;GACxD,cAAc,KAAK;EACrB,IACA,KAAA;EAEN,eAAe,kBAAkB,QAAQ,WAAW;EACnC;EACjB,aAAa;EACN;EACP,GAAI;EA3BN,UAAA,CA6BG,CAAC,UACA,oBAAC,WAAW,SAAZ,EAAA,UACE,oBAAC,iBAAD,EAAkB,SAA0B,CAAA,EAC1B,CAAA,GAErB,SACC,UAEA,oBAAC,QAAD,EAAA,UACE,oBAAC,WAAW,YAAZ,EAAA,UAAwB,QAA+B,CAAA,EACjD,CAAA,CAEK;;AAErB,CAAC;AAED,eAAe,cAAc"}

package/dist/components/BitkitCalendar/components/CalendarContent.d.ts

@@ -1,9 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
-import { ReactNode } from 'react';
 export interface CalendarContentProps {
-    dayTooltip?: (date: Date) => string | undefined;
-    device?: 'desktop' | 'mobile';
-    footer?: ReactNode;
     layout?: '1-month' | '2-month';
     max?: CalendarDate;
     min?: CalendarDate;
@@ -14,5 +10,5 @@ export interface CalendarContentProps {
  * The styled popover body shared by BitkitCalendar and BitkitDatePicker.
  * Renders the view controls, month grids and footer inside `DatePicker.Content`.
  */
-declare const CalendarContent: ({ dayTooltip, device, footer, layout, max, min, selectionMode, showSelectedDate, }: CalendarContentProps) => import('react').JSX.Element;
+declare const CalendarContent: ({ layout, max, min, selectionMode, showSelectedDate }: CalendarContentProps) => import('react').JSX.Element;
 export default CalendarContent;

package/dist/components/BitkitCalendar/components/CalendarContent.js

@@ -13,7 +13,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * The styled popover body shared by BitkitCalendar and BitkitDatePicker.
 * Renders the view controls, month grids and footer inside `DatePicker.Content`.
 */
-var CalendarContent = ({ dayTooltip, device, footer, layout, max, min, selectionMode, showSelectedDate }) => {
+var CalendarContent = ({ layout, max, min, selectionMode, showSelectedDate }) => {
 	const context = useDatePickerContext();
 	const prevModeRef = useRef(selectionMode);
 	useEffect(() => {
@@ -22,70 +22,53 @@ var CalendarContent = ({ dayTooltip, device, footer, layout, max, min, selection
 			prevModeRef.current = selectionMode;
 		}
 	}, [selectionMode]);
-	return /* @__PURE__ */ jsxs(DatePicker.Content, { children: [
-		/* @__PURE__ */ jsxs(DatePicker.View, {
-			view: "day",
-			children: [/* @__PURE__ */ jsxs(DatePicker.ViewControl, { children: [/* @__PURE__ */ jsxs(Box, {
-				display: "flex",
-				alignItems: "center",
-				gap: "12",
-				minWidth: "0",
-				children: [
-					/* @__PURE__ */ jsx(CalendarPrevTrigger, { device }),
-					/* @__PURE__ */ jsxs(Box, {
-						display: "flex",
-						alignItems: "center",
-						minWidth: "0",
-						children: [/* @__PURE__ */ jsx(CalendarMonthSelect, {
-							device,
-							offset: 0,
-							layout,
-							max,
-							min
-						}), /* @__PURE__ */ jsx(CalendarYearSelect, {
-							device,
-							monthOffset: 0,
-							max,
-							min
-						})]
-					}),
-					layout === "1-month" && /* @__PURE__ */ jsx(CalendarNextTrigger, { device })
-				]
-			}), layout === "2-month" && /* @__PURE__ */ jsxs(Box, {
-				display: "flex",
-				alignItems: "center",
-				gap: "12",
-				minWidth: "0",
-				children: [
-					/* @__PURE__ */ jsx(CalendarMonthSelect, {
-						device,
-						offset: 1,
+	return /* @__PURE__ */ jsxs(DatePicker.Content, { children: [/* @__PURE__ */ jsxs(DatePicker.View, {
+		view: "day",
+		children: [/* @__PURE__ */ jsxs(DatePicker.ViewControl, { children: [/* @__PURE__ */ jsxs(Box, {
+			display: "flex",
+			alignItems: "center",
+			gap: "12",
+			children: [
+				/* @__PURE__ */ jsx(CalendarPrevTrigger, {}),
+				/* @__PURE__ */ jsxs(Box, {
+					display: "flex",
+					alignItems: "center",
+					children: [/* @__PURE__ */ jsx(CalendarMonthSelect, {
+						offset: 0,
 						layout,
 						max,
 						min
-					}),
-					/* @__PURE__ */ jsx(CalendarYearSelect, {
-						device,
-						monthOffset: 1,
+					}), /* @__PURE__ */ jsx(CalendarYearSelect, {
+						monthOffset: 0,
 						max,
 						min
-					}),
-					/* @__PURE__ */ jsx(CalendarNextTrigger, { device })
-				]
-			})] }), /* @__PURE__ */ jsxs(DatePicker.Months, { children: [/* @__PURE__ */ jsx(CalendarMonth, {
-				dayTooltip,
-				monthsIndex: 0
-			}), layout === "2-month" && /* @__PURE__ */ jsx(CalendarMonth, {
-				dayTooltip,
-				monthsIndex: 1
-			})] })]
-		}),
-		/* @__PURE__ */ jsx(CalendarFooter, {
-			selectionMode,
-			showSelectedDate
-		}),
-		footer
-	] });
+					})]
+				}),
+				layout === "1-month" && /* @__PURE__ */ jsx(CalendarNextTrigger, {})
+			]
+		}), layout === "2-month" && /* @__PURE__ */ jsxs(Box, {
+			display: "flex",
+			alignItems: "center",
+			gap: "12",
+			children: [
+				/* @__PURE__ */ jsx(CalendarMonthSelect, {
+					offset: 1,
+					layout,
+					max,
+					min
+				}),
+				/* @__PURE__ */ jsx(CalendarYearSelect, {
+					monthOffset: 1,
+					max,
+					min
+				}),
+				/* @__PURE__ */ jsx(CalendarNextTrigger, {})
+			]
+		})] }), /* @__PURE__ */ jsxs(DatePicker.Months, { children: [/* @__PURE__ */ jsx(CalendarMonth, { monthsIndex: 0 }), layout === "2-month" && /* @__PURE__ */ jsx(CalendarMonth, { monthsIndex: 1 })] })]
+	}), /* @__PURE__ */ jsx(CalendarFooter, {
+		selectionMode,
+		showSelectedDate
+	})] });
 };
 //#endregion
 export { CalendarContent as default };

package/dist/components/BitkitCalendar/components/CalendarContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarContent.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type CalendarDate } from '@internationalized/date';\nimport { type ReactNode, useEffect, useRef } from 'react';\n\nimport { DatePicker, useDatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport CalendarFooter from './CalendarFooter';\nimport CalendarMonth from './CalendarMonth';\nimport CalendarMonthSelect from './CalendarMonthSelect';\nimport CalendarNextTrigger from './CalendarNextTrigger';\nimport CalendarPrevTrigger from './CalendarPrevTrigger';\nimport CalendarYearSelect from './CalendarYearSelect';\n\nexport interface CalendarContentProps {\n  dayTooltip?: (date: Date) => string | undefined;\n  device?: 'desktop' | 'mobile';\n  footer?: ReactNode;\n  layout?: '1-month' | '2-month';\n  max?: CalendarDate;\n  min?: CalendarDate;\n  selectionMode?: 'day' | 'range';\n  showSelectedDate?: boolean;\n}\n\n/**\n * The styled popover body shared by BitkitCalendar and BitkitDatePicker.\n * Renders the view controls, month grids and footer inside `DatePicker.Content`.\n */\nconst CalendarContent = ({\n  dayTooltip,\n  device,\n  footer,\n  layout,\n  max,\n  min,\n  selectionMode,\n  showSelectedDate,\n}: CalendarContentProps) => {\n  const context = useDatePickerContext();\n  const prevModeRef = useRef(selectionMode);\n\n  useEffect(() => {\n    if (prevModeRef.current !== selectionMode) {\n      context.clearValue();\n      prevModeRef.current = selectionMode;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectionMode]);\n\n  return (\n    <DatePicker.Content>\n      <DatePicker.View view=\"day\">\n        <DatePicker.ViewControl>\n          <Box display=\"flex\" alignItems=\"center\" gap=\"12\" minWidth=\"0\">\n            <CalendarPrevTrigger device={device} />\n\n            <Box display=\"flex\" alignItems=\"center\" minWidth=\"0\">\n              <CalendarMonthSelect device={device} offset={0} layout={layout} max={max} min={min} />\n              <CalendarYearSelect device={device} monthOffset={0} max={max} min={min} />\n            </Box>\n            {layout === '1-month' && <CalendarNextTrigger device={device} />}\n          </Box>\n          {layout === '2-month' && (\n            <Box display=\"flex\" alignItems=\"center\" gap=\"12\" minWidth=\"0\">\n              <CalendarMonthSelect device={device} offset={1} layout={layout} max={max} min={min} />\n              <CalendarYearSelect device={device} monthOffset={1} max={max} min={min} />\n              <CalendarNextTrigger device={device} />\n            </Box>\n          )}\n        </DatePicker.ViewControl>\n        <DatePicker.Months>\n          <CalendarMonth dayTooltip={dayTooltip} monthsIndex={0} />\n          {layout === '2-month' && <CalendarMonth dayTooltip={dayTooltip} monthsIndex={1} />}\n        </DatePicker.Months>\n      </DatePicker.View>\n      <CalendarFooter selectionMode={selectionMode} showSelectedDate={showSelectedDate} />\n      {footer}\n    </DatePicker.Content>\n  );\n};\n\nexport default CalendarContent;\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAM,mBAAmB,EACvB,YACA,QACA,QACA,QACA,KACA,KACA,eACA,uBAC0B;CAC1B,MAAM,UAAU,qBAAqB;CACrC,MAAM,cAAc,OAAO,aAAa;CAExC,gBAAgB;EACd,IAAI,YAAY,YAAY,eAAe;GACzC,QAAQ,WAAW;GACnB,YAAY,UAAU;EACxB;CAEF,GAAG,CAAC,aAAa,CAAC;CAElB,OACE,qBAAC,WAAW,SAAZ,EAAA,UAAA;EACE,qBAAC,WAAW,MAAZ;GAAiB,MAAK;GAAtB,UAAA,CACE,qBAAC,WAAW,aAAZ,EAAA,UAAA,CACE,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAS,KAAI;IAAK,UAAS;IAA1D,UAAA;KACE,oBAAC,qBAAD,EAA6B,OAAS,CAAA;KAEtC,qBAAC,KAAD;MAAK,SAAQ;MAAO,YAAW;MAAS,UAAS;MAAjD,UAAA,CACE,oBAAC,qBAAD;OAA6B;OAAQ,QAAQ;OAAW;OAAa;OAAU;MAAM,CAAA,GACrF,oBAAC,oBAAD;OAA4B;OAAQ,aAAa;OAAQ;OAAU;MAAM,CAAA,CACtE;;KACJ,WAAW,aAAa,oBAAC,qBAAD,EAA6B,OAAS,CAAA;IAC5D;GACJ,CAAA,GAAA,WAAW,aACV,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAS,KAAI;IAAK,UAAS;IAA1D,UAAA;KACE,oBAAC,qBAAD;MAA6B;MAAQ,QAAQ;MAAW;MAAa;MAAU;KAAM,CAAA;KACrF,oBAAC,oBAAD;MAA4B;MAAQ,aAAa;MAAQ;MAAU;KAAM,CAAA;KACzE,oBAAC,qBAAD,EAA6B,OAAS,CAAA;IACnC;GAEe,CAAA,CAAA,EAAA,CAAA,GACxB,qBAAC,WAAW,QAAZ,EAAA,UAAA,CACE,oBAAC,eAAD;IAA2B;IAAY,aAAa;GAAI,CAAA,GACvD,WAAW,aAAa,oBAAC,eAAD;IAA2B;IAAY,aAAa;GAAI,CAAA,CAChE,EAAA,CAAA,CACJ;;EACjB,oBAAC,gBAAD;GAA+B;GAAiC;EAAmB,CAAA;EAClF;CACiB,EAAA,CAAA;AAExB"}
+{"version":3,"file":"CalendarContent.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type CalendarDate } from '@internationalized/date';\nimport { useEffect, useRef } from 'react';\n\nimport { DatePicker, useDatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport CalendarFooter from './CalendarFooter';\nimport CalendarMonth from './CalendarMonth';\nimport CalendarMonthSelect from './CalendarMonthSelect';\nimport CalendarNextTrigger from './CalendarNextTrigger';\nimport CalendarPrevTrigger from './CalendarPrevTrigger';\nimport CalendarYearSelect from './CalendarYearSelect';\n\nexport interface CalendarContentProps {\n  layout?: '1-month' | '2-month';\n  max?: CalendarDate;\n  min?: CalendarDate;\n  selectionMode?: 'day' | 'range';\n  showSelectedDate?: boolean;\n}\n\n/**\n * The styled popover body shared by BitkitCalendar and BitkitDatePicker.\n * Renders the view controls, month grids and footer inside `DatePicker.Content`.\n */\nconst CalendarContent = ({ layout, max, min, selectionMode, showSelectedDate }: CalendarContentProps) => {\n  const context = useDatePickerContext();\n  const prevModeRef = useRef(selectionMode);\n\n  useEffect(() => {\n    if (prevModeRef.current !== selectionMode) {\n      context.clearValue();\n      prevModeRef.current = selectionMode;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectionMode]);\n\n  return (\n    <DatePicker.Content>\n      <DatePicker.View view=\"day\">\n        <DatePicker.ViewControl>\n          <Box display=\"flex\" alignItems=\"center\" gap=\"12\">\n            <CalendarPrevTrigger />\n\n            <Box display=\"flex\" alignItems=\"center\">\n              <CalendarMonthSelect offset={0} layout={layout} max={max} min={min} />\n              <CalendarYearSelect monthOffset={0} max={max} min={min} />\n            </Box>\n            {layout === '1-month' && <CalendarNextTrigger />}\n          </Box>\n          {layout === '2-month' && (\n            <Box display=\"flex\" alignItems=\"center\" gap=\"12\">\n              <CalendarMonthSelect offset={1} layout={layout} max={max} min={min} />\n              <CalendarYearSelect monthOffset={1} max={max} min={min} />\n              <CalendarNextTrigger />\n            </Box>\n          )}\n        </DatePicker.ViewControl>\n        <DatePicker.Months>\n          <CalendarMonth monthsIndex={0} />\n          {layout === '2-month' && <CalendarMonth monthsIndex={1} />}\n        </DatePicker.Months>\n      </DatePicker.View>\n      <CalendarFooter selectionMode={selectionMode} showSelectedDate={showSelectedDate} />\n    </DatePicker.Content>\n  );\n};\n\nexport default CalendarContent;\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAM,mBAAmB,EAAE,QAAQ,KAAK,KAAK,eAAe,uBAA6C;CACvG,MAAM,UAAU,qBAAqB;CACrC,MAAM,cAAc,OAAO,aAAa;CAExC,gBAAgB;EACd,IAAI,YAAY,YAAY,eAAe;GACzC,QAAQ,WAAW;GACnB,YAAY,UAAU;EACxB;CAEF,GAAG,CAAC,aAAa,CAAC;CAElB,OACE,qBAAC,WAAW,SAAZ,EAAA,UAAA,CACE,qBAAC,WAAW,MAAZ;EAAiB,MAAK;EAAtB,UAAA,CACE,qBAAC,WAAW,aAAZ,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;GAA5C,UAAA;IACE,oBAAC,qBAAD,CAAsB,CAAA;IAEtB,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAA/B,UAAA,CACE,oBAAC,qBAAD;MAAqB,QAAQ;MAAW;MAAa;MAAU;KAAM,CAAA,GACrE,oBAAC,oBAAD;MAAoB,aAAa;MAAQ;MAAU;KAAM,CAAA,CACtD;;IACJ,WAAW,aAAa,oBAAC,qBAAD,CAAsB,CAAA;GAC5C;EACJ,CAAA,GAAA,WAAW,aACV,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;GAA5C,UAAA;IACE,oBAAC,qBAAD;KAAqB,QAAQ;KAAW;KAAa;KAAU;IAAM,CAAA;IACrE,oBAAC,oBAAD;KAAoB,aAAa;KAAQ;KAAU;IAAM,CAAA;IACzD,oBAAC,qBAAD,CAAsB,CAAA;GACnB;EAEe,CAAA,CAAA,EAAA,CAAA,GACxB,qBAAC,WAAW,QAAZ,EAAA,UAAA,CACE,oBAAC,eAAD,EAAe,aAAa,EAAI,CAAA,GAC/B,WAAW,aAAa,oBAAC,eAAD,EAAe,aAAa,EAAI,CAAA,CACxC,EAAA,CAAA,CACJ;CACjB,CAAA,GAAA,oBAAC,gBAAD;EAA+B;EAAiC;CAAmB,CAAA,CACjE,EAAA,CAAA;AAExB"}

package/dist/components/BitkitCalendar/components/CalendarMonth.d.ts

@@ -1,6 +1,4 @@
-interface CalendarMonthProps {
-    dayTooltip?: (date: Date) => string | undefined;
+declare const CalendarMonth: ({ monthsIndex }: {
     monthsIndex: number;
-}
-declare const CalendarMonth: ({ dayTooltip, monthsIndex }: CalendarMonthProps) => import('react').JSX.Element;
+}) => import('react').JSX.Element;
 export default CalendarMonth;

package/dist/components/BitkitCalendar/components/CalendarMonth.js

@@ -1,28 +1,18 @@
 import { DatePicker, DatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
-import { calendarDateToDate } from "../Calendar.utils.js";
-import BitkitTooltip from "../../BitkitTooltip/BitkitTooltip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitCalendar/components/CalendarMonth.tsx
-var CalendarMonth = ({ dayTooltip, monthsIndex }) => {
+var CalendarMonth = ({ monthsIndex }) => {
 	return /* @__PURE__ */ jsx(DatePickerContext, { children: (datePicker) => {
 		const offset = datePicker.getOffset({ months: monthsIndex });
 		return /* @__PURE__ */ jsxs(DatePicker.Table, { children: [/* @__PURE__ */ jsx(DatePicker.TableHead, { children: /* @__PURE__ */ jsx(DatePicker.TableRow, { children: datePicker.weekDays.map((weekDay, id) => /* @__PURE__ */ jsx(DatePicker.TableHeader, { children: weekDay.short }, id)) }) }), /* @__PURE__ */ jsx(DatePicker.TableBody, { children: offset.weeks.map((week, id) => /* @__PURE__ */ jsx(DatePicker.TableRow, { children: week.map((day, id) => {
-			const tooltip = dayTooltip?.(calendarDateToDate(day));
-			const label = /* @__PURE__ */ jsx(Text, {
-				as: "span",
-				children: day.day
-			});
 			return /* @__PURE__ */ jsx(DatePicker.TableCell, {
 				value: day,
 				visibleRange: offset.visibleRange,
-				children: /* @__PURE__ */ jsx(DatePicker.TableCellTrigger, {
-					...tooltip ? { "aria-description": tooltip } : {},
-					children: tooltip ? /* @__PURE__ */ jsx(BitkitTooltip, {
-						text: tooltip,
-						children: label
-					}) : label
-				})
+				children: /* @__PURE__ */ jsx(DatePicker.TableCellTrigger, { children: /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					children: day.day
+				}) })
 			}, id);
 		}) }, id)) })] });
 	} });

package/dist/components/BitkitCalendar/components/CalendarMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonth.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarMonth.tsx"],"sourcesContent":["import { Text } from '@chakra-ui/react/text';\n\nimport { DatePicker, DatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport BitkitTooltip from '../../BitkitTooltip/BitkitTooltip';\nimport { calendarDateToDate } from '../Calendar.utils';\n\ninterface CalendarMonthProps {\n  dayTooltip?: (date: Date) => string | undefined;\n  monthsIndex: number;\n}\n\nconst CalendarMonth = ({ dayTooltip, monthsIndex }: CalendarMonthProps) => {\n  return (\n    <DatePickerContext>\n      {(datePicker) => {\n        const offset = datePicker.getOffset({ months: monthsIndex });\n        return (\n          <DatePicker.Table>\n            <DatePicker.TableHead>\n              <DatePicker.TableRow>\n                {datePicker.weekDays.map((weekDay, id) => (\n                  <DatePicker.TableHeader key={id}>{weekDay.short}</DatePicker.TableHeader>\n                ))}\n              </DatePicker.TableRow>\n            </DatePicker.TableHead>\n            <DatePicker.TableBody>\n              {offset.weeks.map((week, id) => (\n                <DatePicker.TableRow key={id}>\n                  {week.map((day, id) => {\n                    const tooltip = dayTooltip?.(calendarDateToDate(day));\n                    const label = <Text as=\"span\">{day.day}</Text>;\n                    // The tooltip sits on the day's inner box, not the cell: as the cell's trigger it would\n                    // replace the id and data attributes Zag finds the focused day by. An unavailable day never\n                    // takes focus, so the text is also the cell's description, next to Zag's own label.\n                    return (\n                      <DatePicker.TableCell key={id} value={day} visibleRange={offset.visibleRange}>\n                        <DatePicker.TableCellTrigger {...(tooltip ? { 'aria-description': tooltip } : {})}>\n                          {tooltip ? <BitkitTooltip text={tooltip}>{label}</BitkitTooltip> : label}\n                        </DatePicker.TableCellTrigger>\n                      </DatePicker.TableCell>\n                    );\n                  })}\n                </DatePicker.TableRow>\n              ))}\n            </DatePicker.TableBody>\n          </DatePicker.Table>\n        );\n      }}\n    </DatePickerContext>\n  );\n};\n\nexport default CalendarMonth;\n"],"mappings":";;;;;;AAWA,IAAM,iBAAiB,EAAE,YAAY,kBAAsC;CACzE,OACE,oBAAC,mBAAD,EAAA,WACI,eAAe;EACf,MAAM,SAAS,WAAW,UAAU,EAAE,QAAQ,YAAY,CAAC;EAC3D,OACE,qBAAC,WAAW,OAAZ,EAAA,UAAA,CACE,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACG,WAAW,SAAS,KAAK,SAAS,OACjC,oBAAC,WAAW,aAAZ,EAAA,UAAkC,QAAQ,MAA8B,GAA3C,EAA2C,CACzE,EACkB,CAAA,EACD,CAAA,GACtB,oBAAC,WAAW,WAAZ,EAAA,UACG,OAAO,MAAM,KAAK,MAAM,OACvB,oBAAC,WAAW,UAAZ,EAAA,UACG,KAAK,KAAK,KAAK,OAAO;GACrB,MAAM,UAAU,aAAa,mBAAmB,GAAG,CAAC;GACpD,MAAM,QAAQ,oBAAC,MAAD;IAAM,IAAG;IAAQ,UAAA,IAAI;GAAU,CAAA;GAI7C,OACE,oBAAC,WAAW,WAAZ;IAA+B,OAAO;IAAK,cAAc,OAAO;IAC9D,UAAA,oBAAC,WAAW,kBAAZ;KAA6B,GAAK,UAAU,EAAE,oBAAoB,QAAQ,IAAI,CAAC;KAC5E,UAAA,UAAU,oBAAC,eAAD;MAAe,MAAM;MAAU,UAAA;KAAqB,CAAA,IAAI;IACxC,CAAA;GACT,GAJK,EAIL;EAE1B,CAAC,EACkB,GAfK,EAeL,CACtB,EACmB,CAAA,CACN,EAAA,CAAA;CAEtB,EACiB,CAAA;AAEvB"}
+{"version":3,"file":"CalendarMonth.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarMonth.tsx"],"sourcesContent":["import { Text } from '@chakra-ui/react/text';\n\nimport { DatePicker, DatePickerContext } from '../../../atoms/DatePicker/DatePicker';\n\nconst CalendarMonth = ({ monthsIndex }: { monthsIndex: number }) => {\n  return (\n    <DatePickerContext>\n      {(datePicker) => {\n        const offset = datePicker.getOffset({ months: monthsIndex });\n        return (\n          <DatePicker.Table>\n            <DatePicker.TableHead>\n              <DatePicker.TableRow>\n                {datePicker.weekDays.map((weekDay, id) => (\n                  <DatePicker.TableHeader key={id}>{weekDay.short}</DatePicker.TableHeader>\n                ))}\n              </DatePicker.TableRow>\n            </DatePicker.TableHead>\n            <DatePicker.TableBody>\n              {offset.weeks.map((week, id) => (\n                <DatePicker.TableRow key={id}>\n                  {week.map((day, id) => {\n                    return (\n                      <DatePicker.TableCell key={id} value={day} visibleRange={offset.visibleRange}>\n                        <DatePicker.TableCellTrigger>\n                          <Text as=\"span\">{day.day}</Text>\n                        </DatePicker.TableCellTrigger>\n                      </DatePicker.TableCell>\n                    );\n                  })}\n                </DatePicker.TableRow>\n              ))}\n            </DatePicker.TableBody>\n          </DatePicker.Table>\n        );\n      }}\n    </DatePickerContext>\n  );\n};\n\nexport default CalendarMonth;\n"],"mappings":";;;;AAIA,IAAM,iBAAiB,EAAE,kBAA2C;CAClE,OACE,oBAAC,mBAAD,EAAA,WACI,eAAe;EACf,MAAM,SAAS,WAAW,UAAU,EAAE,QAAQ,YAAY,CAAC;EAC3D,OACE,qBAAC,WAAW,OAAZ,EAAA,UAAA,CACE,oBAAC,WAAW,WAAZ,EAAA,UACE,oBAAC,WAAW,UAAZ,EAAA,UACG,WAAW,SAAS,KAAK,SAAS,OACjC,oBAAC,WAAW,aAAZ,EAAA,UAAkC,QAAQ,MAA8B,GAA3C,EAA2C,CACzE,EACkB,CAAA,EACD,CAAA,GACtB,oBAAC,WAAW,WAAZ,EAAA,UACG,OAAO,MAAM,KAAK,MAAM,OACvB,oBAAC,WAAW,UAAZ,EAAA,UACG,KAAK,KAAK,KAAK,OAAO;GACrB,OACE,oBAAC,WAAW,WAAZ;IAA+B,OAAO;IAAK,cAAc,OAAO;IAC9D,UAAA,oBAAC,WAAW,kBAAZ,EAAA,UACE,oBAAC,MAAD;KAAM,IAAG;KAAQ,UAAA,IAAI;IAAU,CAAA,EACJ,CAAA;GACT,GAJK,EAIL;EAE1B,CAAC,EACkB,GAVK,EAUL,CACtB,EACmB,CAAA,CACN,EAAA,CAAA;CAEtB,EACiB,CAAA;AAEvB"}

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.d.ts

@@ -1,10 +1,9 @@
 import { CalendarDate } from '@internationalized/date';
 type CalendarMonthSelectProps = {
-    device?: 'desktop' | 'mobile';
     offset: number;
     layout?: '1-month' | '2-month';
     min?: CalendarDate;
     max?: CalendarDate;
 };
-declare const CalendarMonthSelect: ({ device, offset, layout, min, max }: CalendarMonthSelectProps) => import('react').JSX.Element;
+declare const CalendarMonthSelect: ({ offset, layout, min, max }: CalendarMonthSelectProps) => import('react').JSX.Element;
 export default CalendarMonthSelect;

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js

@@ -54,7 +54,7 @@ var months = [
 		value: "12"
 	}
 ];
-var CalendarMonthSelect = ({ device, offset, layout, min, max }) => {
+var CalendarMonthSelect = ({ offset, layout, min, max }) => {
 	const datePicker = useDatePickerContext();
 	const currentMonthDate = datePicker.getOffset({ months: offset }).visibleRange.start;
 	const availableMonths = months.filter((month) => {
@@ -80,8 +80,7 @@ var CalendarMonthSelect = ({ device, offset, layout, min, max }) => {
 			maxHeight: rem(312),
 			width: rem(148)
 		},
-		controlProps: { width: rem(device === "mobile" ? 132 : 114) },
-		device,
+		controlProps: { width: rem(114) },
 		items: availableMonths,
 		onValueChange: handleMonthChange,
 		value: [currentMonthDate.month.toString()]

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonthSelect.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarMonthSelect.tsx"],"sourcesContent":["import { CalendarDate } from '@internationalized/date';\n\nimport { useDatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport { rem } from '../../../theme/themeUtils';\nimport CalendarSelect from './CalendarSelect';\n\nconst months = [\n  { label: 'January', value: '1' },\n  { label: 'February', value: '2' },\n  { label: 'March', value: '3' },\n  { label: 'April', value: '4' },\n  { label: 'May', value: '5' },\n  { label: 'June', value: '6' },\n  { label: 'July', value: '7' },\n  { label: 'August', value: '8' },\n  { label: 'September', value: '9' },\n  { label: 'October', value: '10' },\n  { label: 'November', value: '11' },\n  { label: 'December', value: '12' },\n];\n\ntype CalendarMonthSelectProps = {\n  device?: 'desktop' | 'mobile';\n  offset: number;\n  layout?: '1-month' | '2-month';\n  min?: CalendarDate;\n  max?: CalendarDate;\n};\n\nconst CalendarMonthSelect = ({ device, offset, layout, min, max }: CalendarMonthSelectProps) => {\n  const datePicker = useDatePickerContext();\n\n  const currentMonthDate = datePicker.getOffset({ months: offset }).visibleRange.start;\n\n  const availableMonths = months.filter((month) => {\n    if (!min && !max) return true;\n\n    const monthNumber = parseInt(month.value, 10);\n    const year = currentMonthDate.year;\n\n    const firstDayOfMonth = new CalendarDate(year, monthNumber, 1);\n    const lastDayOfMonth = firstDayOfMonth.add({ months: 1 }).subtract({ days: 1 });\n\n    const isBeforeMin = min && lastDayOfMonth.compare(min) < 0;\n    const isAfterMax = max && firstDayOfMonth.compare(max) > 0;\n\n    return !isBeforeMin && !isAfterMax;\n  });\n\n  const handleMonthChange = (details: { value: string[] }) => {\n    const selectedMonth = parseInt(details.value[0], 10);\n    if (layout === '1-month') {\n      datePicker.focusMonth(selectedMonth);\n    } else {\n      // first needs to be focused to some distant date otherwise the newly selected month won't always be set properly\n      // due to \"smart\" focus behaviour of the calendar in 2-month layout\n      datePicker.setFocusedValue(new CalendarDate(1990, 1, 1));\n      datePicker.setFocusedValue(currentMonthDate.set({ month: selectedMonth }).subtract({ months: offset }));\n    }\n  };\n\n  return (\n    <CalendarSelect\n      contentProps={{\n        maxHeight: rem(312),\n        width: rem(148),\n      }}\n      controlProps={{\n        width: rem(device === 'mobile' ? 132 : 114),\n      }}\n      device={device}\n      items={availableMonths}\n      onValueChange={handleMonthChange}\n      value={[currentMonthDate.month.toString()]}\n    />\n  );\n};\n\nexport default CalendarMonthSelect;\n"],"mappings":";;;;;;AAMA,IAAM,SAAS;CACb;EAAE,OAAO;EAAW,OAAO;CAAI;CAC/B;EAAE,OAAO;EAAY,OAAO;CAAI;CAChC;EAAE,OAAO;EAAS,OAAO;CAAI;CAC7B;EAAE,OAAO;EAAS,OAAO;CAAI;CAC7B;EAAE,OAAO;EAAO,OAAO;CAAI;CAC3B;EAAE,OAAO;EAAQ,OAAO;CAAI;CAC5B;EAAE,OAAO;EAAQ,OAAO;CAAI;CAC5B;EAAE,OAAO;EAAU,OAAO;CAAI;CAC9B;EAAE,OAAO;EAAa,OAAO;CAAI;CACjC;EAAE,OAAO;EAAW,OAAO;CAAK;CAChC;EAAE,OAAO;EAAY,OAAO;CAAK;CACjC;EAAE,OAAO;EAAY,OAAO;CAAK;AACnC;AAUA,IAAM,uBAAuB,EAAE,QAAQ,QAAQ,QAAQ,KAAK,UAAoC;CAC9F,MAAM,aAAa,qBAAqB;CAExC,MAAM,mBAAmB,WAAW,UAAU,EAAE,QAAQ,OAAO,CAAC,CAAC,CAAC,aAAa;CAE/E,MAAM,kBAAkB,OAAO,QAAQ,UAAU;EAC/C,IAAI,CAAC,OAAO,CAAC,KAAK,OAAO;EAEzB,MAAM,cAAc,SAAS,MAAM,OAAO,EAAE;EAC5C,MAAM,OAAO,iBAAiB;EAE9B,MAAM,kBAAkB,IAAI,aAAa,MAAM,aAAa,CAAC;EAC7D,MAAM,iBAAiB,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC;EAE9E,MAAM,cAAc,OAAO,eAAe,QAAQ,GAAG,IAAI;EACzD,MAAM,aAAa,OAAO,gBAAgB,QAAQ,GAAG,IAAI;EAEzD,OAAO,CAAC,eAAe,CAAC;CAC1B,CAAC;CAED,MAAM,qBAAqB,YAAiC;EAC1D,MAAM,gBAAgB,SAAS,QAAQ,MAAM,IAAI,EAAE;EACnD,IAAI,WAAW,WACb,WAAW,WAAW,aAAa;OAC9B;GAGL,WAAW,gBAAgB,IAAI,aAAa,MAAM,GAAG,CAAC,CAAC;GACvD,WAAW,gBAAgB,iBAAiB,IAAI,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,OAAO,CAAC,CAAC;EACxG;CACF;CAEA,OACE,oBAAC,gBAAD;EACE,cAAc;GACZ,WAAW,IAAI,GAAG;GAClB,OAAO,IAAI,GAAG;EAChB;EACA,cAAc,EACZ,OAAO,IAAI,WAAW,WAAW,MAAM,GAAG,EAC5C;EACQ;EACR,OAAO;EACP,eAAe;EACf,OAAO,CAAC,iBAAiB,MAAM,SAAS,CAAC;CAC1C,CAAA;AAEL"}
+{"version":3,"file":"CalendarMonthSelect.js","names":[],"sources":["../../../../lib/components/BitkitCalendar/components/CalendarMonthSelect.tsx"],"sourcesContent":["import { CalendarDate } from '@internationalized/date';\n\nimport { useDatePickerContext } from '../../../atoms/DatePicker/DatePicker';\nimport { rem } from '../../../theme/themeUtils';\nimport CalendarSelect from './CalendarSelect';\n\nconst months = [\n  { label: 'January', value: '1' },\n  { label: 'February', value: '2' },\n  { label: 'March', value: '3' },\n  { label: 'April', value: '4' },\n  { label: 'May', value: '5' },\n  { label: 'June', value: '6' },\n  { label: 'July', value: '7' },\n  { label: 'August', value: '8' },\n  { label: 'September', value: '9' },\n  { label: 'October', value: '10' },\n  { label: 'November', value: '11' },\n  { label: 'December', value: '12' },\n];\n\ntype CalendarMonthSelectProps = {\n  offset: number;\n  layout?: '1-month' | '2-month';\n  min?: CalendarDate;\n  max?: CalendarDate;\n};\n\nconst CalendarMonthSelect = ({ offset, layout, min, max }: CalendarMonthSelectProps) => {\n  const datePicker = useDatePickerContext();\n\n  const currentMonthDate = datePicker.getOffset({ months: offset }).visibleRange.start;\n\n  const availableMonths = months.filter((month) => {\n    if (!min && !max) return true;\n\n    const monthNumber = parseInt(month.value, 10);\n    const year = currentMonthDate.year;\n\n    const firstDayOfMonth = new CalendarDate(year, monthNumber, 1);\n    const lastDayOfMonth = firstDayOfMonth.add({ months: 1 }).subtract({ days: 1 });\n\n    const isBeforeMin = min && lastDayOfMonth.compare(min) < 0;\n    const isAfterMax = max && firstDayOfMonth.compare(max) > 0;\n\n    return !isBeforeMin && !isAfterMax;\n  });\n\n  const handleMonthChange = (details: { value: string[] }) => {\n    const selectedMonth = parseInt(details.value[0], 10);\n    if (layout === '1-month') {\n      datePicker.focusMonth(selectedMonth);\n    } else {\n      // first needs to be focused to some distant date otherwise the newly selected month won't always be set properly\n      // due to \"smart\" focus behaviour of the calendar in 2-month layout\n      datePicker.setFocusedValue(new CalendarDate(1990, 1, 1));\n      datePicker.setFocusedValue(currentMonthDate.set({ month: selectedMonth }).subtract({ months: offset }));\n    }\n  };\n\n  return (\n    <CalendarSelect\n      contentProps={{\n        maxHeight: rem(312),\n        width: rem(148),\n      }}\n      controlProps={{\n        width: rem(114),\n      }}\n      items={availableMonths}\n      onValueChange={handleMonthChange}\n      value={[currentMonthDate.month.toString()]}\n    />\n  );\n};\n\nexport default CalendarMonthSelect;\n"],"mappings":";;;;;;AAMA,IAAM,SAAS;CACb;EAAE,OAAO;EAAW,OAAO;CAAI;CAC/B;EAAE,OAAO;EAAY,OAAO;CAAI;CAChC;EAAE,OAAO;EAAS,OAAO;CAAI;CAC7B;EAAE,OAAO;EAAS,OAAO;CAAI;CAC7B;EAAE,OAAO;EAAO,OAAO;CAAI;CAC3B;EAAE,OAAO;EAAQ,OAAO;CAAI;CAC5B;EAAE,OAAO;EAAQ,OAAO;CAAI;CAC5B;EAAE,OAAO;EAAU,OAAO;CAAI;CAC9B;EAAE,OAAO;EAAa,OAAO;CAAI;CACjC;EAAE,OAAO;EAAW,OAAO;CAAK;CAChC;EAAE,OAAO;EAAY,OAAO;CAAK;CACjC;EAAE,OAAO;EAAY,OAAO;CAAK;AACnC;AASA,IAAM,uBAAuB,EAAE,QAAQ,QAAQ,KAAK,UAAoC;CACtF,MAAM,aAAa,qBAAqB;CAExC,MAAM,mBAAmB,WAAW,UAAU,EAAE,QAAQ,OAAO,CAAC,CAAC,CAAC,aAAa;CAE/E,MAAM,kBAAkB,OAAO,QAAQ,UAAU;EAC/C,IAAI,CAAC,OAAO,CAAC,KAAK,OAAO;EAEzB,MAAM,cAAc,SAAS,MAAM,OAAO,EAAE;EAC5C,MAAM,OAAO,iBAAiB;EAE9B,MAAM,kBAAkB,IAAI,aAAa,MAAM,aAAa,CAAC;EAC7D,MAAM,iBAAiB,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC;EAE9E,MAAM,cAAc,OAAO,eAAe,QAAQ,GAAG,IAAI;EACzD,MAAM,aAAa,OAAO,gBAAgB,QAAQ,GAAG,IAAI;EAEzD,OAAO,CAAC,eAAe,CAAC;CAC1B,CAAC;CAED,MAAM,qBAAqB,YAAiC;EAC1D,MAAM,gBAAgB,SAAS,QAAQ,MAAM,IAAI,EAAE;EACnD,IAAI,WAAW,WACb,WAAW,WAAW,aAAa;OAC9B;GAGL,WAAW,gBAAgB,IAAI,aAAa,MAAM,GAAG,CAAC,CAAC;GACvD,WAAW,gBAAgB,iBAAiB,IAAI,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,OAAO,CAAC,CAAC;EACxG;CACF;CAEA,OACE,oBAAC,gBAAD;EACE,cAAc;GACZ,WAAW,IAAI,GAAG;GAClB,OAAO,IAAI,GAAG;EAChB;EACA,cAAc,EACZ,OAAO,IAAI,GAAG,EAChB;EACA,OAAO;EACP,eAAe;EACf,OAAO,CAAC,iBAAiB,MAAM,SAAS,CAAC;CAC1C,CAAA;AAEL"}