@bitrise/bitkit-v2 0.3.265 → 0.3.267-beta.1792

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/AGENTS.md +15 -2
  2. package/dist/components/BitkitDialog/BitkitDialog.d.ts +3 -16
  3. package/dist/components/BitkitDialog/BitkitDialog.js +23 -46
  4. package/dist/components/BitkitDialog/BitkitDialog.js.map +1 -1
  5. package/dist/components/BitkitDialog/BitkitFormDialog.d.ts +9 -0
  6. package/dist/components/BitkitDialog/BitkitFormDialog.js +53 -0
  7. package/dist/components/BitkitDialog/BitkitFormDialog.js.map +1 -0
  8. package/dist/components/BitkitDialog/BitkitStepperDialog.d.ts +46 -0
  9. package/dist/components/BitkitDialog/BitkitStepperDialog.js +91 -0
  10. package/dist/components/BitkitDialog/BitkitStepperDialog.js.map +1 -0
  11. package/dist/components/BitkitDialog/BitkitStepperDialogStep.d.ts +20 -0
  12. package/dist/components/BitkitDialog/{BitkitDialogStep.js → BitkitStepperDialogStep.js} +9 -9
  13. package/dist/components/BitkitDialog/BitkitStepperDialogStep.js.map +1 -0
  14. package/dist/components/BitkitDialog/DialogBodyContext.d.ts +12 -0
  15. package/dist/components/BitkitDialog/{BitkitDialogBody.js → DialogBodyContext.js} +11 -12
  16. package/dist/components/BitkitDialog/DialogBodyContext.js.map +1 -0
  17. package/dist/components/BitkitDialog/DialogInner.d.ts +25 -0
  18. package/dist/components/BitkitDialog/DialogInner.js +66 -0
  19. package/dist/components/BitkitDialog/DialogInner.js.map +1 -0
  20. package/dist/components/BitkitDialog/DialogShell.d.ts +24 -0
  21. package/dist/components/BitkitDialog/DialogShell.js +32 -0
  22. package/dist/components/BitkitDialog/DialogShell.js.map +1 -0
  23. package/dist/components/BitkitDialog/StepperContext.d.ts +16 -0
  24. package/dist/components/BitkitDialog/StepperContext.js +11 -0
  25. package/dist/components/BitkitDialog/StepperContext.js.map +1 -0
  26. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js +1 -2
  27. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map +1 -1
  28. package/dist/components/index.d.ts +3 -7
  29. package/dist/main.js +5 -9
  30. package/dist/theme/slot-recipes/Dialog.recipe.d.ts +16 -2
  31. package/dist/theme/slot-recipes/Dialog.recipe.js +13 -1
  32. package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
  33. package/dist/theme/slot-recipes/Drawer.recipe.d.ts +1 -1
  34. package/dist/theme/slot-recipes/Drawer.recipe.js +1 -1
  35. package/dist/theme/slot-recipes/Drawer.recipe.js.map +1 -1
  36. package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +1 -1
  37. package/dist/theme/slot-recipes/Popover.recipe.js +1 -1
  38. package/dist/theme/slot-recipes/Popover.recipe.js.map +1 -1
  39. package/dist/theme/slot-recipes/SplitButton.recipe.d.ts +1 -1
  40. package/dist/theme/slot-recipes/SplitButton.recipe.js +1 -1
  41. package/dist/theme/slot-recipes/SplitButton.recipe.js.map +1 -1
  42. package/dist/theme/slot-recipes/Table.recipe.d.ts +3 -3
  43. package/dist/theme/slot-recipes/Table.recipe.js +3 -3
  44. package/dist/theme/slot-recipes/Table.recipe.js.map +1 -1
  45. package/dist/theme/slot-recipes/index.d.ts +22 -8
  46. package/dist/theme/tokens/{border-widths.js → borderWidths.js} +2 -2
  47. package/dist/theme/tokens/borderWidths.js.map +1 -0
  48. package/dist/theme/tokens/index.js +1 -1
  49. package/dist/theme/tokens/index.js.map +1 -1
  50. package/package.json +1 -1
  51. package/dist/components/BitkitDialog/BitkitDialogBody.d.ts +0 -9
  52. package/dist/components/BitkitDialog/BitkitDialogBody.js.map +0 -1
  53. package/dist/components/BitkitDialog/BitkitDialogButtons.d.ts +0 -4
  54. package/dist/components/BitkitDialog/BitkitDialogButtons.js +0 -17
  55. package/dist/components/BitkitDialog/BitkitDialogButtons.js.map +0 -1
  56. package/dist/components/BitkitDialog/BitkitDialogContent.d.ts +0 -27
  57. package/dist/components/BitkitDialog/BitkitDialogContent.js +0 -57
  58. package/dist/components/BitkitDialog/BitkitDialogContent.js.map +0 -1
  59. package/dist/components/BitkitDialog/BitkitDialogFormContent.d.ts +0 -6
  60. package/dist/components/BitkitDialog/BitkitDialogFormContent.js +0 -30
  61. package/dist/components/BitkitDialog/BitkitDialogFormContent.js.map +0 -1
  62. package/dist/components/BitkitDialog/BitkitDialogHeader.d.ts +0 -9
  63. package/dist/components/BitkitDialog/BitkitDialogHeader.js +0 -8
  64. package/dist/components/BitkitDialog/BitkitDialogHeader.js.map +0 -1
  65. package/dist/components/BitkitDialog/BitkitDialogRoot.d.ts +0 -6
  66. package/dist/components/BitkitDialog/BitkitDialogRoot.js +0 -12
  67. package/dist/components/BitkitDialog/BitkitDialogRoot.js.map +0 -1
  68. package/dist/components/BitkitDialog/BitkitDialogStep.d.ts +0 -11
  69. package/dist/components/BitkitDialog/BitkitDialogStep.js.map +0 -1
  70. package/dist/components/BitkitDialog/BitkitDialogStepContext.d.ts +0 -5
  71. package/dist/components/BitkitDialog/BitkitDialogStepContext.js +0 -7
  72. package/dist/components/BitkitDialog/BitkitDialogStepContext.js.map +0 -1
  73. package/dist/theme/tokens/border-widths.js.map +0 -1
  74. /package/dist/theme/tokens/{border-widths.d.ts → borderWidths.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/hover',\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth: '0',\n },\n },\n },\n stacked: {\n root: {\n display: 'block',\n },\n caption: {\n display: 'block',\n padding: '16',\n backgroundColor: 'background/tertiary',\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n },\n header: {\n borderWidth: '0',\n clip: 'rect(0, 0, 0, 0)',\n height: '1',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1',\n },\n body: {\n display: 'block',\n },\n row: {\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n display: 'block',\n paddingBlock: '12',\n '&:last-child': {\n borderBottomWidth: '0',\n },\n },\n cell: {\n alignItems: 'center',\n display: 'flex',\n minHeight: '48',\n paddingInline: '16',\n _before: {\n alignSelf: 'center',\n color: 'text/primary',\n content: 'attr(data-label)',\n flexShrink: 0,\n fontWeight: 'semibold',\n paddingInlineEnd: '16',\n width: '96',\n },\n },\n footer: {\n display: 'block',\n },\n },\n },\n },\n compoundVariants: [\n {\n css: {\n row: {\n borderBottomColor: 'border/regular',\n },\n },\n layout: 'stacked',\n variant: 'borderless',\n },\n ],\n defaultVariants: {\n layout: 'table',\n size: 'lg',\n variant: 'default',\n },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB,EACd,QAAQ,EACN,iBAAiB,mBACnB,EACF;KACA,8BAA8B,EAC5B,mBAAmB,IACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,IACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IACA,QAAQ,EACN,SAAS,QACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
1
+ {"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/hover',\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth: 0,\n },\n },\n },\n stacked: {\n root: {\n display: 'block',\n },\n caption: {\n display: 'block',\n padding: '16',\n backgroundColor: 'background/tertiary',\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n },\n header: {\n borderWidth: 0,\n clip: 'rect(0, 0, 0, 0)',\n height: '1',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1',\n },\n body: {\n display: 'block',\n },\n row: {\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n display: 'block',\n paddingBlock: '12',\n '&:last-child': {\n borderBottomWidth: 0,\n },\n },\n cell: {\n alignItems: 'center',\n display: 'flex',\n minHeight: '48',\n paddingInline: '16',\n _before: {\n alignSelf: 'center',\n color: 'text/primary',\n content: 'attr(data-label)',\n flexShrink: 0,\n fontWeight: 'semibold',\n paddingInlineEnd: '16',\n width: '96',\n },\n },\n footer: {\n display: 'block',\n },\n },\n },\n },\n compoundVariants: [\n {\n css: {\n row: {\n borderBottomColor: 'border/regular',\n },\n },\n layout: 'stacked',\n variant: 'borderless',\n },\n ],\n defaultVariants: {\n layout: 'table',\n size: 'lg',\n variant: 'default',\n },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB,EACd,QAAQ,EACN,iBAAiB,mBACnB,EACF;KACA,8BAA8B,EAC5B,mBAAmB,EACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,EACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IACA,QAAQ,EACN,SAAS,QACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
@@ -674,7 +674,7 @@ declare const slotRecipes: {
674
674
  };
675
675
  };
676
676
  }>;
677
- dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "stepTitleGroup" | "stepTitle" | "stepDescription" | "scrollBody" | "scrollGradient" | "scrollButton" | "stepHeader" | "backdrop", {
677
+ dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "scrollBody" | "scrollGradient" | "scrollButton" | "stepHeader" | "backdrop" | "stepDescription" | "stepTitle" | "stepTitleGroup", {
678
678
  scrollBehavior: {
679
679
  inside: {
680
680
  body: {
@@ -688,7 +688,21 @@ declare const slotRecipes: {
688
688
  overflow: "hidden";
689
689
  };
690
690
  };
691
- outside: {};
691
+ outside: {
692
+ positioner: {
693
+ overflow: "auto";
694
+ paddingBlock: {
695
+ base: number;
696
+ tablet: "10vh";
697
+ };
698
+ };
699
+ content: {
700
+ marginBlock: {
701
+ base: number;
702
+ tablet: "auto";
703
+ };
704
+ };
705
+ };
692
706
  };
693
707
  size: {
694
708
  full: {
@@ -899,7 +913,7 @@ declare const slotRecipes: {
899
913
  };
900
914
  footer: {
901
915
  borderBlockStartColor: "transparent";
902
- borderBlockStartWidth: "0";
916
+ borderBlockStartWidth: number;
903
917
  paddingBlockEnd: "24";
904
918
  paddingBlockStart: "32";
905
919
  paddingInline: "24";
@@ -1047,7 +1061,7 @@ declare const slotRecipes: {
1047
1061
  };
1048
1062
  };
1049
1063
  }>;
1050
- markdownCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "iconBar" | "gradient" | "footerButtons", {
1064
+ markdownCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "footerButtons" | "iconBar" | "gradient", {
1051
1065
  status: {
1052
1066
  info: {
1053
1067
  iconBar: {
@@ -1773,7 +1787,7 @@ declare const slotRecipes: {
1773
1787
  variant: {
1774
1788
  primary: {
1775
1789
  trigger: {
1776
- borderWidth: "0";
1790
+ borderWidth: number;
1777
1791
  borderInlineStartWidth: "1";
1778
1792
  borderInlineStartColor: "border/on-contrast";
1779
1793
  _hover: {
@@ -2030,7 +2044,7 @@ declare const slotRecipes: {
2030
2044
  };
2031
2045
  };
2032
2046
  '& :where(tr:last-child) td': {
2033
- borderBottomWidth: "0";
2047
+ borderBottomWidth: number;
2034
2048
  };
2035
2049
  };
2036
2050
  };
@@ -2047,7 +2061,7 @@ declare const slotRecipes: {
2047
2061
  borderBottomWidth: "1";
2048
2062
  };
2049
2063
  header: {
2050
- borderWidth: "0";
2064
+ borderWidth: number;
2051
2065
  clip: "rect(0, 0, 0, 0)";
2052
2066
  height: "1";
2053
2067
  margin: "-1px";
@@ -2067,7 +2081,7 @@ declare const slotRecipes: {
2067
2081
  display: "block";
2068
2082
  paddingBlock: "12";
2069
2083
  '&:last-child': {
2070
- borderBottomWidth: "0";
2084
+ borderBottomWidth: number;
2071
2085
  };
2072
2086
  };
2073
2087
  cell: {
@@ -1,5 +1,5 @@
1
1
  import { defineTokens } from "@chakra-ui/react/styled-system";
2
- //#region lib/theme/tokens/border-widths.ts
2
+ //#region lib/theme/tokens/borderWidths.ts
3
3
  var borderWidths = defineTokens.borderWidths({
4
4
  "1": { value: "1px" },
5
5
  "2": { value: "2px" }
@@ -7,4 +7,4 @@ var borderWidths = defineTokens.borderWidths({
7
7
  //#endregion
8
8
  export { borderWidths as default };
9
9
 
10
- //# sourceMappingURL=border-widths.js.map
10
+ //# sourceMappingURL=borderWidths.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"borderWidths.js","names":[],"sources":["../../../lib/theme/tokens/borderWidths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import animations from "./animations.js";
2
- import borderWidths from "./border-widths.js";
2
+ import borderWidths from "./borderWidths.js";
3
3
  import colors from "./colors.js";
4
4
  import durations from "./durations.js";
5
5
  import easings from "./easings.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './border-widths';\nimport colors from './colors';\nimport durations from './durations';\nimport easings from './easings';\nimport fonts from './fonts';\nimport fontSizes from './fontSizes';\nimport fontWeights from './fontWeights';\nimport radii from './radii';\nimport sizes from './sizes';\nimport spacing from './spacing';\nimport zIndex from './zIndex';\n\nconst tokens = {\n animations,\n borderWidths,\n colors,\n durations,\n easings,\n fonts,\n fontSizes,\n fontWeights,\n radii,\n sizes,\n spacing,\n zIndex,\n};\n\nexport default tokens;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './borderWidths';\nimport colors from './colors';\nimport durations from './durations';\nimport easings from './easings';\nimport fonts from './fonts';\nimport fontSizes from './fontSizes';\nimport fontWeights from './fontWeights';\nimport radii from './radii';\nimport sizes from './sizes';\nimport spacing from './spacing';\nimport zIndex from './zIndex';\n\nconst tokens = {\n animations,\n borderWidths,\n colors,\n durations,\n easings,\n fonts,\n fontSizes,\n fontWeights,\n radii,\n sizes,\n spacing,\n zIndex,\n};\n\nexport default tokens;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.265",
4
+ "version": "0.3.267-beta.1792",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",
@@ -1,9 +0,0 @@
1
- import { Dialog } from '@chakra-ui/react/dialog';
2
- interface DialogBodyContext {
3
- scrollBehavior: 'inside' | 'outside';
4
- showScrollGradient: boolean;
5
- }
6
- export type BitkitDialogBodyProps = Dialog.BodyProps;
7
- export declare const DialogBodyContext: import('react').Context<DialogBodyContext>;
8
- declare const BitkitDialogBody: ({ children, ...rest }: BitkitDialogBodyProps) => import("react").JSX.Element;
9
- export default BitkitDialogBody;
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogBody.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogBody.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog, useDialogContext, useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport {\n Children,\n cloneElement,\n createContext,\n isValidElement,\n type ReactElement,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { IconArrowDown } from '../../icons';\nimport BitkitDialogStep from './BitkitDialogStep';\n\ninterface DialogBodyContext {\n scrollBehavior: 'inside' | 'outside';\n showScrollGradient: boolean;\n}\n\nexport type BitkitDialogBodyProps = Dialog.BodyProps;\n\nexport const DialogBodyContext = createContext<DialogBodyContext>({\n scrollBehavior: 'outside',\n showScrollGradient: true,\n});\n\nconst ScrollableDialogBody = ({ children, ...props }: Dialog.BodyProps) => {\n const { showScrollGradient } = useContext(DialogBodyContext);\n const styles = useDialogStyles();\n const { open } = useDialogContext();\n const contentRef = useRef<HTMLDivElement>(null);\n const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);\n\n const updateScrollButtonVisibility = useCallback(() => {\n const content = contentRef.current;\n if (!content) {\n setIsScrollButtonVisible(false);\n return;\n }\n const didScrollToBottom = content.scrollTop >= content.scrollHeight - content.offsetHeight - 1;\n setIsScrollButtonVisible(!didScrollToBottom);\n }, []);\n\n useEffect(() => {\n const content = contentRef.current;\n if (!open || !content) return;\n\n content.addEventListener('scroll', updateScrollButtonVisibility);\n const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);\n resizeObserver.observe(content);\n\n return () => {\n content.removeEventListener('scroll', updateScrollButtonVisibility);\n resizeObserver.disconnect();\n };\n }, [open, updateScrollButtonVisibility]);\n\n return (\n <Box css={styles.scrollBody}>\n <Dialog.Body ref={contentRef} {...props}>\n {children}\n </Dialog.Body>\n {isScrollButtonVisible && (\n <>\n {showScrollGradient && <Box css={styles.scrollGradient} />}\n <chakra.button\n aria-label=\"Scroll to bottom\"\n css={styles.scrollButton}\n type=\"button\"\n onClick={() => {\n contentRef.current?.scrollTo({ top: contentRef.current.scrollHeight, behavior: 'smooth' });\n }}\n >\n <IconArrowDown color=\"icon/tertiary\" size=\"16\" />\n </chakra.button>\n </>\n )}\n </Box>\n );\n};\n\nconst BitkitDialogBody = ({ children, ...rest }: BitkitDialogBodyProps) => {\n const { scrollBehavior } = useContext(DialogBodyContext);\n\n const mappedChildren = Children.map(children, (child, index) => {\n if (isValidElement(child) && child.type === BitkitDialogStep) {\n return cloneElement(child as ReactElement<{ _index?: number }>, { _index: index });\n }\n return child;\n });\n\n if (scrollBehavior === 'inside') {\n return <ScrollableDialogBody {...rest}>{mappedChildren}</ScrollableDialogBody>;\n }\n return <Dialog.Body {...rest}>{mappedChildren}</Dialog.Body>;\n};\n\nexport default BitkitDialogBody;\n"],"mappings":";;;;;;;;AA0BA,IAAa,oBAAoB,cAAiC;CAChE,gBAAgB;CAChB,oBAAoB;AACtB,CAAC;AAED,IAAM,wBAAwB,EAAE,UAAU,GAAG,YAA8B;CACzE,MAAM,EAAE,uBAAuB,WAAW,iBAAiB;CAC3D,MAAM,SAAS,gBAAgB;CAC/B,MAAM,EAAE,SAAS,iBAAiB;CAClC,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,KAAK;CAExE,MAAM,+BAA+B,kBAAkB;EACrD,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;GACZ,yBAAyB,KAAK;GAC9B;EACF;EAEA,yBAAyB,EADC,QAAQ,aAAa,QAAQ,eAAe,QAAQ,eAAe,EAClD;CAC7C,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS;EAEvB,QAAQ,iBAAiB,UAAU,4BAA4B;EAC/D,MAAM,iBAAiB,IAAI,eAAe,4BAA4B;EACtE,eAAe,QAAQ,OAAO;EAE9B,aAAa;GACX,QAAQ,oBAAoB,UAAU,4BAA4B;GAClE,eAAe,WAAW;EAC5B;CACF,GAAG,CAAC,MAAM,4BAA4B,CAAC;CAEvC,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;YAAjB,CACE,oBAAC,OAAO,MAAR;GAAa,KAAK;GAAY,GAAI;GAC/B;EACU,CAAA,GACZ,yBACC,qBAAA,YAAA,EAAA,UAAA,CACG,sBAAsB,oBAAC,KAAD,EAAK,KAAK,OAAO,eAAiB,CAAA,GACzD,oBAAC,OAAO,QAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,MAAK;GACL,eAAe;IACb,WAAW,SAAS,SAAS;KAAE,KAAK,WAAW,QAAQ;KAAc,UAAU;IAAS,CAAC;GAC3F;aAEA,oBAAC,eAAD;IAAe,OAAM;IAAgB,MAAK;GAAM,CAAA;EACnC,CAAA,CACf,EAAA,CAAA,CAED;;AAET;AAEA,IAAM,oBAAoB,EAAE,UAAU,GAAG,WAAkC;CACzE,MAAM,EAAE,mBAAmB,WAAW,iBAAiB;CAEvD,MAAM,iBAAiB,SAAS,IAAI,WAAW,OAAO,UAAU;EAC9D,IAAI,eAAe,KAAK,KAAK,MAAM,SAAS,kBAC1C,OAAO,aAAa,OAA4C,EAAE,QAAQ,MAAM,CAAC;EAEnF,OAAO;CACT,CAAC;CAED,IAAI,mBAAmB,UACrB,OAAO,oBAAC,sBAAD;EAAsB,GAAI;YAAO;CAAqC,CAAA;CAE/E,OAAO,oBAAC,OAAO,MAAR;EAAa,GAAI;YAAO;CAA4B,CAAA;AAC7D"}
@@ -1,4 +0,0 @@
1
- import { BoxProps } from '@chakra-ui/react/box';
2
- export type BitkitDialogButtonsProps = BoxProps;
3
- declare const BitkitDialogButtons: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLDivElement>>;
4
- export default BitkitDialogButtons;
@@ -1,17 +0,0 @@
1
- import { Box } from "@chakra-ui/react/box";
2
- import { forwardRef } from "react";
3
- import { jsx } from "react/jsx-runtime";
4
- //#region lib/components/BitkitDialog/BitkitDialogButtons.tsx
5
- var BitkitDialogButtons = forwardRef((props, ref) => /* @__PURE__ */ jsx(Box, {
6
- ref,
7
- display: "flex",
8
- gap: "16",
9
- justifyContent: "flex-end",
10
- paddingBlockStart: "24",
11
- ...props
12
- }));
13
- BitkitDialogButtons.displayName = "BitkitDialogButtons";
14
- //#endregion
15
- export { BitkitDialogButtons as default };
16
-
17
- //# sourceMappingURL=BitkitDialogButtons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogButtons.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogButtons.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { forwardRef } from 'react';\n\nexport type BitkitDialogButtonsProps = BoxProps;\n\nconst BitkitDialogButtons = forwardRef<HTMLDivElement, BitkitDialogButtonsProps>((props, ref) => (\n <Box ref={ref} display=\"flex\" gap=\"16\" justifyContent=\"flex-end\" paddingBlockStart=\"24\" {...props} />\n));\n\nBitkitDialogButtons.displayName = 'BitkitDialogButtons';\n\nexport default BitkitDialogButtons;\n"],"mappings":";;;;AAKA,IAAM,sBAAsB,YAAsD,OAAO,QACvF,oBAAC,KAAD;CAAU;CAAK,SAAQ;CAAO,KAAI;CAAK,gBAAe;CAAW,mBAAkB;CAAK,GAAI;AAAQ,CAAA,CACrG;AAED,oBAAoB,cAAc"}
@@ -1,27 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface DialogContentInnerProps {
3
- children?: ReactNode;
4
- closable?: boolean;
5
- headerLabel?: string;
6
- scrollBehavior?: 'inside' | 'outside';
7
- showScrollGradient?: boolean;
8
- step?: number;
9
- stepHeader?: ReactNode;
10
- title: ReactNode;
11
- variant?: 'overflowContent';
12
- }
13
- export declare const DialogContentInner: ({ children, closable, headerLabel, scrollBehavior: scrollBehaviorProp, showScrollGradient, step, stepHeader, title, variant, }: DialogContentInnerProps) => import("react").JSX.Element;
14
- export interface BitkitDialogContentProps {
15
- children?: ReactNode;
16
- closable?: boolean;
17
- headerLabel?: string;
18
- maxHeight?: string;
19
- scrollBehavior?: 'inside' | 'outside';
20
- showScrollGradient?: boolean;
21
- step?: number;
22
- stepHeader?: ReactNode;
23
- title: ReactNode;
24
- variant?: 'overflowContent';
25
- }
26
- declare const BitkitDialogContent: ({ maxHeight, ...inner }: BitkitDialogContentProps) => import("react").JSX.Element;
27
- export default BitkitDialogContent;
@@ -1,57 +0,0 @@
1
- import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
2
- import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
3
- import { BitkitDialogStepProvider } from "./BitkitDialogStepContext.js";
4
- import { DialogBodyContext } from "./BitkitDialogBody.js";
5
- import { Box } from "@chakra-ui/react/box";
6
- import { chakra } from "@chakra-ui/react/styled-system";
7
- import { jsx, jsxs } from "react/jsx-runtime";
8
- import { Dialog, useDialogStyles } from "@chakra-ui/react/dialog";
9
- //#region lib/components/BitkitDialog/BitkitDialogContent.tsx
10
- var PORTAL_DISABLED = { disablePortal: true };
11
- var DialogContentInner = ({ children, closable = true, headerLabel, scrollBehavior: scrollBehaviorProp = "outside", showScrollGradient = true, step = 0, stepHeader, title, variant }) => {
12
- const scrollBehavior = variant === "overflowContent" ? "inside" : scrollBehaviorProp;
13
- const styles = useDialogStyles();
14
- return /* @__PURE__ */ jsx(BitkitPortalContext.Provider, {
15
- value: PORTAL_DISABLED,
16
- children: /* @__PURE__ */ jsx(BitkitDialogStepProvider, {
17
- value: { step },
18
- children: /* @__PURE__ */ jsxs(DialogBodyContext.Provider, {
19
- value: {
20
- scrollBehavior,
21
- showScrollGradient
22
- },
23
- children: [/* @__PURE__ */ jsxs(Dialog.Header, { children: [
24
- /* @__PURE__ */ jsxs(Box, {
25
- display: "flex",
26
- flexDirection: "column",
27
- gap: "4",
28
- children: [headerLabel && /* @__PURE__ */ jsx(chakra.p, {
29
- css: styles.label,
30
- children: headerLabel
31
- }), /* @__PURE__ */ jsx(Dialog.Title, { children: title })]
32
- }),
33
- !!stepHeader && /* @__PURE__ */ jsx(Box, {
34
- css: styles.stepHeader,
35
- children: stepHeader
36
- }),
37
- /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
38
- asChild: true,
39
- children: /* @__PURE__ */ jsx(BitkitCloseButton, {
40
- disabled: !closable,
41
- size: variant === "overflowContent" ? "xs" : "md",
42
- type: "button"
43
- })
44
- })
45
- ] }), children]
46
- })
47
- })
48
- });
49
- };
50
- var BitkitDialogContent = ({ maxHeight, ...inner }) => /* @__PURE__ */ jsx(Dialog.Content, {
51
- maxHeight,
52
- children: /* @__PURE__ */ jsx(DialogContentInner, { ...inner })
53
- });
54
- //#endregion
55
- export { DialogContentInner, BitkitDialogContent as default };
56
-
57
- //# sourceMappingURL=BitkitDialogContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog, useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nconst PORTAL_DISABLED = { disablePortal: true };\nimport { DialogBodyContext } from './BitkitDialogBody';\nimport { BitkitDialogStepProvider } from './BitkitDialogStepContext';\n\ninterface DialogContentInnerProps {\n children?: ReactNode;\n closable?: boolean;\n headerLabel?: string;\n scrollBehavior?: 'inside' | 'outside';\n showScrollGradient?: boolean;\n step?: number;\n stepHeader?: ReactNode;\n title: ReactNode;\n variant?: 'overflowContent';\n}\n\nexport const DialogContentInner = ({\n children,\n closable = true,\n headerLabel,\n scrollBehavior: scrollBehaviorProp = 'outside',\n showScrollGradient = true,\n step = 0,\n stepHeader,\n title,\n variant,\n}: DialogContentInnerProps) => {\n const scrollBehavior = variant === 'overflowContent' ? 'inside' : scrollBehaviorProp;\n const styles = useDialogStyles();\n\n return (\n <BitkitPortalContext.Provider value={PORTAL_DISABLED}>\n <BitkitDialogStepProvider value={{ step }}>\n <DialogBodyContext.Provider value={{ scrollBehavior, showScrollGradient }}>\n <Dialog.Header>\n <Box display=\"flex\" flexDirection=\"column\" gap=\"4\">\n {headerLabel && <chakra.p css={styles.label}>{headerLabel}</chakra.p>}\n <Dialog.Title>{title}</Dialog.Title>\n </Box>\n {!!stepHeader && <Box css={styles.stepHeader}>{stepHeader}</Box>}\n <Dialog.CloseTrigger asChild>\n <BitkitCloseButton\n disabled={!closable}\n size={variant === 'overflowContent' ? 'xs' : 'md'}\n type=\"button\"\n />\n </Dialog.CloseTrigger>\n </Dialog.Header>\n {children}\n </DialogBodyContext.Provider>\n </BitkitDialogStepProvider>\n </BitkitPortalContext.Provider>\n );\n};\n\nexport interface BitkitDialogContentProps {\n children?: ReactNode;\n closable?: boolean;\n headerLabel?: string;\n maxHeight?: string;\n scrollBehavior?: 'inside' | 'outside';\n showScrollGradient?: boolean;\n step?: number;\n stepHeader?: ReactNode;\n title: ReactNode;\n variant?: 'overflowContent';\n}\n\nconst BitkitDialogContent = ({ maxHeight, ...inner }: BitkitDialogContentProps) => (\n <Dialog.Content maxHeight={maxHeight}>\n <DialogContentInner {...inner} />\n </Dialog.Content>\n);\n\nexport default BitkitDialogContent;\n"],"mappings":";;;;;;;;;AAQA,IAAM,kBAAkB,EAAE,eAAe,KAAK;AAgB9C,IAAa,sBAAsB,EACjC,UACA,WAAW,MACX,aACA,gBAAgB,qBAAqB,WACrC,qBAAqB,MACrB,OAAO,GACP,YACA,OACA,cAC6B;CAC7B,MAAM,iBAAiB,YAAY,oBAAoB,WAAW;CAClE,MAAM,SAAS,gBAAgB;CAE/B,OACE,oBAAC,oBAAoB,UAArB;EAA8B,OAAO;YACnC,oBAAC,0BAAD;GAA0B,OAAO,EAAE,KAAK;aACtC,qBAAC,kBAAkB,UAAnB;IAA4B,OAAO;KAAE;KAAgB;IAAmB;cAAxE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA;KACE,qBAAC,KAAD;MAAK,SAAQ;MAAO,eAAc;MAAS,KAAI;gBAA/C,CACG,eAAe,oBAAC,OAAO,GAAR;OAAU,KAAK,OAAO;iBAAQ;MAAsB,CAAA,GACpE,oBAAC,OAAO,OAAR,EAAA,UAAe,MAAoB,CAAA,CAChC;;KACJ,CAAC,CAAC,cAAc,oBAAC,KAAD;MAAK,KAAK,OAAO;gBAAa;KAAgB,CAAA;KAC/D,oBAAC,OAAO,cAAR;MAAqB,SAAA;gBACnB,oBAAC,mBAAD;OACE,UAAU,CAAC;OACX,MAAM,YAAY,oBAAoB,OAAO;OAC7C,MAAK;MACN,CAAA;KACkB,CAAA;IACR,EAAA,CAAA,GACd,QACyB;;EACJ,CAAA;CACE,CAAA;AAElC;AAeA,IAAM,uBAAuB,EAAE,WAAW,GAAG,YAC3C,oBAAC,OAAO,SAAR;CAA2B;WACzB,oBAAC,oBAAD,EAAoB,GAAI,MAAQ,CAAA;AAClB,CAAA"}
@@ -1,6 +0,0 @@
1
- import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
2
- import { BitkitDialogContentProps } from './BitkitDialogContent';
3
- export interface BitkitDialogFormContentProps extends BitkitDialogContentProps, Omit<HTMLChakraProps<'form'>, keyof BitkitDialogContentProps> {
4
- }
5
- declare const BitkitDialogFormContent: import('react').ForwardRefExoticComponent<BitkitDialogFormContentProps & import('react').RefAttributes<HTMLFormElement>>;
6
- export default BitkitDialogFormContent;
@@ -1,30 +0,0 @@
1
- import { DialogContentInner } from "./BitkitDialogContent.js";
2
- import { chakra } from "@chakra-ui/react/styled-system";
3
- import { forwardRef } from "react";
4
- import { jsx } from "react/jsx-runtime";
5
- import { Dialog } from "@chakra-ui/react/dialog";
6
- //#region lib/components/BitkitDialog/BitkitDialogFormContent.tsx
7
- var BitkitDialogFormContent = forwardRef(({ children, closable, headerLabel, maxHeight, scrollBehavior, showScrollGradient, step, stepHeader, title, variant, ...formProps }, ref) => /* @__PURE__ */ jsx(Dialog.Content, {
8
- asChild: true,
9
- maxHeight,
10
- children: /* @__PURE__ */ jsx(chakra.form, {
11
- ref,
12
- ...formProps,
13
- children: /* @__PURE__ */ jsx(DialogContentInner, {
14
- closable,
15
- headerLabel,
16
- scrollBehavior,
17
- showScrollGradient,
18
- step,
19
- stepHeader,
20
- title,
21
- variant,
22
- children
23
- })
24
- })
25
- }));
26
- BitkitDialogFormContent.displayName = "BitkitDialogFormContent";
27
- //#endregion
28
- export { BitkitDialogFormContent as default };
29
-
30
- //# sourceMappingURL=BitkitDialogFormContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogFormContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogFormContent.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\nimport { chakra, type HTMLChakraProps } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitDialogContentProps, DialogContentInner } from './BitkitDialogContent';\n\nexport interface BitkitDialogFormContentProps\n extends BitkitDialogContentProps, Omit<HTMLChakraProps<'form'>, keyof BitkitDialogContentProps> {}\n\nconst BitkitDialogFormContent = forwardRef<HTMLFormElement, BitkitDialogFormContentProps>(\n (\n {\n children,\n closable,\n headerLabel,\n maxHeight,\n scrollBehavior,\n showScrollGradient,\n step,\n stepHeader,\n title,\n variant,\n ...formProps\n },\n ref,\n ) => (\n <Dialog.Content asChild maxHeight={maxHeight}>\n <chakra.form ref={ref} {...formProps}>\n <DialogContentInner\n closable={closable}\n headerLabel={headerLabel}\n scrollBehavior={scrollBehavior}\n showScrollGradient={showScrollGradient}\n step={step}\n stepHeader={stepHeader}\n title={title}\n variant={variant}\n >\n {children}\n </DialogContentInner>\n </chakra.form>\n </Dialog.Content>\n ),\n);\n\nBitkitDialogFormContent.displayName = 'BitkitDialogFormContent';\n\nexport default BitkitDialogFormContent;\n"],"mappings":";;;;;;AASA,IAAM,0BAA0B,YAE5B,EACE,UACA,UACA,aACA,WACA,gBACA,oBACA,MACA,YACA,OACA,SACA,GAAG,aAEL,QAEA,oBAAC,OAAO,SAAR;CAAgB,SAAA;CAAmB;WACjC,oBAAC,OAAO,MAAR;EAAkB;EAAK,GAAI;YACzB,oBAAC,oBAAD;GACY;GACG;GACG;GACI;GACd;GACM;GACL;GACE;GAER;EACiB,CAAA;CACT,CAAA;AACC,CAAA,CAEpB;AAEA,wBAAwB,cAAc"}
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface BitkitDialogHeaderProps {
3
- children: ReactNode;
4
- }
5
- declare const BitkitDialogHeader: {
6
- ({ children }: BitkitDialogHeaderProps): import("react").JSX.Element;
7
- displayName: string;
8
- };
9
- export default BitkitDialogHeader;
@@ -1,8 +0,0 @@
1
- import { Fragment, jsx } from "react/jsx-runtime";
2
- //#region lib/components/BitkitDialog/BitkitDialogHeader.tsx
3
- var BitkitDialogHeader = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
4
- BitkitDialogHeader.displayName = "BitkitDialogHeader";
5
- //#endregion
6
- export { BitkitDialogHeader as default };
7
-
8
- //# sourceMappingURL=BitkitDialogHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogHeader.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogHeader.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nexport interface BitkitDialogHeaderProps {\n children: ReactNode;\n}\n\nconst BitkitDialogHeader = ({ children }: BitkitDialogHeaderProps) => <>{children}</>;\nBitkitDialogHeader.displayName = 'BitkitDialogHeader';\nexport default BitkitDialogHeader;\n"],"mappings":";;AAMA,IAAM,sBAAsB,EAAE,eAAwC,oBAAA,UAAA,EAAG,SAAW,CAAA;AACpF,mBAAmB,cAAc"}
@@ -1,6 +0,0 @@
1
- import { Dialog } from '@chakra-ui/react/dialog';
2
- export type BitkitDialogRootProps = Dialog.RootProps & {
3
- variant?: 'overflowContent';
4
- };
5
- declare const BitkitDialogRoot: ({ closeOnInteractOutside, preventScroll, ...props }: BitkitDialogRootProps) => import("react").JSX.Element;
6
- export default BitkitDialogRoot;
@@ -1,12 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Dialog } from "@chakra-ui/react/dialog";
3
- //#region lib/components/BitkitDialog/BitkitDialogRoot.tsx
4
- var BitkitDialogRoot = ({ closeOnInteractOutside = false, preventScroll = true, ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
5
- closeOnInteractOutside,
6
- preventScroll,
7
- ...props
8
- });
9
- //#endregion
10
- export { BitkitDialogRoot as default };
11
-
12
- //# sourceMappingURL=BitkitDialogRoot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogRoot.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogRoot.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\n\nexport type BitkitDialogRootProps = Dialog.RootProps & {\n variant?: 'overflowContent';\n};\n\nconst BitkitDialogRoot = ({\n closeOnInteractOutside = false,\n preventScroll = true,\n ...props\n}: BitkitDialogRootProps) => (\n <Dialog.Root closeOnInteractOutside={closeOnInteractOutside} preventScroll={preventScroll} {...props} />\n);\n\nexport default BitkitDialogRoot;\n"],"mappings":";;;AAMA,IAAM,oBAAoB,EACxB,yBAAyB,OACzB,gBAAgB,MAChB,GAAG,YAEH,oBAAC,OAAO,MAAR;CAAqC;CAAuC;CAAe,GAAI;AAAQ,CAAA"}
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface BitkitDialogStepProps {
3
- children?: ReactNode;
4
- description?: string;
5
- title: string;
6
- }
7
- declare const BitkitDialogStep: {
8
- (props: BitkitDialogStepProps): import("react").JSX.Element | null;
9
- displayName: string;
10
- };
11
- export default BitkitDialogStep;
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogStep.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogStep.tsx"],"sourcesContent":["import { useDialogStyles } from '@chakra-ui/react/dialog';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport { useBitkitDialogStepContext } from './BitkitDialogStepContext';\n\nexport interface BitkitDialogStepProps {\n children?: ReactNode;\n description?: string;\n title: string;\n}\n\ninterface BitkitDialogStepInternalProps extends BitkitDialogStepProps {\n _index?: number;\n}\n\nconst BitkitDialogStep = (props: BitkitDialogStepProps) => {\n const { _index = 0, children, description, title } = props as BitkitDialogStepInternalProps;\n const ctx = useBitkitDialogStepContext();\n const step = ctx?.step ?? 0;\n const styles = useDialogStyles();\n\n if (_index !== step) return null;\n\n return (\n <>\n <chakra.div css={styles.stepTitleGroup}>\n <chakra.p css={styles.stepTitle}>{title}</chakra.p>\n {description && <chakra.p css={styles.stepDescription}>{description}</chakra.p>}\n </chakra.div>\n {children}\n </>\n );\n};\n\nBitkitDialogStep.displayName = 'BitkitDialogStep';\nexport default BitkitDialogStep;\n"],"mappings":";;;;;AAgBA,IAAM,oBAAoB,UAAiC;CACzD,MAAM,EAAE,SAAS,GAAG,UAAU,aAAa,UAAU;CAErD,MAAM,OADM,2BACC,GAAK,QAAQ;CAC1B,MAAM,SAAS,gBAAgB;CAE/B,IAAI,WAAW,MAAM,OAAO;CAE5B,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;EAAY,KAAK,OAAO;YAAxB,CACE,oBAAC,OAAO,GAAR;GAAU,KAAK,OAAO;aAAY;EAAgB,CAAA,GACjD,eAAe,oBAAC,OAAO,GAAR;GAAU,KAAK,OAAO;aAAkB;EAAsB,CAAA,CACpE;KACX,QACD,EAAA,CAAA;AAEN;AAEA,iBAAiB,cAAc"}
@@ -1,5 +0,0 @@
1
- interface BitkitDialogStepContextValue {
2
- step: number;
3
- }
4
- declare const BitkitDialogStepProvider: import('react').Provider<BitkitDialogStepContextValue>, useBitkitDialogStepContext: () => BitkitDialogStepContextValue;
5
- export { BitkitDialogStepProvider, useBitkitDialogStepContext };
@@ -1,7 +0,0 @@
1
- import { createContext } from "@chakra-ui/react";
2
- //#region lib/components/BitkitDialog/BitkitDialogStepContext.ts
3
- var [BitkitDialogStepProvider, useBitkitDialogStepContext] = createContext({ name: "BitkitDialogStepContext" });
4
- //#endregion
5
- export { BitkitDialogStepProvider, useBitkitDialogStepContext };
6
-
7
- //# sourceMappingURL=BitkitDialogStepContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitDialogStepContext.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogStepContext.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\n\ninterface BitkitDialogStepContextValue {\n step: number;\n}\n\nconst [BitkitDialogStepProvider, useBitkitDialogStepContext] = createContext<BitkitDialogStepContextValue>({\n name: 'BitkitDialogStepContext',\n});\n\nexport { BitkitDialogStepProvider, useBitkitDialogStepContext };\n"],"mappings":";;AAOA,IAAM,CAAC,0BAA0B,8BAA8B,cAA4C,EACzG,MAAM,0BACR,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"border-widths.js","names":[],"sources":["../../../lib/theme/tokens/border-widths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n '1': {\n value: '1px',\n },\n '2': {\n value: '2px',\n },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}