@bitrise/bitkit-v2 0.3.306 → 0.3.308

package/dist/atoms/DatePicker/DatePicker.d.ts

@@ -7,6 +7,18 @@ export declare const DatePickerRoot: import('react').ForwardRefExoticComponent<D
 export interface DatePickerControlProps extends HTMLChakraProps<'div', ArkDatePicker.ControlProps>, UnstyledProp {
 }
 export declare const DatePickerControl: import('react').ForwardRefExoticComponent<DatePickerControlProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerLabelProps extends HTMLChakraProps<'label', ArkDatePicker.LabelProps>, UnstyledProp {
+}
+export declare const DatePickerLabel: import('react').ForwardRefExoticComponent<DatePickerLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+export interface DatePickerInputProps extends HTMLChakraProps<'input', ArkDatePicker.InputProps>, UnstyledProp {
+}
+export declare const DatePickerInput: import('react').ForwardRefExoticComponent<DatePickerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export interface DatePickerTriggerProps extends HTMLChakraProps<'button', ArkDatePicker.TriggerProps>, UnstyledProp {
+}
+export declare const DatePickerTrigger: import('react').ForwardRefExoticComponent<DatePickerTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export interface DatePickerClearTriggerProps extends HTMLChakraProps<'button', ArkDatePicker.ClearTriggerProps>, UnstyledProp {
+}
+export declare const DatePickerClearTrigger: import('react').ForwardRefExoticComponent<DatePickerClearTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
 export interface DatePickerPositionerProps extends HTMLChakraProps<'div', ArkDatePicker.PositionerProps>, UnstyledProp {
 }
 export declare const DatePickerPositioner: import('react').ForwardRefExoticComponent<DatePickerPositionerProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -52,6 +64,10 @@ export interface DatePickerProps extends DatePickerRootProps {
 export declare const DatePicker: {
     Root: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
     Control: import('react').ForwardRefExoticComponent<DatePickerControlProps & import('react').RefAttributes<HTMLDivElement>>;
+    Label: import('react').ForwardRefExoticComponent<DatePickerLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+    Input: import('react').ForwardRefExoticComponent<DatePickerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<DatePickerTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    ClearTrigger: import('react').ForwardRefExoticComponent<DatePickerClearTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
     Positioner: import('react').ForwardRefExoticComponent<DatePickerPositionerProps & import('react').RefAttributes<HTMLDivElement>>;
     Content: import('react').ForwardRefExoticComponent<DatePickerContentProps & import('react').RefAttributes<HTMLDivElement>>;
     Months: import('react').ForwardRefExoticComponent<DatePickerMonthsProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/atoms/DatePicker/DatePicker.js

@@ -4,6 +4,10 @@ import { DatePicker, useDatePickerContext } from "@ark-ui/react/date-picker";
 var { withProvider, withContext, useStyles } = createSlotRecipeContext({ key: "datePicker" });
 var DatePickerRoot = withProvider(withContext(DatePicker.Root, "root", { forwardAsChild: true }), "root");
 var DatePickerControl = withContext(DatePicker.Control, "control", { forwardAsChild: true });
+var DatePickerLabel = withContext(DatePicker.Label, "label", { forwardAsChild: true });
+var DatePickerInput = withContext(DatePicker.Input, "input", { forwardAsChild: true });
+var DatePickerTrigger = withContext(DatePicker.Trigger, "trigger", { forwardAsChild: true });
+var DatePickerClearTrigger = withContext(DatePicker.ClearTrigger, "clearTrigger", { forwardAsChild: true });
 var DatePickerPositioner = withContext(DatePicker.Positioner, "positioner", { forwardAsChild: true });
 var DatePickerContent = withContext(DatePicker.Content, "content", { forwardAsChild: true });
 var DatePickerMonths = withContext("div", "months", { forwardAsChild: true });
@@ -20,6 +24,10 @@ var DatePickerContext = DatePicker.Context;
 var DatePicker$1 = {
 	Root: DatePickerRoot,
 	Control: DatePickerControl,
+	Label: DatePickerLabel,
+	Input: DatePickerInput,
+	Trigger: DatePickerTrigger,
+	ClearTrigger: DatePickerClearTrigger,
 	Positioner: DatePickerPositioner,
 	Content: DatePickerContent,
 	Months: DatePickerMonths,
@@ -34,6 +42,6 @@ var DatePicker$1 = {
 	TableCellTrigger: DatePickerTableCellTrigger
 };
 //#endregion
-export { DatePicker$1 as DatePicker, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerMonths, DatePickerPositioner, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerView, DatePickerViewControl, useDatePickerContext };
+export { DatePicker$1 as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonths, DatePickerPositioner, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, useDatePickerContext };
 
 //# sourceMappingURL=DatePicker.js.map

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 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  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;AAKD,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,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":[],"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"}

package/dist/components/BitkitAccordion/BitkitAccordion.js

@@ -2,7 +2,6 @@ import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
 import { Accordion, useAccordionItemContext } from "@chakra-ui/react/accordion";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitAccordion/BitkitAccordion.tsx
@@ -36,7 +35,8 @@ var ItemTrigger = forwardRef(({ children, icon: Icon, secondaryText, suffix, ...
 				display: "flex",
 				alignItems: "flex-start",
 				flexDirection: "column",
-				children: [children, secondaryText && /* @__PURE__ */ jsx(Text, {
+				children: [children, secondaryText && /* @__PURE__ */ jsx(Box, {
+					as: "span",
 					css: styles.secdText,
 					children: secondaryText
 				})]
@@ -44,9 +44,10 @@ var ItemTrigger = forwardRef(({ children, icon: Icon, secondaryText, suffix, ...
 		}), /* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			alignItems: "center",
-			children: [suffix && /* @__PURE__ */ jsx(Text, {
+			children: [suffix && /* @__PURE__ */ jsx(Box, {
+				as: "span",
 				css: styles.suffix,
-				children: secondaryText
+				children: suffix
 			}), /* @__PURE__ */ jsx(Accordion.ItemIndicator, {
 				asChild: true,
 				children: /* @__PURE__ */ jsx(AssetSelectChevron, {})

package/dist/components/BitkitAccordion/BitkitAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitAccordion.js","names":[],"sources":["../../../lib/components/BitkitAccordion/BitkitAccordion.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemBodyProps,\n  type AccordionItemProps,\n  type AccordionItemTriggerProps,\n  type AccordionRootProps,\n  useAccordionItemContext,\n} from '@chakra-ui/react/accordion';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport type BitkitAccordionProps = AccordionRootProps;\nexport type BitkitAccordionItemProps = AccordionItemProps;\nexport interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {\n  icon?: BitkitIconComponent;\n  secondaryText?: ReactNode;\n  suffix?: ReactNode;\n}\nexport type BitkitAccordionItemBodyProps = AccordionItemBodyProps;\n\nconst Root = forwardRef<HTMLDivElement, BitkitAccordionProps>((props, ref) => {\n  return <Accordion.Root ref={ref} multiple {...props} />;\n});\nconst Item = forwardRef<HTMLDivElement, BitkitAccordionItemProps>((props, ref) => {\n  return <Accordion.Item ref={ref} {...props}></Accordion.Item>;\n});\nconst ItemTrigger = forwardRef<HTMLButtonElement, BitkitAccordionItemTriggerProps>(\n  ({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {\n    const recipe = useSlotRecipe({ key: 'accordion' });\n    const styles = recipe();\n    return (\n      <Accordion.ItemTrigger ref={ref} {...props}>\n        <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n          {Icon && (\n            <Box css={styles.icon} asChild>\n              <Icon size=\"16\" />\n            </Box>\n          )}\n          <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n            {children}\n            {secondaryText && <Text css={styles.secdText}>{secondaryText}</Text>}\n          </Box>\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\">\n          {suffix && <Text css={styles.suffix}>{secondaryText}</Text>}\n          <Accordion.ItemIndicator asChild>\n            <AssetSelectChevron />\n          </Accordion.ItemIndicator>\n        </Box>\n      </Accordion.ItemTrigger>\n    );\n  },\n);\nconst ItemBody = forwardRef<HTMLDivElement, BitkitAccordionItemBodyProps>(({ ...props }, ref) => {\n  const itemProps = useAccordionItemContext();\n  return (\n    <Accordion.ItemContent>\n      <Accordion.ItemBody ref={ref} aria-disabled={itemProps.disabled} {...props} />\n    </Accordion.ItemContent>\n  );\n});\n\nRoot.displayName = 'BitkitAccordion.Root';\nItemBody.displayName = 'BitkitAccordion.ItemBody';\nItem.displayName = 'BitkitAccordion.Item';\nItemTrigger.displayName = 'BitkitAccordion.ItemTrigger';\nconst BitkitAccordion = { Root, Item, ItemTrigger, ItemBody };\n\nexport default BitkitAccordion;\n"],"mappings":";;;;;;;;AAyBA,IAAM,OAAO,YAAkD,OAAO,QAAQ;CAC5E,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,UAAA;EAAS,GAAI;CAAQ,CAAA;AACxD,CAAC;AACD,IAAM,OAAO,YAAsD,OAAO,QAAQ;CAChF,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,GAAI;CAAuB,CAAA;AAC9D,CAAC;AACD,IAAM,cAAc,YACjB,EAAE,UAAU,MAAM,MAAM,eAAe,QAAQ,GAAG,SAAS,QAAQ;CAElE,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO;CACtB,OACE,qBAAC,UAAU,aAAX;EAA4B;EAAK,GAAI;YAArC,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QACC,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAM,SAAA;cACrB,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACd,CAAA,GAEP,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAa,eAAc;cAA1D,CACG,UACA,iBAAiB,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAW;IAAoB,CAAA,CAChE;KACF;MACL,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;aAA/B,CACG,UAAU,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAS;GAAoB,CAAA,GAC1D,oBAAC,UAAU,eAAX;IAAyB,SAAA;cACvB,oBAAC,oBAAD,CAAqB,CAAA;GACE,CAAA,CACtB;IACgB;;AAE3B,CACF;AACA,IAAM,WAAW,YAA0D,EAAE,GAAG,SAAS,QAAQ;CAC/F,MAAM,YAAY,wBAAwB;CAC1C,OACE,oBAAC,UAAU,aAAX,EAAA,UACE,oBAAC,UAAU,UAAX;EAAyB;EAAK,iBAAe,UAAU;EAAU,GAAI;CAAQ,CAAA,EACxD,CAAA;AAE3B,CAAC;AAED,KAAK,cAAc;AACnB,SAAS,cAAc;AACvB,KAAK,cAAc;AACnB,YAAY,cAAc;AAC1B,IAAM,kBAAkB;CAAE;CAAM;CAAM;CAAa;AAAS"}
+{"version":3,"file":"BitkitAccordion.js","names":[],"sources":["../../../lib/components/BitkitAccordion/BitkitAccordion.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemBodyProps,\n  type AccordionItemProps,\n  type AccordionItemTriggerProps,\n  type AccordionRootProps,\n  useAccordionItemContext,\n} from '@chakra-ui/react/accordion';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport type BitkitAccordionProps = AccordionRootProps;\nexport type BitkitAccordionItemProps = AccordionItemProps;\nexport interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {\n  icon?: BitkitIconComponent;\n  secondaryText?: ReactNode;\n  suffix?: ReactNode;\n}\nexport type BitkitAccordionItemBodyProps = AccordionItemBodyProps;\n\nconst Root = forwardRef<HTMLDivElement, BitkitAccordionProps>((props, ref) => {\n  return <Accordion.Root ref={ref} multiple {...props} />;\n});\nconst Item = forwardRef<HTMLDivElement, BitkitAccordionItemProps>((props, ref) => {\n  return <Accordion.Item ref={ref} {...props}></Accordion.Item>;\n});\nconst ItemTrigger = forwardRef<HTMLButtonElement, BitkitAccordionItemTriggerProps>(\n  ({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {\n    const recipe = useSlotRecipe({ key: 'accordion' });\n    const styles = recipe();\n    return (\n      <Accordion.ItemTrigger ref={ref} {...props}>\n        <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n          {Icon && (\n            <Box css={styles.icon} asChild>\n              <Icon size=\"16\" />\n            </Box>\n          )}\n          <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n            {children}\n            {secondaryText && (\n              <Box as=\"span\" css={styles.secdText}>\n                {secondaryText}\n              </Box>\n            )}\n          </Box>\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\">\n          {suffix && (\n            <Box as=\"span\" css={styles.suffix}>\n              {suffix}\n            </Box>\n          )}\n          <Accordion.ItemIndicator asChild>\n            <AssetSelectChevron />\n          </Accordion.ItemIndicator>\n        </Box>\n      </Accordion.ItemTrigger>\n    );\n  },\n);\nconst ItemBody = forwardRef<HTMLDivElement, BitkitAccordionItemBodyProps>(({ ...props }, ref) => {\n  const itemProps = useAccordionItemContext();\n  return (\n    <Accordion.ItemContent>\n      <Accordion.ItemBody ref={ref} aria-disabled={itemProps.disabled} {...props} />\n    </Accordion.ItemContent>\n  );\n});\n\nRoot.displayName = 'BitkitAccordion.Root';\nItemBody.displayName = 'BitkitAccordion.ItemBody';\nItem.displayName = 'BitkitAccordion.Item';\nItemTrigger.displayName = 'BitkitAccordion.ItemTrigger';\nconst BitkitAccordion = { Root, Item, ItemTrigger, ItemBody };\n\nexport default BitkitAccordion;\n"],"mappings":";;;;;;;AAwBA,IAAM,OAAO,YAAkD,OAAO,QAAQ;CAC5E,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,UAAA;EAAS,GAAI;CAAQ,CAAA;AACxD,CAAC;AACD,IAAM,OAAO,YAAsD,OAAO,QAAQ;CAChF,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,GAAI;CAAuB,CAAA;AAC9D,CAAC;AACD,IAAM,cAAc,YACjB,EAAE,UAAU,MAAM,MAAM,eAAe,QAAQ,GAAG,SAAS,QAAQ;CAElE,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO;CACtB,OACE,qBAAC,UAAU,aAAX;EAA4B;EAAK,GAAI;YAArC,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QACC,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAM,SAAA;cACrB,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACd,CAAA,GAEP,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAa,eAAc;cAA1D,CACG,UACA,iBACC,oBAAC,KAAD;KAAK,IAAG;KAAO,KAAK,OAAO;eACxB;IACE,CAAA,CAEJ;KACF;MACL,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;aAA/B,CACG,UACC,oBAAC,KAAD;IAAK,IAAG;IAAO,KAAK,OAAO;cACxB;GACE,CAAA,GAEP,oBAAC,UAAU,eAAX;IAAyB,SAAA;cACvB,oBAAC,oBAAD,CAAqB,CAAA;GACE,CAAA,CACtB;IACgB;;AAE3B,CACF;AACA,IAAM,WAAW,YAA0D,EAAE,GAAG,SAAS,QAAQ;CAC/F,MAAM,YAAY,wBAAwB;CAC1C,OACE,oBAAC,UAAU,aAAX,EAAA,UACE,oBAAC,UAAU,UAAX;EAAyB;EAAK,iBAAe,UAAU;EAAU,GAAI;CAAQ,CAAA,EACxD,CAAA;AAE3B,CAAC;AAED,KAAK,cAAc;AACnB,SAAS,cAAc;AACvB,KAAK,cAAc;AACnB,YAAY,cAAc;AAC1B,IAAM,kBAAkB;CAAE;CAAM;CAAM;CAAa;AAAS"}

package/dist/components/BitkitActionMenu/BitkitActionMenu.js

@@ -1,10 +1,10 @@
 import { Box } from "@chakra-ui/react/box";
-import { Text } from "@chakra-ui/react/text";
 import { createContext, forwardRef, useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
 import { Menu, useMenuStyles } from "@chakra-ui/react/menu";
 import { Separator } from "@chakra-ui/react/separator";
+import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitActionMenu/BitkitActionMenu.tsx
 var BitkitMenuContext = createContext("lg");
 var Root = ({ trigger, children, size = "lg", ...props }) => {

package/dist/components/BitkitCalendar/BitkitCalendar.js

@@ -1,81 +1,18 @@
-import { DatePicker, useDatePickerContext } from "../../atoms/DatePicker/DatePicker.js";
+import { DatePicker } from "../../atoms/DatePicker/DatePicker.js";
 import { calendarDateToDate, dateToCalendarDate } from "./Calendar.utils.js";
-import CalendarFooter from "./components/CalendarFooter.js";
-import CalendarMonth from "./components/CalendarMonth.js";
-import CalendarMonthSelect from "./components/CalendarMonthSelect.js";
-import CalendarNextTrigger from "./components/CalendarNextTrigger.js";
-import CalendarPrevTrigger from "./components/CalendarPrevTrigger.js";
+import CalendarContent from "./components/CalendarContent.js";
 import CalendarTrigger from "./components/CalendarTrigger.js";
-import CalendarYearSelect from "./components/CalendarYearSelect.js";
-import { Box } from "@chakra-ui/react/box";
-import { forwardRef, useEffect, useMemo, useRef } from "react";
+import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
 //#region lib/components/BitkitCalendar/BitkitCalendar.tsx
-var BitkitCalendarContent = ({ layout, max, min, selectionMode, showSelectedDate }) => {
-	const context = useDatePickerContext();
-	const prevModeRef = useRef(selectionMode);
-	useEffect(() => {
-		if (prevModeRef.current !== selectionMode) {
-			context.clearValue();
-			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",
-			children: [
-				/* @__PURE__ */ jsx(CalendarPrevTrigger, {}),
-				/* @__PURE__ */ jsxs(Box, {
-					display: "flex",
-					alignItems: "center",
-					children: [/* @__PURE__ */ jsx(CalendarMonthSelect, {
-						offset: 0,
-						layout,
-						max,
-						min
-					}), /* @__PURE__ */ jsx(CalendarYearSelect, {
-						monthOffset: 0,
-						max,
-						min
-					})]
-				}),
-				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
-	})] });
-};
 var BitkitCalendar = forwardRef((props, ref) => {
 	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(BitkitCalendarContent, {
+	const content = /* @__PURE__ */ jsx(CalendarContent, {
 		layout,
 		max: maxCalendarDate,
 		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 { Box } from '@chakra-ui/react/box';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type CalendarDate } from '@internationalized/date';\nimport { forwardRef, type ReactNode, useEffect, useMemo, useRef } from 'react';\n\nimport { DatePicker, useDatePickerContext } from '../../atoms/DatePicker/DatePicker';\nimport { calendarDateToDate, dateToCalendarDate } from './Calendar.utils';\nimport CalendarFooter from './components/CalendarFooter';\nimport CalendarMonth from './components/CalendarMonth';\nimport CalendarMonthSelect from './components/CalendarMonthSelect';\nimport CalendarNextTrigger from './components/CalendarNextTrigger';\nimport CalendarPrevTrigger from './components/CalendarPrevTrigger';\nimport CalendarTrigger from './components/CalendarTrigger';\nimport CalendarYearSelect from './components/CalendarYearSelect';\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 BitkitCalendarContent = ({\n  layout,\n  max,\n  min,\n  selectionMode,\n  showSelectedDate,\n}: Pick<BitkitCalendarProps, 'layout' | 'selectionMode'> & {\n  min?: CalendarDate;\n  max?: CalendarDate;\n  showSelectedDate?: boolean;\n}) => {\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\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    <BitkitCalendarContent\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":";;;;;;;;;;;;;;AA6BA,IAAM,yBAAyB,EAC7B,QACA,KACA,KACA,eACA,uBAKI;CACJ,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;YAAtB,CACE,qBAAC,WAAW,aAAZ,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C;IACE,oBAAC,qBAAD,CAAsB,CAAA;IAEtB,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;eAA/B,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;MACJ,WAAW,aACV,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C;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;IAEe,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;KACjB,oBAAC,gBAAD;EAA+B;EAAiC;CAAmB,CAAA,CACjE,EAAA,CAAA;AAExB;AAEA,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,uBAAD;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;YA3BN,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"}
+{"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;YA3BN,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

@@ -0,0 +1,14 @@
+import { CalendarDate } from '@internationalized/date';
+export interface CalendarContentProps {
+    layout?: '1-month' | '2-month';
+    max?: CalendarDate;
+    min?: CalendarDate;
+    selectionMode?: 'day' | 'range';
+    showSelectedDate?: boolean;
+}
+/**
+ * The styled popover body shared by BitkitCalendar and BitkitDatePicker.
+ * Renders the view controls, month grids and footer inside `DatePicker.Content`.
+ */
+declare const CalendarContent: ({ layout, max, min, selectionMode, showSelectedDate }: CalendarContentProps) => import("react").JSX.Element;
+export default CalendarContent;

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

@@ -0,0 +1,76 @@
+import { DatePicker, useDatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
+import CalendarFooter from "./CalendarFooter.js";
+import CalendarMonth from "./CalendarMonth.js";
+import CalendarMonthSelect from "./CalendarMonthSelect.js";
+import CalendarNextTrigger from "./CalendarNextTrigger.js";
+import CalendarPrevTrigger from "./CalendarPrevTrigger.js";
+import CalendarYearSelect from "./CalendarYearSelect.js";
+import { Box } from "@chakra-ui/react/box";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region lib/components/BitkitCalendar/components/CalendarContent.tsx
+/**
+* The styled popover body shared by BitkitCalendar and BitkitDatePicker.
+* Renders the view controls, month grids and footer inside `DatePicker.Content`.
+*/
+var CalendarContent = ({ layout, max, min, selectionMode, showSelectedDate }) => {
+	const context = useDatePickerContext();
+	const prevModeRef = useRef(selectionMode);
+	useEffect(() => {
+		if (prevModeRef.current !== selectionMode) {
+			context.clearValue();
+			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",
+			children: [
+				/* @__PURE__ */ jsx(CalendarPrevTrigger, {}),
+				/* @__PURE__ */ jsxs(Box, {
+					display: "flex",
+					alignItems: "center",
+					children: [/* @__PURE__ */ jsx(CalendarMonthSelect, {
+						offset: 0,
+						layout,
+						max,
+						min
+					}), /* @__PURE__ */ jsx(CalendarYearSelect, {
+						monthOffset: 0,
+						max,
+						min
+					})]
+				}),
+				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 };
+
+//# sourceMappingURL=CalendarContent.js.map

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

@@ -0,0 +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 { 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;YAAtB,CACE,qBAAC,WAAW,aAAZ,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C;IACE,oBAAC,qBAAD,CAAsB,CAAA;IAEtB,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;eAA/B,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;MACJ,WAAW,aACV,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C;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;IAEe,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;KACjB,oBAAC,gBAAD;EAA+B;EAAiC;CAAmB,CAAA,CACjE,EAAA,CAAA;AAExB"}

package/dist/components/BitkitCalendar/components/CalendarFooter.js

@@ -1,8 +1,8 @@
 import { useDatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
 import { calendarDateToDate } from "../Calendar.utils.js";
 import { Box } from "@chakra-ui/react/box";
-import { Text } from "@chakra-ui/react/text";
 import { jsx } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Button } from "@chakra-ui/react/button";
 import { CalendarDate } from "@internationalized/date";
 //#region lib/components/BitkitCalendar/components/CalendarFooter.tsx

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

@@ -1,6 +1,6 @@
 import { DatePicker, DatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
-import { Text } from "@chakra-ui/react/text";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitCalendar/components/CalendarMonth.tsx
 var CalendarMonth = ({ monthsIndex }) => {
 	return /* @__PURE__ */ jsx(DatePickerContext, { children: (datePicker) => {

package/dist/components/BitkitCheckbox/BitkitCheckbox.js

@@ -1,8 +1,8 @@
 import IconCheck from "../../icons/IconCheck.js";
 import IconMinus from "../../icons/IconMinus.js";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Skeleton } from "@chakra-ui/react/skeleton";
 import { Checkbox } from "@chakra-ui/react/checkbox";
 //#region lib/components/BitkitCheckbox/BitkitCheckbox.tsx

package/dist/components/BitkitDataWidget/BitkitDataWidget.js

@@ -2,9 +2,9 @@ import IconInfoCircle from "../../icons/IconInfoCircle.js";
 import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitDataWidget/BitkitDataWidget.tsx
 var BitkitDataWidget = forwardRef((props, ref) => {
 	const { action, children, title, titleTooltip, ...rest } = props;

package/dist/components/BitkitDatePicker/BitkitDatePicker.d.ts

@@ -0,0 +1,15 @@
+import { BitkitFieldProps } from '../BitkitField/BitkitField';
+export interface BitkitDatePickerProps extends Omit<BitkitFieldProps, 'children' | 'defaultValue' | 'state' | 'value'> {
+    defaultValue?: Date | Date[] | null;
+    disablePortal?: boolean;
+    max?: Date;
+    min?: Date;
+    onValueChange?: (value: Date[] | null) => void;
+    placeholder?: string;
+    showOutsideDays?: boolean;
+    size?: 'md' | 'lg';
+    state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    value?: Date[] | null;
+}
+declare const BitkitDatePicker: import('react').ForwardRefExoticComponent<BitkitDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitDatePicker;

package/dist/components/BitkitDatePicker/BitkitDatePicker.js

@@ -0,0 +1,131 @@
+import IconCalendar from "../../icons/IconCalendar.js";
+import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
+import IconWarningYellow from "../../icons/IconWarningYellow.js";
+import BitkitControlButton from "../BitkitControlButton/BitkitControlButton.js";
+import { DatePicker, useDatePickerContext } from "../../atoms/DatePicker/DatePicker.js";
+import { calendarDateToDate, dateToCalendarDate } from "../BitkitCalendar/Calendar.utils.js";
+import CalendarContent from "../BitkitCalendar/components/CalendarContent.js";
+import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
+import BitkitField from "../BitkitField/BitkitField.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef, useContext, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { useSafeLayoutEffect } from "@chakra-ui/react/hooks";
+//#region lib/components/BitkitDatePicker/BitkitDatePicker.tsx
+var toDateArray = (value) => {
+	if (value == null) return;
+	return Array.isArray(value) ? value : [value];
+};
+/**
+* Ark offers `openOnClick` but nothing for focus, so the calendar is opened from the input's own
+* focus event — that covers tabbing in as well as clicking.
+*/
+var DatePickerInput = ({ css }) => {
+	const { disabled, open, readOnly, setOpen } = useDatePickerContext();
+	const reopenBlockedRef = useRef(false);
+	const wasOpenRef = useRef(false);
+	useSafeLayoutEffect(() => {
+		const justClosed = wasOpenRef.current && !open;
+		wasOpenRef.current = open;
+		if (!justClosed) return;
+		reopenBlockedRef.current = true;
+		const timeout = setTimeout(() => {
+			reopenBlockedRef.current = false;
+		}, 100);
+		return () => clearTimeout(timeout);
+	}, [open]);
+	const handleFocus = () => {
+		if (!reopenBlockedRef.current && !readOnly && !disabled) setOpen(true);
+	};
+	return /* @__PURE__ */ jsx(DatePicker.Input, {
+		css,
+		index: 0,
+		onFocus: handleFocus,
+		unstyled: true
+	});
+};
+var BitkitDatePicker = forwardRef((props, ref) => {
+	const { defaultValue, disablePortal, max, min, onValueChange, placeholder, showOutsideDays, size = "lg", state, value, ...fieldProps } = props;
+	const styles = useSlotRecipe({ key: "textInput" })({ size });
+	const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);
+	const minCalendarDate = useMemo(() => min ? dateToCalendarDate(min) : void 0, [min]);
+	const maxCalendarDate = useMemo(() => max ? dateToCalendarDate(max) : void 0, [max]);
+	const iconSize = size === "md" ? "16" : "24";
+	const hasWarning = state === "warning" || !!fieldProps.warningText;
+	const isInvalid = state === "error" || !!fieldProps.errorText;
+	let statusIcon = null;
+	if (isInvalid) statusIcon = /* @__PURE__ */ jsx(IconErrorCircleFilled, {
+		color: "icon/negative",
+		size: iconSize
+	});
+	else if (hasWarning) statusIcon = /* @__PURE__ */ jsx(IconWarningYellow, { size: iconSize });
+	const stateAttrs = {
+		"data-disabled": state === "disabled" ? "" : void 0,
+		"data-invalid": isInvalid ? "" : void 0,
+		"data-readonly": state === "readOnly" ? "" : void 0
+	};
+	const calendarButton = /* @__PURE__ */ jsx(BitkitControlButton, {
+		icon: IconCalendar,
+		label: "Open calendar",
+		marginInlineEnd: size === "md" ? "-8" : "-4",
+		size: size === "md" ? "xs" : "sm",
+		state: state !== "disabled" && state !== "readOnly" ? void 0 : "disabled"
+	});
+	return /* @__PURE__ */ jsx(BitkitField, {
+		ref,
+		state,
+		...fieldProps,
+		children: /* @__PURE__ */ jsxs(DatePicker.Root, {
+			defaultValue: toDateArray(defaultValue)?.map(dateToCalendarDate),
+			device: "desktop",
+			disabled: state === "disabled",
+			invalid: isInvalid,
+			layout: "1-month",
+			max: maxCalendarDate,
+			min: minCalendarDate,
+			numOfMonths: 1,
+			onValueChange: onValueChange ? (details) => onValueChange(details.value?.map(calendarDateToDate) ?? null) : void 0,
+			placeholder: state === "readOnly" ? "(not set)" : placeholder,
+			positioning: { placement: "bottom-start" },
+			readOnly: state === "readOnly",
+			selectionMode: "single",
+			showOutsideDays: showOutsideDays ?? true,
+			startOfWeek: 1,
+			value: value === void 0 ? void 0 : value?.map(dateToCalendarDate) ?? [],
+			children: [/* @__PURE__ */ jsx(DatePicker.Control, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs(Box, {
+					css: styles.field,
+					...stateAttrs,
+					children: [
+						/* @__PURE__ */ jsx(DatePickerInput, { css: styles.input }),
+						statusIcon != null && /* @__PURE__ */ jsx(Box, {
+							css: styles.element,
+							...stateAttrs,
+							children: statusIcon
+						}),
+						state === "readOnly" ? calendarButton : /* @__PURE__ */ jsx(DatePicker.Trigger, {
+							asChild: true,
+							children: calendarButton
+						})
+					]
+				})
+			}), /* @__PURE__ */ jsx(Portal, {
+				disabled: disablePortal || disablePortalFromContext,
+				children: /* @__PURE__ */ jsx(DatePicker.Positioner, { children: /* @__PURE__ */ jsx(CalendarContent, {
+					layout: "1-month",
+					max: maxCalendarDate,
+					min: minCalendarDate,
+					selectionMode: "day"
+				}) })
+			})]
+		})
+	});
+});
+BitkitDatePicker.displayName = "BitkitDatePicker";
+//#endregion
+export { BitkitDatePicker as default };
+
+//# sourceMappingURL=BitkitDatePicker.js.map

package/dist/components/BitkitDatePicker/BitkitDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDatePicker.js","names":[],"sources":["../../../lib/components/BitkitDatePicker/BitkitDatePicker.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { useSafeLayoutEffect } from '@chakra-ui/react/hooks';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode, useContext, useMemo, useRef } from 'react';\n\nimport { DatePicker, type DatePickerValueChangeDetails, useDatePickerContext } from '../../atoms/DatePicker/DatePicker';\nimport IconCalendar from '../../icons/IconCalendar';\nimport IconErrorCircleFilled from '../../icons/IconErrorCircleFilled';\nimport IconWarningYellow from '../../icons/IconWarningYellow';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport { calendarDateToDate, dateToCalendarDate } from '../BitkitCalendar/Calendar.utils';\nimport CalendarContent from '../BitkitCalendar/components/CalendarContent';\nimport BitkitControlButton from '../BitkitControlButton/BitkitControlButton';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitDatePickerProps extends Omit<BitkitFieldProps, 'children' | 'defaultValue' | 'state' | 'value'> {\n  defaultValue?: Date | Date[] | null;\n  disablePortal?: boolean;\n  max?: Date;\n  min?: Date;\n  onValueChange?: (value: Date[] | null) => void;\n  placeholder?: string;\n  showOutsideDays?: boolean;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  value?: Date[] | null;\n}\n\nconst toDateArray = (value?: Date | Date[] | null): Date[] | undefined => {\n  if (value == null) {\n    return undefined;\n  }\n  return Array.isArray(value) ? value : [value];\n};\n\n/**\n * Ark offers `openOnClick` but nothing for focus, so the calendar is opened from the input's own\n * focus event — that covers tabbing in as well as clicking.\n */\nconst DatePickerInput = ({ css }: { css: SystemStyleObject }) => {\n  const { disabled, open, readOnly, setOpen } = useDatePickerContext();\n  const reopenBlockedRef = useRef(false);\n  const wasOpenRef = useRef(false);\n\n  // Zag's `focusInputElement` puts focus back on the input a frame after the calendar closes on\n  // selection, which would bounce it straight back open. Ignore focus that lands right after a\n  // close — this has to be a layout effect so the flag is set before Zag's rAF runs. Isomorphic\n  // layout effect: avoids the SSR \"useLayoutEffect does nothing on the server\" warning.\n  useSafeLayoutEffect(() => {\n    const justClosed = wasOpenRef.current && !open;\n    wasOpenRef.current = open;\n\n    // Only a real close can trigger Zag's refocus, so mount (never-opened) must not arm the block\n    // — otherwise an autoFocus or a programmatic focus right after mount gets swallowed.\n    if (!justClosed) {\n      return undefined;\n    }\n\n    reopenBlockedRef.current = true;\n    const timeout = setTimeout(() => {\n      reopenBlockedRef.current = false;\n    }, 100);\n\n    return () => clearTimeout(timeout);\n  }, [open]);\n\n  // Ark gates its own trigger handlers on the machine's interactive state, but `setOpen` is not —\n  // it would happily open the calendar on a read-only or disabled field. A disabled input still\n  // needs the check: Chrome fires focus events for a programmatic `.focus()` on one, even though\n  // focus never actually lands there.\n  const handleFocus = () => {\n    if (!reopenBlockedRef.current && !readOnly && !disabled) {\n      setOpen(true);\n    }\n  };\n\n  return <DatePicker.Input css={css} index={0} onFocus={handleFocus} unstyled />;\n};\n\nconst BitkitDatePicker = forwardRef<HTMLDivElement, BitkitDatePickerProps>((props, ref) => {\n  const {\n    defaultValue,\n    disablePortal,\n    max,\n    min,\n    onValueChange,\n    placeholder,\n    showOutsideDays,\n    size = 'lg',\n    state,\n    value,\n    ...fieldProps\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'textInput' });\n  const styles = recipe({ size });\n\n  const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n\n  const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n  const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n  const iconSize = size === 'md' ? '16' : '24';\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon: ReactNode = null;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={iconSize} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  const stateAttrs = {\n    'data-disabled': state === 'disabled' ? '' : undefined,\n    'data-invalid': isInvalid ? '' : undefined,\n    'data-readonly': state === 'readOnly' ? '' : undefined,\n  };\n\n  const isInteractive = state !== 'disabled' && state !== 'readOnly';\n\n  const calendarButton = (\n    <BitkitControlButton\n      icon={IconCalendar}\n      label=\"Open calendar\"\n      // Pulled out by its own padding so the glyph lands where a plain end icon would sit in\n      // BitkitTextInput — 16px (lg) / 12px (md) from the field's outer edge.\n      marginInlineEnd={size === 'md' ? '-8' : '-4'}\n      size={size === 'md' ? 'xs' : 'sm'}\n      state={isInteractive ? undefined : 'disabled'}\n    />\n  );\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <DatePicker.Root\n        defaultValue={toDateArray(defaultValue)?.map(dateToCalendarDate)}\n        device=\"desktop\"\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        layout=\"1-month\"\n        max={maxCalendarDate}\n        min={minCalendarDate}\n        numOfMonths={1}\n        onValueChange={\n          onValueChange\n            ? (details: DatePickerValueChangeDetails) => onValueChange(details.value?.map(calendarDateToDate) ?? null)\n            : undefined\n        }\n        placeholder={state === 'readOnly' ? '(not set)' : placeholder}\n        positioning={{ placement: 'bottom-start' }}\n        readOnly={state === 'readOnly'}\n        selectionMode=\"single\"\n        showOutsideDays={showOutsideDays ?? true}\n        startOfWeek={1}\n        // Stay controlled whenever `value` is provided — even for `null`/`[]` (\"nothing\n        // selected\"). Passing `undefined` would flip Root to uncontrolled. See BitkitCombobox.\n        value={value === undefined ? undefined : (value?.map(dateToCalendarDate) ?? [])}\n      >\n        <DatePicker.Control asChild>\n          <Box css={styles.field} {...stateAttrs}>\n            <DatePickerInput css={styles.input} />\n            {statusIcon != null && (\n              <Box css={styles.element} {...stateAttrs}>\n                {statusIcon}\n              </Box>\n            )}\n            {/* Ark keeps the trigger interactive in read-only mode and forces `disabled={false}`\n                onto whatever it wraps, so the button is left unwrapped there to stay inert. */}\n            {state === 'readOnly' ? calendarButton : <DatePicker.Trigger asChild>{calendarButton}</DatePicker.Trigger>}\n          </Box>\n        </DatePicker.Control>\n        <Portal disabled={disablePortal || disablePortalFromContext}>\n          <DatePicker.Positioner>\n            <CalendarContent layout=\"1-month\" max={maxCalendarDate} min={minCalendarDate} selectionMode=\"day\" />\n          </DatePicker.Positioner>\n        </Portal>\n      </DatePicker.Root>\n    </BitkitField>\n  );\n});\n\nBitkitDatePicker.displayName = 'BitkitDatePicker';\n\nexport default BitkitDatePicker;\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,IAAM,eAAe,UAAqD;CACxE,IAAI,SAAS,MACX;CAEF,OAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AAC9C;;;;;AAMA,IAAM,mBAAmB,EAAE,UAAsC;CAC/D,MAAM,EAAE,UAAU,MAAM,UAAU,YAAY,qBAAqB;CACnE,MAAM,mBAAmB,OAAO,KAAK;CACrC,MAAM,aAAa,OAAO,KAAK;CAM/B,0BAA0B;EACxB,MAAM,aAAa,WAAW,WAAW,CAAC;EAC1C,WAAW,UAAU;EAIrB,IAAI,CAAC,YACH;EAGF,iBAAiB,UAAU;EAC3B,MAAM,UAAU,iBAAiB;GAC/B,iBAAiB,UAAU;EAC7B,GAAG,GAAG;EAEN,aAAa,aAAa,OAAO;CACnC,GAAG,CAAC,IAAI,CAAC;CAMT,MAAM,oBAAoB;EACxB,IAAI,CAAC,iBAAiB,WAAW,CAAC,YAAY,CAAC,UAC7C,QAAQ,IAAI;CAEhB;CAEA,OAAO,oBAAC,WAAW,OAAZ;EAAuB;EAAK,OAAO;EAAG,SAAS;EAAa,UAAA;CAAU,CAAA;AAC/E;AAEA,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EACJ,cACA,eACA,KACA,KACA,eACA,aACA,iBACA,OAAO,MACP,OACA,OACA,GAAG,eACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAElF,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,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAwB;CAC5B,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM;CAAW,CAAA;MACtE,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAW,CAAA;CAGnD,MAAM,aAAa;EACjB,iBAAiB,UAAU,aAAa,KAAK,KAAA;EAC7C,gBAAgB,YAAY,KAAK,KAAA;EACjC,iBAAiB,UAAU,aAAa,KAAK,KAAA;CAC/C;CAIA,MAAM,iBACJ,oBAAC,qBAAD;EACE,MAAM;EACN,OAAM;EAGN,iBAAiB,SAAS,OAAO,OAAO;EACxC,MAAM,SAAS,OAAO,OAAO;EAC7B,OAVkB,UAAU,cAAc,UAAU,aAU7B,KAAA,IAAY;CACpC,CAAA;CAGH,OACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,WAAW,MAAZ;GACE,cAAc,YAAY,YAAY,CAAC,EAAE,IAAI,kBAAkB;GAC/D,QAAO;GACP,UAAU,UAAU;GACpB,SAAS;GACT,QAAO;GACP,KAAK;GACL,KAAK;GACL,aAAa;GACb,eACE,iBACK,YAA0C,cAAc,QAAQ,OAAO,IAAI,kBAAkB,KAAK,IAAI,IACvG,KAAA;GAEN,aAAa,UAAU,aAAa,cAAc;GAClD,aAAa,EAAE,WAAW,eAAe;GACzC,UAAU,UAAU;GACpB,eAAc;GACd,iBAAiB,mBAAmB;GACpC,aAAa;GAGb,OAAO,UAAU,KAAA,IAAY,KAAA,IAAa,OAAO,IAAI,kBAAkB,KAAK,CAAC;aAtB/E,CAwBE,oBAAC,WAAW,SAAZ;IAAoB,SAAA;cAClB,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAO,GAAI;eAA5B;MACE,oBAAC,iBAAD,EAAiB,KAAK,OAAO,MAAQ,CAAA;MACpC,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAIN,UAAU,aAAa,iBAAiB,oBAAC,WAAW,SAAZ;OAAoB,SAAA;iBAAS;MAAmC,CAAA;KACtG;;GACa,CAAA,GACpB,oBAAC,QAAD;IAAQ,UAAU,iBAAiB;cACjC,oBAAC,WAAW,YAAZ,EAAA,UACE,oBAAC,iBAAD;KAAiB,QAAO;KAAU,KAAK;KAAiB,KAAK;KAAiB,eAAc;IAAO,CAAA,EAC9E,CAAA;GACjB,CAAA,CACO;;CACN,CAAA;AAEjB,CAAC;AAED,iBAAiB,cAAc"}

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js

@@ -1,9 +1,9 @@
 import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { cloneElement, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Collapsible } from "@chakra-ui/react/collapsible";
 import { Card } from "@chakra-ui/react/card";
 //#region lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx

package/dist/components/BitkitFileInput/BitkitFileInput.js

@@ -3,9 +3,9 @@ import IconUpload from "../../icons/IconUpload.js";
 import BitkitButton from "../BitkitButton/BitkitButton.js";
 import BitkitField from "../BitkitField/BitkitField.js";
 import ImageCropper_default, { useImageCropperContext } from "../../atoms/ImageCropper/ImageCropper.js";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef, useEffect, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Card } from "@chakra-ui/react/card";
 import { FileUpload, useFileUploadContext } from "@chakra-ui/react/file-upload";
 import { VStack } from "@chakra-ui/react/stack";

package/dist/components/BitkitLabel/BitkitLabel.js

@@ -1,9 +1,9 @@
 import IconInfoCircle from "../../icons/IconInfoCircle.js";
 import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
 import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { cloneElement, forwardRef, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { useFieldContext } from "@chakra-ui/react/field";
 import { Flex } from "@chakra-ui/react/flex";
 //#region lib/components/BitkitLabel/BitkitLabel.tsx

package/dist/components/BitkitList/BitkitList.js

@@ -1,8 +1,8 @@
 import { withSubComponents } from "../../utilities/withSubComponents.js";
 import { Box } from "@chakra-ui/react/box";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { createContext as createContext$1 } from "@chakra-ui/react";
 import { List } from "@chakra-ui/react/list";
 //#region lib/components/BitkitList/BitkitList.tsx

package/dist/components/BitkitMarkdown/BitkitMarkdown.js

@@ -3,10 +3,10 @@ import BitkitHeading from "../BitkitHeading/BitkitHeading.js";
 import BitkitLink from "../BitkitLink/BitkitLink.js";
 import BitkitList_default from "../BitkitList/BitkitList.js";
 import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef, isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Separator } from "@chakra-ui/react/separator";
+import { Text } from "@chakra-ui/react/text";
 import { Stack } from "@chakra-ui/react/stack";
 import Markdown from "react-markdown";
 //#region lib/components/BitkitMarkdown/BitkitMarkdown.tsx

package/dist/components/BitkitMultiselect/BitkitMultiselect.js

@@ -10,10 +10,10 @@ import BitkitMultiselectMenu from "../BitkitMultiselectMenu/BitkitMultiselectMen
 import BitkitTag from "../BitkitTag/BitkitTag.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef, useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
+import { Text } from "@chakra-ui/react/text";
 import { createListCollection } from "@chakra-ui/react/collection";
 import { Select, useSelectContext } from "@chakra-ui/react/select";
 //#region lib/components/BitkitMultiselect/BitkitMultiselect.tsx

package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js

@@ -2,9 +2,9 @@ import IconCheck from "../../icons/IconCheck.js";
 import { SelectMenuShell } from "../BitkitSelectMenu/SelectMenuShell.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Spinner } from "@chakra-ui/react/spinner";
 import { Select } from "@chakra-ui/react/select";
 //#region lib/components/BitkitMultiselectMenu/BitkitMultiselectMenu.tsx

package/dist/components/BitkitNoteCard/BitkitNoteCard.js

@@ -3,9 +3,9 @@ import BitkitButton from "../BitkitButton/BitkitButton.js";
 import BitkitList_default from "../BitkitList/BitkitList.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitNoteCard/BitkitNoteCard.tsx
 var BitkitNoteCard = forwardRef((props, ref) => {
 	const { action, message, messageList, status = "info", title, ...rest } = props;

package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js

@@ -2,9 +2,9 @@ import BitkitDialog_default from "../BitkitDialog/BitkitDialog.js";
 import BitkitLinkButton from "../BitkitLinkButton/BitkitLinkButton.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 //#region lib/components/BitkitOverflowContent/BitkitOverflowContent.tsx
 var BitkitOverflowContent = forwardRef((props, ref) => {
 	const { buttonSize = "md", children, previewText, textStyle, title, ...rest } = props;

package/dist/components/BitkitRadio/BitkitRadio.js

@@ -1,7 +1,7 @@
 import BitkitBadge from "../BitkitBadge/BitkitBadge.js";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Skeleton } from "@chakra-ui/react/skeleton";
 import { RadioGroup } from "@chakra-ui/react/radio-group";
 //#region lib/components/BitkitRadio/BitkitRadio.tsx

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -6,10 +6,10 @@ import BitkitSelectMenuAction from "../BitkitSelectMenu/BitkitSelectMenuAction.j
 import BitkitSelectMenu from "../BitkitSelectMenu/BitkitSelectMenu.js";
 import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
 import BitkitField from "../BitkitField/BitkitField.js";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
+import { Text } from "@chakra-ui/react/text";
 import { createListCollection } from "@chakra-ui/react/collection";
 import { Select, useSelectContext } from "@chakra-ui/react/select";
 //#region lib/components/BitkitSelect/BitkitSelect.tsx

package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js

@@ -3,9 +3,9 @@ import BitkitAvatar from "../BitkitAvatar/BitkitAvatar.js";
 import { SelectMenuShell } from "./SelectMenuShell.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Spinner } from "@chakra-ui/react/spinner";
 import { Select } from "@chakra-ui/react/select";
 import { Combobox } from "@chakra-ui/react/combobox";

package/dist/components/BitkitSelectMenu/SelectMenuShell.js

@@ -4,9 +4,9 @@ import BitkitGroupHeading from "../BitkitGroupHeading/BitkitGroupHeading.js";
 import { SelectMenuShellContextProvider } from "./BitkitSelectMenuAction.js";
 import { Box } from "@chakra-ui/react/box";
 import { chakra } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Spinner } from "@chakra-ui/react/spinner";
 //#region lib/components/BitkitSelectMenu/SelectMenuShell.tsx
 var SelectMenuShell = ({ NS, children, collection, contentProps, contentRef, emptyHelperText, emptyLabel = "No matching options", iconSize, isLoading = false, onSearchChange, renderItem, searchValue, size, styles }) => {

package/dist/components/BitkitSettingsCard/BitkitSettingsCard.js

@@ -1,9 +1,9 @@
 import { withSubComponents } from "../../utilities/withSubComponents.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Card } from "@chakra-ui/react/card";
 //#region lib/components/BitkitSettingsCard/BitkitSettingsCard.tsx
 var useSettingsCardStyles = () => {

package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js

@@ -1,6 +1,6 @@
 import { isOnOff } from "../BitkitSwitch.utils.js";
-import { Text } from "@chakra-ui/react/text";
 import { jsx } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Skeleton } from "@chakra-ui/react/skeleton";
 import { useSwitchContext } from "@chakra-ui/react/switch";
 //#region lib/components/BitkitSwitch/components/BitkitSwitchHelperText.tsx

package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js

@@ -1,7 +1,7 @@
 import IconInfoCircle from "../../../icons/IconInfoCircle.js";
 import BitkitTooltip from "../../BitkitTooltip/BitkitTooltip.js";
-import { Text } from "@chakra-ui/react/text";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Flex } from "@chakra-ui/react/flex";
 import { useSwitchContext } from "@chakra-ui/react/switch";
 //#region lib/components/BitkitSwitch/components/BitkitSwitchLabel.tsx

package/dist/components/BitkitTabs/BitkitTabs.js

@@ -3,11 +3,11 @@ import IconPlus from "../../icons/IconPlus.js";
 import BitkitControlButton from "../BitkitControlButton/BitkitControlButton.js";
 import { Box } from "@chakra-ui/react/box";
 import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { Children, Fragment, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
 import { Menu } from "@chakra-ui/react/menu";
+import { Text } from "@chakra-ui/react/text";
 import { createContext as createContext$1, mergeRefs, useSafeLayoutEffect } from "@chakra-ui/react";
 import { Tabs, useTabsContext, useTabsStyles } from "@chakra-ui/react/tabs";
 //#region lib/components/BitkitTabs/BitkitTabs.tsx

package/dist/components/BitkitTextInput/BitkitTextInput.js

@@ -46,6 +46,7 @@ var BitkitTextInput = forwardRef((props, ref) => {
 				}),
 				/* @__PURE__ */ jsxs(Box, {
 					css: styles.field,
+					flex: "1",
 					...stateAttrs,
 					children: [
 						startElement != null && /* @__PURE__ */ jsx(Box, {

package/dist/components/BitkitTextInput/BitkitTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTextInput.js","names":[],"sources":["../../../lib/components/BitkitTextInput/BitkitTextInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Group } from '@chakra-ui/react/group';\nimport { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputAddon, type InputAddonProps } from '@chakra-ui/react/input-addon';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {\n  counter?: boolean;\n  endAddon?: ReactNode;\n  endAddonProps?: InputAddonProps;\n  endElement?: ReactNode;\n  inputProps?: InputProps;\n  maxLength?: HTMLInputElement['maxLength'];\n  placeholder?: string;\n  size?: 'md' | 'lg';\n  startAddon?: ReactNode;\n  startAddonProps?: InputAddonProps;\n  startElement?: ReactNode;\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n}\n\nconst BitkitTextInput = forwardRef<HTMLDivElement, BitkitTextInputProps>((props, ref) => {\n  const {\n    counter,\n    endAddon,\n    endAddonProps,\n    endElement,\n    inputProps,\n    maxLength,\n    placeholder,\n    size = 'lg',\n    startAddon,\n    startAddonProps,\n    startElement,\n    state,\n    ...fieldProps\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'textInput' });\n  const styles = recipe({ size });\n\n  const iconSize = size === 'md' ? '16' : '24';\n  const addonSize = size === 'md' ? 'md' : 'lg';\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon: ReactNode = null;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={iconSize} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  const counterText =\n    counter && maxLength && inputProps?.value !== undefined\n      ? `${inputProps.value.toString().length}/${maxLength}`\n      : undefined;\n\n  const stateAttrs = {\n    'data-disabled': state === 'disabled' ? '' : undefined,\n    'data-invalid': isInvalid ? '' : undefined,\n    'data-readonly': state === 'readOnly' ? '' : undefined,\n  };\n\n  return (\n    <BitkitField counterText={counterText} ref={ref} state={state} {...fieldProps}>\n      <Group attached width=\"100%\">\n        {startAddon != null && (\n          <InputAddon position=\"start\" size={addonSize} {...stateAttrs} {...startAddonProps}>\n            {startAddon}\n          </InputAddon>\n        )}\n        <Box css={styles.field} {...stateAttrs}>\n          {startElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {startElement}\n            </Box>\n          )}\n          <Input css={styles.input} maxLength={maxLength} placeholder={placeholder} {...inputProps} unstyled />\n          {statusIcon != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {statusIcon}\n            </Box>\n          )}\n          {endElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {endElement}\n            </Box>\n          )}\n        </Box>\n        {endAddon != null && (\n          <InputAddon position=\"end\" size={addonSize} {...stateAttrs} {...endAddonProps}>\n            {endAddon}\n          </InputAddon>\n        )}\n      </Group>\n    </BitkitField>\n  );\n});\n\nBitkitTextInput.displayName = 'BitkitTextInput';\n\nexport default BitkitTextInput;\n"],"mappings":";;;;;;;;;;;AAyBA,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,SACA,UACA,eACA,YACA,YACA,WACA,aACA,OAAO,MACP,YACA,iBACA,cACA,OACA,GAAG,eACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,YAAY,SAAS,OAAO,OAAO;CAEzC,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAwB;CAC5B,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM;CAAW,CAAA;MACtE,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAW,CAAA;CAGnD,MAAM,cACJ,WAAW,aAAa,YAAY,UAAU,KAAA,IAC1C,GAAG,WAAW,MAAM,SAAS,CAAC,CAAC,OAAO,GAAG,cACzC,KAAA;CAEN,MAAM,aAAa;EACjB,iBAAiB,UAAU,aAAa,KAAK,KAAA;EAC7C,gBAAgB,YAAY,KAAK,KAAA;EACjC,iBAAiB,UAAU,aAAa,KAAK,KAAA;CAC/C;CAEA,OACE,oBAAC,aAAD;EAA0B;EAAkB;EAAY;EAAO,GAAI;YACjE,qBAAC,OAAD;GAAO,UAAA;GAAS,OAAM;aAAtB;IACG,cAAc,QACb,oBAAC,YAAD;KAAY,UAAS;KAAQ,MAAM;KAAW,GAAI;KAAY,GAAI;eAC/D;IACS,CAAA;IAEd,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAO,GAAI;eAA5B;MACG,gBAAgB,QACf,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEP,oBAAC,OAAD;OAAO,KAAK,OAAO;OAAkB;OAAwB;OAAa,GAAI;OAAY,UAAA;MAAU,CAAA;MACnG,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEN,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;KAEJ;;IACJ,YAAY,QACX,oBAAC,YAAD;KAAY,UAAS;KAAM,MAAM;KAAW,GAAI;KAAY,GAAI;eAC7D;IACS,CAAA;GAET;;CACI,CAAA;AAEjB,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"BitkitTextInput.js","names":[],"sources":["../../../lib/components/BitkitTextInput/BitkitTextInput.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Group } from '@chakra-ui/react/group';\nimport { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputAddon, type InputAddonProps } from '@chakra-ui/react/input-addon';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {\n  counter?: boolean;\n  endAddon?: ReactNode;\n  endAddonProps?: InputAddonProps;\n  endElement?: ReactNode;\n  inputProps?: InputProps;\n  maxLength?: HTMLInputElement['maxLength'];\n  placeholder?: string;\n  size?: 'md' | 'lg';\n  startAddon?: ReactNode;\n  startAddonProps?: InputAddonProps;\n  startElement?: ReactNode;\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n}\n\nconst BitkitTextInput = forwardRef<HTMLDivElement, BitkitTextInputProps>((props, ref) => {\n  const {\n    counter,\n    endAddon,\n    endAddonProps,\n    endElement,\n    inputProps,\n    maxLength,\n    placeholder,\n    size = 'lg',\n    startAddon,\n    startAddonProps,\n    startElement,\n    state,\n    ...fieldProps\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'textInput' });\n  const styles = recipe({ size });\n\n  const iconSize = size === 'md' ? '16' : '24';\n  const addonSize = size === 'md' ? 'md' : 'lg';\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n  let statusIcon: ReactNode = null;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={iconSize} />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  const counterText =\n    counter && maxLength && inputProps?.value !== undefined\n      ? `${inputProps.value.toString().length}/${maxLength}`\n      : undefined;\n\n  const stateAttrs = {\n    'data-disabled': state === 'disabled' ? '' : undefined,\n    'data-invalid': isInvalid ? '' : undefined,\n    'data-readonly': state === 'readOnly' ? '' : undefined,\n  };\n\n  return (\n    <BitkitField counterText={counterText} ref={ref} state={state} {...fieldProps}>\n      <Group attached width=\"100%\">\n        {startAddon != null && (\n          <InputAddon position=\"start\" size={addonSize} {...stateAttrs} {...startAddonProps}>\n            {startAddon}\n          </InputAddon>\n        )}\n        <Box css={styles.field} flex=\"1\" {...stateAttrs}>\n          {startElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {startElement}\n            </Box>\n          )}\n          <Input css={styles.input} maxLength={maxLength} placeholder={placeholder} {...inputProps} unstyled />\n          {statusIcon != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {statusIcon}\n            </Box>\n          )}\n          {endElement != null && (\n            <Box css={styles.element} {...stateAttrs}>\n              {endElement}\n            </Box>\n          )}\n        </Box>\n        {endAddon != null && (\n          <InputAddon position=\"end\" size={addonSize} {...stateAttrs} {...endAddonProps}>\n            {endAddon}\n          </InputAddon>\n        )}\n      </Group>\n    </BitkitField>\n  );\n});\n\nBitkitTextInput.displayName = 'BitkitTextInput';\n\nexport default BitkitTextInput;\n"],"mappings":";;;;;;;;;;;AAyBA,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,SACA,UACA,eACA,YACA,YACA,WACA,aACA,OAAO,MACP,YACA,iBACA,cACA,OACA,GAAG,eACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,YAAY,SAAS,OAAO,OAAO;CAEzC,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAwB;CAC5B,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM;CAAW,CAAA;MACtE,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAW,CAAA;CAGnD,MAAM,cACJ,WAAW,aAAa,YAAY,UAAU,KAAA,IAC1C,GAAG,WAAW,MAAM,SAAS,CAAC,CAAC,OAAO,GAAG,cACzC,KAAA;CAEN,MAAM,aAAa;EACjB,iBAAiB,UAAU,aAAa,KAAK,KAAA;EAC7C,gBAAgB,YAAY,KAAK,KAAA;EACjC,iBAAiB,UAAU,aAAa,KAAK,KAAA;CAC/C;CAEA,OACE,oBAAC,aAAD;EAA0B;EAAkB;EAAY;EAAO,GAAI;YACjE,qBAAC,OAAD;GAAO,UAAA;GAAS,OAAM;aAAtB;IACG,cAAc,QACb,oBAAC,YAAD;KAAY,UAAS;KAAQ,MAAM;KAAW,GAAI;KAAY,GAAI;eAC/D;IACS,CAAA;IAEd,qBAAC,KAAD;KAAK,KAAK,OAAO;KAAO,MAAK;KAAI,GAAI;eAArC;MACG,gBAAgB,QACf,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEP,oBAAC,OAAD;OAAO,KAAK,OAAO;OAAkB;OAAwB;OAAa,GAAI;OAAY,UAAA;MAAU,CAAA;MACnG,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;MAEN,cAAc,QACb,oBAAC,KAAD;OAAK,KAAK,OAAO;OAAS,GAAI;iBAC3B;MACE,CAAA;KAEJ;;IACJ,YAAY,QACX,oBAAC,YAAD;KAAY,UAAS;KAAM,MAAM;KAAW,GAAI;KAAY,GAAI;eAC7D;IACS,CAAA;GAET;;CACI,CAAA;AAEjB,CAAC;AAED,gBAAgB,cAAc"}

package/dist/components/BitkitToast/BitkitToaster.js

@@ -4,8 +4,8 @@ import { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP } from "../common/notificationMa
 import { toaster } from "./BitkitToast.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { Toast, Toaster } from "@chakra-ui/react/toast";
 //#region lib/components/BitkitToast/BitkitToaster.tsx
 var BitkitToaster = () => {

package/dist/components/BitkitTreeView/BitkitTreeView.js

@@ -4,9 +4,9 @@ import IconWarningYellow from "../../icons/IconWarningYellow.js";
 import { withSubComponents } from "../../utilities/withSubComponents.js";
 import { Box } from "@chakra-ui/react/box";
 import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { Text } from "@chakra-ui/react/text";
 import { cloneElement, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@chakra-ui/react/text";
 import { createTreeCollection } from "@chakra-ui/react/collection";
 import { createContext as createContext$1 } from "@chakra-ui/react";
 import { TreeView } from "@chakra-ui/react/tree-view";

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export { default as BitkitColorButton, type BitkitColorButtonProps } from './Bit
 export { default as BitkitCombobox, type BitkitComboboxProps } from './BitkitCombobox/BitkitCombobox';
 export { default as BitkitControlButton, type BitkitControlButtonProps, } from './BitkitControlButton/BitkitControlButton';
 export { default as BitkitDataWidget, type BitkitDataWidgetProps } from './BitkitDataWidget/BitkitDataWidget';
+export { default as BitkitDatePicker, type BitkitDatePickerProps } from './BitkitDatePicker/BitkitDatePicker';
 export { default as BitkitDefinitionTooltip, type BitkitDefinitionTooltipProps, } from './BitkitDefinitionTooltip/BitkitDefinitionTooltip';
 export { default as BitkitDialog, type BitkitDialogProps } from './BitkitDialog/BitkitDialog';
 export { default as BitkitFormDialog, type BitkitFormDialogProps } from './BitkitDialog/BitkitFormDialog';

package/dist/main.js

@@ -308,6 +308,7 @@ import BitkitCollapsible from "./components/BitkitCollapsible/BitkitCollapsible.
 import BitkitField from "./components/BitkitField/BitkitField.js";
 import BitkitCombobox_default from "./components/BitkitCombobox/BitkitCombobox.js";
 import BitkitDataWidget from "./components/BitkitDataWidget/BitkitDataWidget.js";
+import BitkitDatePicker from "./components/BitkitDatePicker/BitkitDatePicker.js";
 import BitkitDefinitionTooltip from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
 import BitkitDialog_default from "./components/BitkitDialog/BitkitDialog.js";
 import BitkitFormDialog_default from "./components/BitkitDialog/BitkitFormDialog.js";
@@ -370,4 +371,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
 import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive, useStepperDialog };
+export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive, useStepperDialog };

package/dist/theme/slot-recipes/TextInput.recipe.js

@@ -14,7 +14,6 @@ var textInputSlotRecipe = defineSlotRecipe({
 			alignItems: "center",
 			color: "input/text/inputValue",
 			display: "flex",
-			flex: "1",
 			height: "var(--input-height)",
 			minWidth: 0,
 			"&:has(input:focus-visible)": { boxShadow: "0 0 0 0.125rem var(--focus-ring-color) inset" },

package/dist/theme/slot-recipes/TextInput.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TextInput.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { frame, text, variants as inputVariants } from '../common/InputAndTextarea.common';\n\nconst textInputSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-text-input',\n  slots: ['field', 'input', 'element'],\n  base: {\n    field: {\n      ...frame,\n      alignItems: 'center',\n      color: 'input/text/inputValue',\n      display: 'flex',\n      flex: '1',\n      height: 'var(--input-height)',\n      minWidth: 0,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 0.125rem var(--focus-ring-color) inset',\n      },\n      _invalid: {\n        ...frame._invalid,\n        zIndex: 1,\n      },\n      _disabled: {\n        ...frame._disabled,\n        boxShadow: 'none',\n      },\n    },\n    input: {\n      ...text,\n      background: 'transparent',\n      borderWidth: 0,\n      flex: '1',\n      focusVisibleRing: 'none',\n      height: '100%',\n      lineHeight: 'normal',\n      minWidth: 0,\n      padding: 0,\n      width: '100%',\n      _invalid: {\n        color: 'input/text/error',\n      },\n      _disabled: {\n        ...text._disabled,\n        cursor: 'not-allowed',\n      },\n    },\n    element: {\n      alignItems: 'center',\n      color: 'icon/tertiary',\n      display: 'flex',\n      flexShrink: '0',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.md.paddingInline,\n          '--input-height': inputVariants.size.md['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.md.textStyle,\n        },\n      },\n      lg: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.lg.paddingInline,\n          '--input-height': inputVariants.size.lg['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.lg.textStyle,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default textInputSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAAO;EAAC;EAAS;EAAS;CAAS;CACnC,MAAM;EACJ,OAAO;GACL,GAAG;GACH,YAAY;GACZ,OAAO;GACP,SAAS;GACT,MAAM;GACN,QAAQ;GACR,UAAU;GACV,8BAA8B,EAC5B,WAAW,+CACb;GACA,UAAU;IACR,GAAG,MAAM;IACT,QAAQ;GACV;GACA,WAAW;IACT,GAAG,MAAM;IACT,WAAW;GACb;EACF;EACA,OAAO;GACL,GAAG;GACH,YAAY;GACZ,aAAa;GACb,MAAM;GACN,kBAAkB;GAClB,QAAQ;GACR,YAAY;GACZ,UAAU;GACV,SAAS;GACT,OAAO;GACP,UAAU,EACR,OAAO,mBACT;GACA,WAAW;IACT,GAAG,KAAK;IACR,QAAQ;GACV;EACF;EACA,SAAS;GACP,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;EACA,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"TextInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TextInput.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { frame, text, variants as inputVariants } from '../common/InputAndTextarea.common';\n\nconst textInputSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-text-input',\n  slots: ['field', 'input', 'element'],\n  base: {\n    field: {\n      ...frame,\n      alignItems: 'center',\n      color: 'input/text/inputValue',\n      display: 'flex',\n      height: 'var(--input-height)',\n      minWidth: 0,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 0.125rem var(--focus-ring-color) inset',\n      },\n      _invalid: {\n        ...frame._invalid,\n        zIndex: 1,\n      },\n      _disabled: {\n        ...frame._disabled,\n        boxShadow: 'none',\n      },\n    },\n    input: {\n      ...text,\n      background: 'transparent',\n      borderWidth: 0,\n      flex: '1',\n      focusVisibleRing: 'none',\n      height: '100%',\n      lineHeight: 'normal',\n      minWidth: 0,\n      padding: 0,\n      width: '100%',\n      _invalid: {\n        color: 'input/text/error',\n      },\n      _disabled: {\n        ...text._disabled,\n        cursor: 'not-allowed',\n      },\n    },\n    element: {\n      alignItems: 'center',\n      color: 'icon/tertiary',\n      display: 'flex',\n      flexShrink: '0',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.md.paddingInline,\n          '--input-height': inputVariants.size.md['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.md.textStyle,\n        },\n      },\n      lg: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.lg.paddingInline,\n          '--input-height': inputVariants.size.lg['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.lg.textStyle,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default textInputSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAAO;EAAC;EAAS;EAAS;CAAS;CACnC,MAAM;EACJ,OAAO;GACL,GAAG;GACH,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,8BAA8B,EAC5B,WAAW,+CACb;GACA,UAAU;IACR,GAAG,MAAM;IACT,QAAQ;GACV;GACA,WAAW;IACT,GAAG,MAAM;IACT,WAAW;GACb;EACF;EACA,OAAO;GACL,GAAG;GACH,YAAY;GACZ,aAAa;GACb,MAAM;GACN,kBAAkB;GAClB,QAAQ;GACR,YAAY;GACZ,UAAU;GACV,SAAS;GACT,OAAO;GACP,UAAU,EACR,OAAO,mBACT;GACA,WAAW;IACT,GAAG,KAAK;IACR,QAAQ;GACV;EACF;EACA,SAAS;GACP,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;EACA,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.306",
+  "version": "0.3.308",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",