@bitrise/bitkit-v2 0.3.179 → 0.3.180

package/README.md

@@ -4,15 +4,15 @@
 
 Bitrise Design System Components built with Chakra UI v3.
 
+[Browse the component library in Storybook](https://storybook.services.bitrise.dev/projects/bitkit-v2/production/)
+
 ## Features
 
-- 🎨 **Custom Design System**: Complete Bitrise brand implementation
-- 🔧 **Built with Chakra UI v3**: Latest Chakra UI features and performance
-- 📱 **Responsive**: Mobile-first responsive design
-- 🎯 **TypeScript**: Full TypeScript support with auto-generated types
-- 🎨 **Custom Fonts**: Self-hosted Figtree and Source Code Pro fonts
-- 🧩 **Zero External Dependencies**: Everything bundled (except React)
-- ⚡ **Simple Installation**: Just `npm install @bitrise/bitkit-v2`
+- **Custom Design System**: Complete Bitrise brand implementation
+- **Built with Chakra UI v3**: Latest Chakra UI features and performance
+- **TypeScript**: Full TypeScript support with auto-generated types
+- **Self-hosted Fonts**: Figtree and Source Code Pro bundled via BitkitProvider
+- **Simple Installation**: Just `npm install @bitrise/bitkit-v2`
 
 ## Installation
 
@@ -20,22 +20,22 @@ Bitrise Design System Components built with Chakra UI v3.
 npm install @bitrise/bitkit-v2
 ```
 
-That's it! All Chakra UI, Emotion, and Framer Motion dependencies are bundled within the library.
+Chakra UI and Emotion are included as regular runtime dependencies of this package, so you do not need to install them separately.
 
 ### Requirements
 
-- React 16.8+ (peer dependency)
-- React DOM 16.8+ (peer dependency)
+- React 18+ (peer dependency)
+- React DOM 18+ (peer dependency)
 
 ## Quick Start
 
 ```tsx
-import { BitkitProvider, Button } from '@bitrise/bitkit-v2';
+import { BitkitProvider, BitkitButton } from '@bitrise/bitkit-v2';
 
 function App() {
   return (
     <BitkitProvider>
-      <Button variant="primary">Hello Bitrise!</Button>
+      <BitkitButton variant="primary">Hello Bitrise!</BitkitButton>
     </BitkitProvider>
   );
 }
@@ -43,6 +43,12 @@ function App() {
 
 ## Development
 
+### Requirements
+
+- Node.js 24.x+ (see `.tool-versions` for the exact version used in development)
+
+### Commands
+
 ```bash
 # Install dependencies
 npm install

package/dist/atoms/DatePicker/DatePicker.js

@@ -1,21 +1,39 @@
-import { createSlotRecipeContext as e } from "@chakra-ui/react/styled-system";
-import { DatePicker as t, useDatePickerContext as n } from "@ark-ui/react/date-picker";
+import { createSlotRecipeContext } from "@chakra-ui/react/styled-system";
+import { DatePicker, useDatePickerContext } from "@ark-ui/react/date-picker";
 //#region lib/atoms/DatePicker/DatePicker.tsx
-var { withProvider: r, withContext: i, useStyles: a } = e({ key: "datePicker" }), o = r(i(t.Root, "root", { forwardAsChild: !0 }), "root"), s = i(t.Control, "control", { forwardAsChild: !0 }), c = i(t.Positioner, "positioner", { forwardAsChild: !0 }), l = i(t.Content, "content", { forwardAsChild: !0 }), u = i("div", "months", { forwardAsChild: !0 }), d = i(t.View, "view", { forwardAsChild: !0 }), f = i(t.ViewControl, "viewControl", { forwardAsChild: !0 }), p = i(t.Table, "table", { forwardAsChild: !0 }), m = i(t.TableHead, "tableHead", { forwardAsChild: !0 }), h = i(t.TableBody, "tableBody", { forwardAsChild: !0 }), g = i(t.TableRow, "tableRow", { forwardAsChild: !0 }), _ = i(t.TableHeader, "tableHeader", { forwardAsChild: !0 }), v = i(t.TableCell, "tableCell", { forwardAsChild: !0 }), y = i(t.TableCellTrigger, "tableCellTrigger", { forwardAsChild: !0 }), b = t.Context, x = {
-	Root: o,
-	Control: s,
-	Positioner: c,
-	Content: l,
-	Months: u,
-	View: d,
-	ViewControl: f,
-	Table: p,
-	TableHead: m,
-	TableBody: h,
-	TableRow: g,
-	TableHeader: _,
-	TableCell: v,
-	TableCellTrigger: y
+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 DatePickerPositioner = withContext(DatePicker.Positioner, "positioner", { forwardAsChild: true });
+var DatePickerContent = withContext(DatePicker.Content, "content", { forwardAsChild: true });
+var DatePickerMonths = withContext("div", "months", { forwardAsChild: true });
+var DatePickerView = withContext(DatePicker.View, "view", { forwardAsChild: true });
+var DatePickerViewControl = withContext(DatePicker.ViewControl, "viewControl", { forwardAsChild: true });
+var DatePickerTable = withContext(DatePicker.Table, "table", { forwardAsChild: true });
+var DatePickerTableHead = withContext(DatePicker.TableHead, "tableHead", { forwardAsChild: true });
+var DatePickerTableBody = withContext(DatePicker.TableBody, "tableBody", { forwardAsChild: true });
+var DatePickerTableRow = withContext(DatePicker.TableRow, "tableRow", { forwardAsChild: true });
+var DatePickerTableHeader = withContext(DatePicker.TableHeader, "tableHeader", { forwardAsChild: true });
+var DatePickerTableCell = withContext(DatePicker.TableCell, "tableCell", { forwardAsChild: true });
+var DatePickerTableCellTrigger = withContext(DatePicker.TableCellTrigger, "tableCellTrigger", { forwardAsChild: true });
+var DatePickerContext = DatePicker.Context;
+var DatePicker$1 = {
+	Root: DatePickerRoot,
+	Control: DatePickerControl,
+	Positioner: DatePickerPositioner,
+	Content: DatePickerContent,
+	Months: DatePickerMonths,
+	View: DatePickerView,
+	ViewControl: DatePickerViewControl,
+	Table: DatePickerTable,
+	TableHead: DatePickerTableHead,
+	TableBody: DatePickerTableBody,
+	TableRow: DatePickerTableRow,
+	TableHeader: DatePickerTableHeader,
+	TableCell: DatePickerTableCell,
+	TableCellTrigger: DatePickerTableCellTrigger
 };
 //#endregion
-export { x as DatePicker, b as DatePickerContext, n as useDatePickerContext };
+export { DatePicker$1 as DatePicker, DatePickerContext, useDatePickerContext };
+
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +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  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,cAAc,CAAC;AAI/F,IAAa,iBAAiB,aAC5B,YAAiD,WAAc,MAAM,QAAQ,EAC3E,gBAAgB,MACjB,CAAC,EACF,OACD;AAID,IAAa,oBAAoB,YAAoD,WAAc,SAAS,WAAW,EACrH,gBAAgB,MACjB,CAAC;AAKF,IAAa,uBAAuB,YAClC,WAAc,YACd,cACA,EACE,gBAAgB,MACjB,CACF;AAID,IAAa,oBAAoB,YAAoD,WAAc,SAAS,WAAW,EACrH,gBAAgB,MACjB,CAAC;AAIF,IAAa,mBAAmB,YAAmD,OAAO,UAAU,EAClG,gBAAgB,MACjB,CAAC;AAIF,IAAa,iBAAiB,YAAiD,WAAc,MAAM,QAAQ,EACzG,gBAAgB,MACjB,CAAC;AAKF,IAAa,wBAAwB,YACnC,WAAc,aACd,eACA,EACE,gBAAgB,MACjB,CACF;AAID,IAAa,kBAAkB,YAAoD,WAAc,OAAO,SAAS,EAC/G,gBAAgB,MACjB,CAAC;AAKF,IAAa,sBAAsB,YACjC,WAAc,WACd,aACA,EACE,gBAAgB,MACjB,CACF;AAKD,IAAa,sBAAsB,YACjC,WAAc,WACd,aACA,EACE,gBAAgB,MACjB,CACF;AAID,IAAa,qBAAqB,YAChC,WAAc,UACd,YACA,EACE,gBAAgB,MACjB,CACF;AAKD,IAAa,wBAAwB,YACnC,WAAc,aACd,eACA,EACE,gBAAgB,MACjB,CACF;AAID,IAAa,sBAAsB,YACjC,WAAc,WACd,aACA,EACE,gBAAgB,MACjB,CACF;AAKD,IAAa,6BAA6B,YACxC,WAAc,kBACd,oBACA,EACE,gBAAgB,MACjB,CACF;AAED,IAAa,oBAAoB,WAAc;AAQ/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;CACnB"}