@oztix/roadie-components 2.0.0 → 2.0.2

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 (164) hide show
  1. package/dist/Accordion.d.ts +42 -21
  2. package/dist/Accordion.d.ts.map +1 -0
  3. package/dist/Accordion.js +1 -2
  4. package/dist/Accordion.js.map +1 -1
  5. package/dist/Autocomplete.d.ts +120 -95
  6. package/dist/Autocomplete.d.ts.map +1 -0
  7. package/dist/Autocomplete.js +1 -2
  8. package/dist/Autocomplete.js.map +1 -1
  9. package/dist/Badge.d.ts +27 -16
  10. package/dist/Badge.d.ts.map +1 -0
  11. package/dist/Badge.js +1 -1
  12. package/dist/Badge.js.map +1 -1
  13. package/dist/Breadcrumb.d.ts +45 -23
  14. package/dist/Breadcrumb.d.ts.map +1 -0
  15. package/dist/Breadcrumb.js +1 -1
  16. package/dist/Breadcrumb.js.map +1 -1
  17. package/dist/Button-CDQ6ik0P.js +2 -0
  18. package/dist/Button-CDQ6ik0P.js.map +1 -0
  19. package/dist/Button-DdE0vCfo.js +2 -0
  20. package/dist/Button-DdE0vCfo.js.map +1 -0
  21. package/dist/Button-Dt1TGgrL.d.ts +26 -0
  22. package/dist/Button-Dt1TGgrL.d.ts.map +1 -0
  23. package/dist/Button.d.ts +3 -17
  24. package/dist/Button.js +1 -2
  25. package/dist/Card.d.ts +56 -30
  26. package/dist/Card.d.ts.map +1 -0
  27. package/dist/Card.js +1 -1
  28. package/dist/Card.js.map +1 -1
  29. package/dist/Code.d.ts +19 -13
  30. package/dist/Code.d.ts.map +1 -0
  31. package/dist/Code.js +1 -1
  32. package/dist/Code.js.map +1 -1
  33. package/dist/Combobox.d.ts +132 -101
  34. package/dist/Combobox.d.ts.map +1 -0
  35. package/dist/Combobox.js +1 -2
  36. package/dist/Combobox.js.map +1 -1
  37. package/dist/Field.d.ts +63 -46
  38. package/dist/Field.d.ts.map +1 -0
  39. package/dist/Field.js +1 -2
  40. package/dist/Field.js.map +1 -1
  41. package/dist/Fieldset.d.ts +34 -22
  42. package/dist/Fieldset.d.ts.map +1 -0
  43. package/dist/Fieldset.js +1 -2
  44. package/dist/Fieldset.js.map +1 -1
  45. package/dist/Highlight.d.ts +20 -15
  46. package/dist/Highlight.d.ts.map +1 -0
  47. package/dist/Highlight.js +1 -2
  48. package/dist/Highlight.js.map +1 -1
  49. package/dist/Indicator.d.ts +20 -12
  50. package/dist/Indicator.d.ts.map +1 -0
  51. package/dist/Indicator.js +1 -1
  52. package/dist/Indicator.js.map +1 -1
  53. package/dist/Input.d.ts +22 -14
  54. package/dist/Input.d.ts.map +1 -0
  55. package/dist/Input.js +1 -2
  56. package/dist/Input.js.map +1 -1
  57. package/dist/Label.d.ts +12 -8
  58. package/dist/Label.d.ts.map +1 -0
  59. package/dist/Label.js +1 -1
  60. package/dist/Label.js.map +1 -1
  61. package/dist/LinkButton-9nnOzX_0.js +2 -0
  62. package/dist/LinkButton-9nnOzX_0.js.map +1 -0
  63. package/dist/LinkButton.d.ts +2 -35
  64. package/dist/LinkButton.js +1 -2
  65. package/dist/Mark.d.ts +19 -12
  66. package/dist/Mark.d.ts.map +1 -0
  67. package/dist/Mark.js +1 -1
  68. package/dist/Mark.js.map +1 -1
  69. package/dist/Marquee.d.ts +27 -16
  70. package/dist/Marquee.d.ts.map +1 -0
  71. package/dist/Marquee.js +5 -2
  72. package/dist/Marquee.js.map +1 -1
  73. package/dist/Prose.d.ts +19 -12
  74. package/dist/Prose.d.ts.map +1 -0
  75. package/dist/Prose.js +1 -1
  76. package/dist/Prose.js.map +1 -1
  77. package/dist/RadioGroup.d.ts +64 -40
  78. package/dist/RadioGroup.d.ts.map +1 -0
  79. package/dist/RadioGroup.js +1 -2
  80. package/dist/RadioGroup.js.map +1 -1
  81. package/dist/Select.d.ts +150 -107
  82. package/dist/Select.d.ts.map +1 -0
  83. package/dist/Select.js +1 -2
  84. package/dist/Select.js.map +1 -1
  85. package/dist/Separator.d.ts +17 -12
  86. package/dist/Separator.d.ts.map +1 -0
  87. package/dist/Separator.js +1 -1
  88. package/dist/Separator.js.map +1 -1
  89. package/dist/SpotIllustration.d.ts +71 -50
  90. package/dist/SpotIllustration.d.ts.map +1 -0
  91. package/dist/SpotIllustration.js +1 -2
  92. package/dist/SpotIllustration.js.map +1 -1
  93. package/dist/Steps.d.ts +111 -72
  94. package/dist/Steps.d.ts.map +1 -0
  95. package/dist/Steps.js +1 -2
  96. package/dist/Steps.js.map +1 -1
  97. package/dist/Textarea.d.ts +22 -13
  98. package/dist/Textarea.d.ts.map +1 -0
  99. package/dist/Textarea.js +1 -2
  100. package/dist/Textarea.js.map +1 -1
  101. package/dist/index-0w-ydb3o.d.ts +50 -0
  102. package/dist/index-0w-ydb3o.d.ts.map +1 -0
  103. package/dist/index-C3_4djmE.d.ts +17 -0
  104. package/dist/index-C3_4djmE.d.ts.map +1 -0
  105. package/dist/index.d.ts +47 -49
  106. package/dist/index.d.ts.map +1 -0
  107. package/dist/index.js +23 -23
  108. package/dist/index.js.map +1 -1
  109. package/dist/variants-DTAwzBl3.js +2 -0
  110. package/dist/variants-DTAwzBl3.js.map +1 -0
  111. package/package.json +14 -8
  112. package/dist/Button-DagX1D_q.d.ts +0 -19
  113. package/dist/Button.js.map +0 -1
  114. package/dist/LinkButton.js.map +0 -1
  115. package/dist/_chunks/chunk-2MBFDJ6K.js +0 -3
  116. package/dist/_chunks/chunk-2MBFDJ6K.js.map +0 -1
  117. package/dist/_chunks/chunk-3HWPLULJ.js +0 -2
  118. package/dist/_chunks/chunk-3HWPLULJ.js.map +0 -1
  119. package/dist/_chunks/chunk-3NU36NBL.js +0 -3
  120. package/dist/_chunks/chunk-3NU36NBL.js.map +0 -1
  121. package/dist/_chunks/chunk-42UB7PQB.js +0 -3
  122. package/dist/_chunks/chunk-42UB7PQB.js.map +0 -1
  123. package/dist/_chunks/chunk-4LGCF3SN.js +0 -3
  124. package/dist/_chunks/chunk-4LGCF3SN.js.map +0 -1
  125. package/dist/_chunks/chunk-A6JSYXKN.js +0 -2
  126. package/dist/_chunks/chunk-A6JSYXKN.js.map +0 -1
  127. package/dist/_chunks/chunk-AFSDN4WI.js +0 -2
  128. package/dist/_chunks/chunk-AFSDN4WI.js.map +0 -1
  129. package/dist/_chunks/chunk-DRVUAPKN.js +0 -2
  130. package/dist/_chunks/chunk-DRVUAPKN.js.map +0 -1
  131. package/dist/_chunks/chunk-EKOEXSAP.js +0 -2
  132. package/dist/_chunks/chunk-EKOEXSAP.js.map +0 -1
  133. package/dist/_chunks/chunk-FQNVMKKV.js +0 -7
  134. package/dist/_chunks/chunk-FQNVMKKV.js.map +0 -1
  135. package/dist/_chunks/chunk-FSO4EAAY.js +0 -3
  136. package/dist/_chunks/chunk-FSO4EAAY.js.map +0 -1
  137. package/dist/_chunks/chunk-IEDKSZAQ.js +0 -3
  138. package/dist/_chunks/chunk-IEDKSZAQ.js.map +0 -1
  139. package/dist/_chunks/chunk-JBHYUOI2.js +0 -3
  140. package/dist/_chunks/chunk-JBHYUOI2.js.map +0 -1
  141. package/dist/_chunks/chunk-JGTZ3GCR.js +0 -2
  142. package/dist/_chunks/chunk-JGTZ3GCR.js.map +0 -1
  143. package/dist/_chunks/chunk-LHNOY24C.js +0 -2
  144. package/dist/_chunks/chunk-LHNOY24C.js.map +0 -1
  145. package/dist/_chunks/chunk-LMV3JECI.js +0 -3
  146. package/dist/_chunks/chunk-LMV3JECI.js.map +0 -1
  147. package/dist/_chunks/chunk-M4FEKBLW.js +0 -2
  148. package/dist/_chunks/chunk-M4FEKBLW.js.map +0 -1
  149. package/dist/_chunks/chunk-MDRAL676.js +0 -3
  150. package/dist/_chunks/chunk-MDRAL676.js.map +0 -1
  151. package/dist/_chunks/chunk-N2HGY7W7.js +0 -3
  152. package/dist/_chunks/chunk-N2HGY7W7.js.map +0 -1
  153. package/dist/_chunks/chunk-OIAETOZT.js +0 -3
  154. package/dist/_chunks/chunk-OIAETOZT.js.map +0 -1
  155. package/dist/_chunks/chunk-RXMWFJ6W.js +0 -3
  156. package/dist/_chunks/chunk-RXMWFJ6W.js.map +0 -1
  157. package/dist/_chunks/chunk-VSKUGXQG.js +0 -3
  158. package/dist/_chunks/chunk-VSKUGXQG.js.map +0 -1
  159. package/dist/_chunks/chunk-WOU2B425.js +0 -3
  160. package/dist/_chunks/chunk-WOU2B425.js.map +0 -1
  161. package/dist/_chunks/chunk-Y6TDYPCZ.js +0 -3
  162. package/dist/_chunks/chunk-Y6TDYPCZ.js.map +0 -1
  163. package/dist/_chunks/chunk-ZXR32FYA.js +0 -2
  164. package/dist/_chunks/chunk-ZXR32FYA.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Breadcrumb.js"}
1
+ {"version":3,"file":"Breadcrumb.js","names":[],"sources":["../src/components/Breadcrumb/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nfunction BreadcrumbRoot({ className, ...props }: ComponentProps<'nav'>) {\n return <nav aria-label='Breadcrumb' className={className} {...props} />\n}\n\nBreadcrumbRoot.displayName = 'Breadcrumb'\n\nfunction BreadcrumbList({ className, ...props }: ComponentProps<'ol'>) {\n return (\n <ol\n className={cn('flex items-center gap-2 text-sm', className)}\n {...props}\n />\n )\n}\n\nBreadcrumbList.displayName = 'Breadcrumb.List'\n\nfunction BreadcrumbItem({ className, ...props }: ComponentProps<'li'>) {\n return <li className={cn('flex items-center gap-2', className)} {...props} />\n}\n\nBreadcrumbItem.displayName = 'Breadcrumb.Item'\n\ntype BreadcrumbLinkProps<T extends ElementType = 'a'> = {\n as?: T\n className?: string\n} & Omit<ComponentProps<T>, 'as' | 'className'>\n\nfunction BreadcrumbLink<T extends ElementType = 'a'>({\n as,\n className,\n ...props\n}: BreadcrumbLinkProps<T>) {\n const Component = as || 'a'\n return (\n <Component\n className={cn(\n 'text-subtle transition-colors hover:text-normal',\n className\n )}\n {...props}\n />\n )\n}\n\nBreadcrumbLink.displayName = 'Breadcrumb.Link'\n\ninterface BreadcrumbSeparatorProps extends ComponentProps<'span'> {\n children?: React.ReactNode\n}\n\nfunction BreadcrumbSeparator({\n className,\n children = '/',\n ...props\n}: BreadcrumbSeparatorProps) {\n return (\n <span\n role='presentation'\n className={cn('text-subtler', className)}\n {...props}\n >\n {children}\n </span>\n )\n}\n\nBreadcrumbSeparator.displayName = 'Breadcrumb.Separator'\n\nfunction BreadcrumbCurrent({ className, ...props }: ComponentProps<'span'>) {\n return (\n <span\n aria-current='page'\n className={cn('font-medium text-normal', className)}\n {...props}\n />\n )\n}\n\nBreadcrumbCurrent.displayName = 'Breadcrumb.Current'\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n List: BreadcrumbList,\n Item: BreadcrumbItem,\n Link: BreadcrumbLink,\n Separator: BreadcrumbSeparator,\n Current: BreadcrumbCurrent\n})\n\nexport type { BreadcrumbSeparatorProps }\n"],"mappings":"sFAIA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgC,CACtE,OAAO,EAAC,MAAD,CAAK,aAAW,aAAwB,YAAW,GAAI,EAAS,CAAA,CAGzE,EAAe,YAAc,aAE7B,SAAS,EAAe,CAAE,YAAW,GAAG,GAA+B,CACrE,OACE,EAAC,KAAD,CACE,UAAW,EAAG,kCAAmC,EAAU,CAC3D,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAE7B,SAAS,EAAe,CAAE,YAAW,GAAG,GAA+B,CACrE,OAAO,EAAC,KAAD,CAAI,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,EAAS,CAAA,CAG/E,EAAe,YAAc,kBAO7B,SAAS,EAA4C,CACnD,KACA,YACA,GAAG,GACsB,CAEzB,OACE,EAFgB,GAAM,IAEtB,CACE,UAAW,EACT,kDACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAM7B,SAAS,EAAoB,CAC3B,YACA,WAAW,IACX,GAAG,GACwB,CAC3B,OACE,EAAC,OAAD,CACE,KAAK,eACL,UAAW,EAAG,eAAgB,EAAU,CACxC,GAAI,EAEH,WACI,CAAA,CAIX,EAAoB,YAAc,uBAElC,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OACE,EAAC,OAAD,CACE,eAAa,OACb,UAAW,EAAG,0BAA2B,EAAU,CACnD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc,qBAEhC,MAAa,EAAa,OAAO,OAAO,EAAgB,CACtD,KAAM,EACN,KAAM,EACN,KAAM,EACN,UAAW,EACX,QAAS,EACV,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{t as e}from"./variants-DTAwzBl3.js";import{Button as t}from"@base-ui/react/button";import{cva as n}from"class-variance-authority";import{cn as r}from"@oztix/roadie-core/utils";import{jsx as i}from"react/jsx-runtime";const a=n(`btn is-interactive`,{variants:{intent:e,emphasis:{strong:`emphasis-strong`,normal:`emphasis-normal`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler`},size:{xs:`btn-xs`,sm:`btn-sm`,md:`btn-md`,lg:`btn-lg`,"icon-xs":`btn-icon-xs`,"icon-sm":`btn-icon-sm`,"icon-md":`btn-icon-md`,"icon-lg":`btn-icon-lg`}},defaultVariants:{emphasis:`normal`,size:`md`}});function o({className:e,intent:n,emphasis:o,size:s,...c}){return i(t,{nativeButton:!c.render,className:r(a({intent:n,emphasis:o,size:s,className:e})),...c})}o.displayName=`Button`;export{a as n,o as t};
2
+ //# sourceMappingURL=Button-CDQ6ik0P.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button-CDQ6ik0P.js","names":["Button","ButtonPrimitive"],"sources":["../src/components/Button/Button.tsx"],"sourcesContent":["'use client'\n\nimport type { RefAttributes } from 'react'\n\nimport { Button as ButtonPrimitive } from '@base-ui/react/button'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const buttonVariants = cva('btn is-interactive', {\n variants: {\n intent: intentVariants,\n emphasis: {\n strong: 'emphasis-strong',\n normal: 'emphasis-normal',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler'\n },\n size: {\n xs: 'btn-xs',\n sm: 'btn-sm',\n md: 'btn-md',\n lg: 'btn-lg',\n 'icon-xs': 'btn-icon-xs',\n 'icon-sm': 'btn-icon-sm',\n 'icon-md': 'btn-icon-md',\n 'icon-lg': 'btn-icon-lg'\n }\n },\n defaultVariants: {\n emphasis: 'normal',\n size: 'md'\n }\n})\n\nexport type ButtonProps = ButtonPrimitive.Props &\n RefAttributes<HTMLElement> &\n VariantProps<typeof buttonVariants>\n\nexport function Button({\n className,\n intent,\n emphasis,\n size,\n ...props\n}: ButtonProps) {\n return (\n <ButtonPrimitive\n nativeButton={!props.render}\n className={cn(buttonVariants({ intent, emphasis, size, className }))}\n {...props}\n />\n )\n}\n\nButton.displayName = 'Button'\n"],"mappings":"+NAWA,MAAa,EAAiB,EAAI,qBAAsB,CACtD,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,mBACV,CACD,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,UAAW,cACX,UAAW,cACX,UAAW,cACX,UAAW,cACZ,CACF,CACD,gBAAiB,CACf,SAAU,SACV,KAAM,KACP,CACF,CAAC,CAMF,SAAgBA,EAAO,CACrB,YACA,SACA,WACA,OACA,GAAG,GACW,CACd,OACE,EAACC,EAAD,CACE,aAAc,CAAC,EAAM,OACrB,UAAW,EAAG,EAAe,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAAC,CACpE,GAAI,EACJ,CAAA,CAIN,EAAO,YAAc"}
@@ -0,0 +1,2 @@
1
+ import{t as e}from"./Button-CDQ6ik0P.js";import{jsx as t}from"react/jsx-runtime";function n({size:n=`icon-md`,...r}){return t(e,{size:n,...r})}n.displayName=`IconButton`;export{n as t};
2
+ //# sourceMappingURL=Button-DdE0vCfo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button-DdE0vCfo.js","names":[],"sources":["../src/components/Button/IconButton.tsx"],"sourcesContent":["'use client'\n\nimport { Button, type ButtonProps } from './Button'\n\nexport type IconButtonProps = Omit<ButtonProps, 'aria-label'> & {\n 'aria-label': string\n}\n\nexport function IconButton({ size = 'icon-md', ...props }: IconButtonProps) {\n return <Button size={size} {...props} />\n}\n\nIconButton.displayName = 'IconButton'\n"],"mappings":"iFAQA,SAAgB,EAAW,CAAE,OAAO,UAAW,GAAG,GAA0B,CAC1E,OAAO,EAAC,EAAD,CAAc,OAAM,GAAI,EAAS,CAAA,CAG1C,EAAW,YAAc"}
@@ -0,0 +1,26 @@
1
+ import { Button } from "@base-ui/react/button";
2
+ import { VariantProps } from "class-variance-authority";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
+ import { RefAttributes } from "react";
5
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
6
+
7
+ //#region src/components/Button/Button.d.ts
8
+ declare const buttonVariants: (props?: ({
9
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
10
+ emphasis?: "normal" | "strong" | "subtle" | "subtler" | null | undefined;
11
+ size?: "sm" | "md" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
12
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
13
+ type ButtonProps = Button.Props & RefAttributes<HTMLElement> & VariantProps<typeof buttonVariants>;
14
+ declare function Button$1({
15
+ className,
16
+ intent,
17
+ emphasis,
18
+ size,
19
+ ...props
20
+ }: ButtonProps): _$react_jsx_runtime0.JSX.Element;
21
+ declare namespace Button$1 {
22
+ var displayName: string;
23
+ }
24
+ //#endregion
25
+ export { ButtonProps as n, buttonVariants as r, Button$1 as t };
26
+ //# sourceMappingURL=Button-Dt1TGgrL.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button-Dt1TGgrL.d.ts","names":[],"sources":["../src/components/Button/Button.tsx"],"mappings":";;;;;;;cAWa,cAAA,GAAc,KAAA;;;;IAwBzB,iCAAA,CAAA,SAAA;AAAA,KAEU,WAAA,GAAc,MAAA,CAAgB,KAAA,GACxC,aAAA,CAAc,WAAA,IACd,YAAA,QAAoB,cAAA;AAAA,iBAEN,QAAA,CAAA;EACd,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANE,QAAA;EAAA,IAAM,WAAA;AAAA"}
package/dist/Button.d.ts CHANGED
@@ -1,17 +1,3 @@
1
- import { B as Button } from './Button-DagX1D_q.js';
2
- export { a as ButtonProps, b as buttonVariants } from './Button-DagX1D_q.js';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { ComponentProps } from 'react';
5
- import 'class-variance-authority/types';
6
- import '@base-ui/react/button';
7
- import 'class-variance-authority';
8
-
9
- interface IconButtonProps extends Omit<ComponentProps<typeof Button>, 'aria-label'> {
10
- 'aria-label': string;
11
- }
12
- declare function IconButton({ size, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
13
- declare namespace IconButton {
14
- var displayName: string;
15
- }
16
-
17
- export { Button, IconButton, type IconButtonProps };
1
+ import { n as ButtonProps, r as buttonVariants, t as Button } from "./Button-Dt1TGgrL.js";
2
+ import { n as IconButtonProps, t as IconButton } from "./index-C3_4djmE.js";
3
+ export { Button, ButtonProps, IconButton, IconButtonProps, buttonVariants };
package/dist/Button.js CHANGED
@@ -1,2 +1 @@
1
- export{a as IconButton}from'./_chunks/chunk-M4FEKBLW.js';export{b as Button,a as buttonVariants}from'./_chunks/chunk-3HWPLULJ.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Button.js.map
2
- //# sourceMappingURL=Button.js.map
1
+ import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./Button-DdE0vCfo.js";export{t as Button,n as IconButton,e as buttonVariants};
package/dist/Card.d.ts CHANGED
@@ -1,51 +1,77 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ElementType, ComponentProps, ImgHTMLAttributes } from 'react';
4
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { ComponentProps, ElementType, ImgHTMLAttributes } from "react";
4
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
5
5
 
6
+ //#region src/components/Card/index.d.ts
6
7
  declare const cardVariants: (props?: ({
7
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
8
- emphasis?: "normal" | "subtle" | "subtler" | "raised" | null | undefined;
9
- } & class_variance_authority_types.ClassProp) | undefined) => string;
8
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
9
+ emphasis?: "normal" | "subtle" | "subtler" | "raised" | null | undefined;
10
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
10
11
  type CardOwnProps<T extends ElementType = 'div'> = {
11
- as?: T;
12
+ as?: T;
12
13
  } & VariantProps<typeof cardVariants>;
13
14
  type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> & Omit<ComponentProps<T>, keyof CardOwnProps<T>>;
14
- declare function CardRoot<T extends ElementType = 'div'>({ as, className, intent, emphasis, ...props }: CardProps<T>): react_jsx_runtime.JSX.Element;
15
+ declare function CardRoot<T extends ElementType = 'div'>({
16
+ as,
17
+ className,
18
+ intent,
19
+ emphasis,
20
+ ...props
21
+ }: CardProps<T>): _$react_jsx_runtime0.JSX.Element;
15
22
  declare namespace CardRoot {
16
- var displayName: string;
23
+ var displayName: string;
17
24
  }
18
- declare function CardHeader({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
25
+ declare function CardHeader({
26
+ className,
27
+ ...props
28
+ }: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
19
29
  declare namespace CardHeader {
20
- var displayName: string;
30
+ var displayName: string;
21
31
  }
22
- declare function CardContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
32
+ declare function CardContent({
33
+ className,
34
+ ...props
35
+ }: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
23
36
  declare namespace CardContent {
24
- var displayName: string;
37
+ var displayName: string;
25
38
  }
26
- declare function CardFooter({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
39
+ declare function CardFooter({
40
+ className,
41
+ ...props
42
+ }: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
27
43
  declare namespace CardFooter {
28
- var displayName: string;
44
+ var displayName: string;
29
45
  }
30
- declare function CardImage({ className, ...props }: ImgHTMLAttributes<HTMLImageElement>): react_jsx_runtime.JSX.Element;
46
+ declare function CardImage({
47
+ className,
48
+ ...props
49
+ }: ImgHTMLAttributes<HTMLImageElement>): _$react_jsx_runtime0.JSX.Element;
31
50
  declare namespace CardImage {
32
- var displayName: string;
51
+ var displayName: string;
33
52
  }
34
- declare function CardTitle({ className, ...props }: ComponentProps<'h3'>): react_jsx_runtime.JSX.Element;
53
+ declare function CardTitle({
54
+ className,
55
+ ...props
56
+ }: ComponentProps<'h3'>): _$react_jsx_runtime0.JSX.Element;
35
57
  declare namespace CardTitle {
36
- var displayName: string;
58
+ var displayName: string;
37
59
  }
38
- declare function CardDescription({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
60
+ declare function CardDescription({
61
+ className,
62
+ ...props
63
+ }: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
39
64
  declare namespace CardDescription {
40
- var displayName: string;
65
+ var displayName: string;
41
66
  }
42
67
  declare const Card: typeof CardRoot & {
43
- Header: typeof CardHeader;
44
- Content: typeof CardContent;
45
- Footer: typeof CardFooter;
46
- Image: typeof CardImage;
47
- Title: typeof CardTitle;
48
- Description: typeof CardDescription;
68
+ Header: typeof CardHeader;
69
+ Content: typeof CardContent;
70
+ Footer: typeof CardFooter;
71
+ Image: typeof CardImage;
72
+ Title: typeof CardTitle;
73
+ Description: typeof CardDescription;
49
74
  };
50
-
51
- export { Card, type CardProps, cardVariants };
75
+ //#endregion
76
+ export { Card, CardProps, cardVariants };
77
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","names":[],"sources":["../src/components/Card/index.tsx"],"mappings":";;;;;;cAQa,YAAA,GAAY,KAAA;;;IAavB,iCAAA,CAAA,SAAA;AAAA,KAEG,YAAA,WAAuB,WAAA;EAC1B,EAAA,GAAK,CAAA;AAAA,IACH,YAAA,QAAoB,YAAA;AAAA,KAEZ,SAAA,WAAoB,WAAA,YAAuB,YAAA,CAAa,CAAA,IAClE,IAAA,CAAK,cAAA,CAAe,CAAA,SAAU,YAAA,CAAa,CAAA;AAAA,iBAEpC,QAAA,WAAmB,WAAA,SAAA,CAAA;EAC1B,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,SAAA,CAAU,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANN,QAAA;EAAA,IAAQ,WAAA;AAAA;AAAA,iBAwBR,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA1D,WAAA;EAAA,IAAW,WAAA;AAAA;AAAA,iBAcX,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,SAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,iBAAA,CAAkB,gBAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAH7B,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAmBT,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,SAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAvD,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAQT,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5D,eAAA;EAAA,IAAe,WAAA;AAAA;AAAA,cAMX,IAAA,SAOA,QAAA;EACX,MAAA,SAAe,UAAA;EACf,OAAA,SAAgB,WAAA;EAChB,MAAA,SAAe,UAAA;EACf,KAAA,SAAc,SAAA;EACd,KAAA,SAAc,SAAA;EACd,WAAA,SAAoB,eAAA;AAAA"}
package/dist/Card.js CHANGED
@@ -1,2 +1,2 @@
1
- export{b as Card,a as cardVariants}from'./_chunks/chunk-LHNOY24C.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Card.js.map
1
+ import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`grid content-start rounded-xl group/card`,{variants:{intent:e,emphasis:{raised:`emphasis-raised`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler p-2 gap-4 -m-2`,normal:`emphasis-normal`}},defaultVariants:{emphasis:`normal`}});function a({as:e,className:t,intent:a,emphasis:o,...s}){let c=s,l=!!c.href||!!c.onClick;return r(e||(c.href?`a`:`div`),{className:n(i({intent:a,emphasis:o}),l&&`is-interactive`,t),...s})}a.displayName=`Card`;function o({className:e,...t}){return r(`div`,{className:n(`grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0`,e),...t})}o.displayName=`Card.Header`;function s({className:e,...t}){return r(`div`,{className:n(`px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0`,e),...t})}s.displayName=`Card.Content`;function c({className:e,...t}){return r(`div`,{className:n(`flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0`,e),...t})}c.displayName=`Card.Footer`;function l({className:e,...t}){return r(`div`,{className:`overflow-hidden rounded-xl`,children:r(`img`,{className:n(`aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105`,e),...t})})}l.displayName=`Card.Image`;function u({className:e,...t}){return r(`h3`,{className:n(`text-display-ui-6 text-strong`,e),...t})}u.displayName=`Card.Title`;function d({className:e,...t}){return r(`p`,{className:n(`text-sm text-subtle`,e),...t})}d.displayName=`Card.Description`;const f=Object.assign(a,{Header:o,Content:s,Footer:c,Image:l,Title:u,Description:d});export{f as Card,i as cardVariants};
2
2
  //# sourceMappingURL=Card.js.map
package/dist/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Card.js"}
1
+ {"version":3,"file":"Card.js","names":[],"sources":["../src/components/Card/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType, ImgHTMLAttributes } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const cardVariants = cva('grid content-start rounded-xl group/card', {\n variants: {\n intent: intentVariants,\n emphasis: {\n raised: 'emphasis-raised',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler p-2 gap-4 -m-2',\n normal: 'emphasis-normal'\n }\n },\n defaultVariants: {\n emphasis: 'normal'\n }\n})\n\ntype CardOwnProps<T extends ElementType = 'div'> = {\n as?: T\n} & VariantProps<typeof cardVariants>\n\nexport type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> &\n Omit<ComponentProps<T>, keyof CardOwnProps<T>>\n\nfunction CardRoot<T extends ElementType = 'div'>({\n as,\n className,\n intent,\n emphasis,\n ...props\n}: CardProps<T>) {\n const rest = props as Record<string, unknown>\n const isInteractive = !!rest.href || !!rest.onClick\n const Component = as || (rest.href ? 'a' : 'div')\n return (\n <Component\n className={cn(\n cardVariants({ intent, emphasis }),\n isInteractive && 'is-interactive',\n className\n )}\n {...props}\n />\n )\n}\n\nCardRoot.displayName = 'Card'\n\nfunction CardHeader({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardHeader.displayName = 'Card.Header'\n\nfunction CardContent({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardContent.displayName = 'Card.Content'\n\nfunction CardFooter({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardFooter.displayName = 'Card.Footer'\n\nfunction CardImage({\n className,\n ...props\n}: ImgHTMLAttributes<HTMLImageElement>) {\n return (\n <div className='overflow-hidden rounded-xl'>\n <img\n className={cn(\n 'aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105',\n className\n )}\n {...props}\n />\n </div>\n )\n}\n\nCardImage.displayName = 'Card.Image'\n\nfunction CardTitle({ className, ...props }: ComponentProps<'h3'>) {\n return (\n <h3 className={cn('text-display-ui-6 text-strong', className)} {...props} />\n )\n}\n\nCardTitle.displayName = 'Card.Title'\n\nfunction CardDescription({ className, ...props }: ComponentProps<'p'>) {\n return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nCardDescription.displayName = 'Card.Description'\n\nexport const Card = Object.assign(CardRoot, {\n Header: CardHeader,\n Content: CardContent,\n Footer: CardFooter,\n Image: CardImage,\n Title: CardTitle,\n Description: CardDescription\n}) as typeof CardRoot & {\n Header: typeof CardHeader\n Content: typeof CardContent\n Footer: typeof CardFooter\n Image: typeof CardImage\n Title: typeof CardTitle\n Description: typeof CardDescription\n}\n"],"mappings":"gLAQA,MAAa,EAAe,EAAI,2CAA4C,CAC1E,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,kCACT,OAAQ,kBACT,CACF,CACD,gBAAiB,CACf,SAAU,SACX,CACF,CAAC,CASF,SAAS,EAAwC,CAC/C,KACA,YACA,SACA,WACA,GAAG,GACY,CACf,IAAM,EAAO,EACP,EAAgB,CAAC,CAAC,EAAK,MAAQ,CAAC,CAAC,EAAK,QAE5C,OACE,EAFgB,IAAO,EAAK,KAAO,IAAM,OAEzC,CACE,UAAW,EACT,EAAa,CAAE,SAAQ,WAAU,CAAC,CAClC,GAAiB,iBACjB,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc,OAEvB,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAC,MAAD,CACE,UAAW,EACT,iGACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAgC,CACnE,OACE,EAAC,MAAD,CACE,UAAW,EACT,oFACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc,eAE1B,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAC,MAAD,CACE,UAAW,EACT,4GACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAS,EAAU,CACjB,YACA,GAAG,GACmC,CACtC,OACE,EAAC,MAAD,CAAK,UAAU,sCACb,EAAC,MAAD,CACE,UAAW,EACT,8FACA,EACD,CACD,GAAI,EACJ,CAAA,CACE,CAAA,CAIV,EAAU,YAAc,aAExB,SAAS,EAAU,CAAE,YAAW,GAAG,GAA+B,CAChE,OACE,EAAC,KAAD,CAAI,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,EAAS,CAAA,CAIhF,EAAU,YAAc,aAExB,SAAS,EAAgB,CAAE,YAAW,GAAG,GAA8B,CACrE,OAAO,EAAC,IAAD,CAAG,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,EAAS,CAAA,CAG1E,EAAgB,YAAc,mBAE9B,MAAa,EAAO,OAAO,OAAO,EAAU,CAC1C,OAAQ,EACR,QAAS,EACT,OAAQ,EACR,MAAO,EACP,MAAO,EACP,YAAa,EACd,CAAC"}
package/dist/Code.d.ts CHANGED
@@ -1,17 +1,23 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ComponentProps } from 'react';
4
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { ComponentProps } from "react";
4
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
5
5
 
6
+ //#region src/components/Code/index.d.ts
6
7
  declare const codeVariants: (props?: ({
7
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
8
- emphasis?: "strong" | "normal" | "subtle" | "subtler" | null | undefined;
9
- } & class_variance_authority_types.ClassProp) | undefined) => string;
10
- interface CodeProps extends ComponentProps<'code'>, VariantProps<typeof codeVariants> {
11
- }
12
- declare function Code({ className, intent, emphasis, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
8
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
9
+ emphasis?: "normal" | "strong" | "subtle" | "subtler" | null | undefined;
10
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
11
+ interface CodeProps extends ComponentProps<'code'>, VariantProps<typeof codeVariants> {}
12
+ declare function Code({
13
+ className,
14
+ intent,
15
+ emphasis,
16
+ ...props
17
+ }: CodeProps): _$react_jsx_runtime0.JSX.Element;
13
18
  declare namespace Code {
14
- var displayName: string;
19
+ var displayName: string;
15
20
  }
16
-
17
- export { Code, type CodeProps, codeVariants };
21
+ //#endregion
22
+ export { Code, CodeProps, codeVariants };
23
+ //# sourceMappingURL=Code.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Code.d.ts","names":[],"sources":["../src/components/Code/index.tsx"],"mappings":";;;;;;cAQa,YAAA,GAAY,KAAA;;;IAgBxB,iCAAA,CAAA,SAAA;AAAA,UAEgB,SAAA,SACP,cAAA,UACN,YAAA,QAAoB,YAAA;AAAA,iBAER,IAAA,CAAA;EAAO,SAAA;EAAW,MAAA;EAAQ,QAAA;EAAA,GAAa;AAAA,GAAS,SAAA,GAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,IAAA;EAAA,IAAI,WAAA;AAAA"}
package/dist/Code.js CHANGED
@@ -1,2 +1,2 @@
1
- export{b as Code,a as codeVariants}from'./_chunks/chunk-DRVUAPKN.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Code.js.map
1
+ import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`font-mono rounded-md px-1.5 py-0.5 text-[0.9em]`,{variants:{intent:e,emphasis:{normal:`emphasis-normal`,strong:`emphasis-strong`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler`}},defaultVariants:{emphasis:`normal`}});function a({className:e,intent:t,emphasis:a,...o}){return r(`code`,{className:n(i({intent:t,emphasis:a,className:e})),...o})}a.displayName=`Code`;export{a as Code,i as codeVariants};
2
2
  //# sourceMappingURL=Code.js.map
package/dist/Code.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Code.js"}
1
+ {"version":3,"file":"Code.js","names":[],"sources":["../src/components/Code/index.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const codeVariants = cva(\n 'font-mono rounded-md px-1.5 py-0.5 text-[0.9em]',\n {\n variants: {\n intent: intentVariants,\n emphasis: {\n normal: 'emphasis-normal',\n strong: 'emphasis-strong',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler'\n }\n },\n defaultVariants: {\n emphasis: 'normal'\n }\n }\n)\n\nexport interface CodeProps\n extends ComponentProps<'code'>,\n VariantProps<typeof codeVariants> {}\n\nexport function Code({ className, intent, emphasis, ...props }: CodeProps) {\n return (\n <code\n className={cn(codeVariants({ intent, emphasis, className }))}\n {...props}\n />\n )\n}\n\nCode.displayName = 'Code'\n"],"mappings":"gLAQA,MAAa,EAAe,EAC1B,kDACA,CACE,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,mBACV,CACF,CACD,gBAAiB,CACf,SAAU,SACX,CACF,CACF,CAMD,SAAgB,EAAK,CAAE,YAAW,SAAQ,WAAU,GAAG,GAAoB,CACzE,OACE,EAAC,OAAD,CACE,UAAW,EAAG,EAAa,CAAE,SAAQ,WAAU,YAAW,CAAC,CAAC,CAC5D,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}
@@ -1,137 +1,168 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ComponentProps } from 'react';
4
- import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
5
- export { ComboboxFilter as Filter, ComboboxFilterOptions as FilterOptions } from '@base-ui/react/combobox';
6
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { RefAttributes } from "react";
4
+ import { Combobox as Combobox$1, ComboboxFilter, ComboboxFilterOptions } from "@base-ui/react/combobox";
5
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
7
6
 
7
+ //#region src/components/Combobox/index.d.ts
8
8
  declare const useFilter: typeof Combobox$1.useFilter;
9
-
10
9
  declare const comboboxInputGroupVariants: (props?: ({
11
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
12
- emphasis?: "normal" | "subtle" | null | undefined;
13
- size?: "sm" | "md" | "lg" | null | undefined;
14
- } & class_variance_authority_types.ClassProp) | undefined) => string;
15
- interface ComboboxRootProps extends ComponentProps<typeof Combobox$1.Root> {
16
- }
17
- declare function ComboboxRoot(props: ComboboxRootProps): react_jsx_runtime.JSX.Element;
10
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
11
+ emphasis?: "normal" | "subtle" | null | undefined;
12
+ size?: "sm" | "md" | "lg" | null | undefined;
13
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
14
+ type ComboboxRootProps = Combobox$1.Root.Props<unknown>;
15
+ declare function ComboboxRoot(props: ComboboxRootProps): _$react_jsx_runtime0.JSX.Element;
18
16
  declare namespace ComboboxRoot {
19
- var displayName: string;
20
- }
21
- interface ComboboxLabelProps extends ComponentProps<typeof Combobox$1.Label> {
17
+ var displayName: string;
22
18
  }
23
- declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): react_jsx_runtime.JSX.Element;
19
+ type ComboboxLabelProps = Combobox$1.Label.Props & RefAttributes<HTMLDivElement>;
20
+ declare function ComboboxLabel({
21
+ className,
22
+ ...props
23
+ }: ComboboxLabelProps): _$react_jsx_runtime0.JSX.Element;
24
24
  declare namespace ComboboxLabel {
25
- var displayName: string;
26
- }
27
- interface ComboboxInputGroupProps extends ComponentProps<typeof Combobox$1.InputGroup>, VariantProps<typeof comboboxInputGroupVariants> {
28
- }
29
- declare function ComboboxInputGroup({ className, intent, emphasis, size, ...props }: ComboboxInputGroupProps): react_jsx_runtime.JSX.Element;
25
+ var displayName: string;
26
+ }
27
+ type ComboboxInputGroupProps = Combobox$1.InputGroup.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof comboboxInputGroupVariants>;
28
+ declare function ComboboxInputGroup({
29
+ className,
30
+ intent,
31
+ emphasis,
32
+ size,
33
+ ...props
34
+ }: ComboboxInputGroupProps): _$react_jsx_runtime0.JSX.Element;
30
35
  declare namespace ComboboxInputGroup {
31
- var displayName: string;
32
- }
33
- interface ComboboxInputProps extends ComponentProps<typeof Combobox$1.Input> {
36
+ var displayName: string;
34
37
  }
35
- declare function ComboboxInput({ className, ...props }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
38
+ type ComboboxInputProps = Combobox$1.Input.Props & RefAttributes<HTMLInputElement>;
39
+ declare function ComboboxInput({
40
+ className,
41
+ ...props
42
+ }: ComboboxInputProps): _$react_jsx_runtime0.JSX.Element;
36
43
  declare namespace ComboboxInput {
37
- var displayName: string;
38
- }
39
- interface ComboboxTriggerProps extends ComponentProps<typeof Combobox$1.Trigger> {
40
- }
41
- declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): react_jsx_runtime.JSX.Element;
44
+ var displayName: string;
45
+ }
46
+ type ComboboxTriggerProps = Combobox$1.Trigger.Props & RefAttributes<HTMLButtonElement>;
47
+ declare function ComboboxTrigger({
48
+ className,
49
+ children,
50
+ ...props
51
+ }: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
42
52
  declare namespace ComboboxTrigger {
43
- var displayName: string;
44
- }
45
- interface ComboboxClearProps extends ComponentProps<typeof Combobox$1.Clear> {
46
- }
47
- declare function ComboboxClear({ className, children, ...props }: ComboboxClearProps): react_jsx_runtime.JSX.Element;
53
+ var displayName: string;
54
+ }
55
+ type ComboboxClearProps = Combobox$1.Clear.Props & RefAttributes<HTMLButtonElement>;
56
+ declare function ComboboxClear({
57
+ className,
58
+ children,
59
+ ...props
60
+ }: ComboboxClearProps): _$react_jsx_runtime0.JSX.Element;
48
61
  declare namespace ComboboxClear {
49
- var displayName: string;
50
- }
51
- interface ComboboxPortalProps extends ComponentProps<typeof Combobox$1.Portal> {
62
+ var displayName: string;
52
63
  }
53
- declare function ComboboxPortal(props: ComboboxPortalProps): react_jsx_runtime.JSX.Element;
64
+ type ComboboxPortalProps = Combobox$1.Portal.Props & RefAttributes<HTMLDivElement>;
65
+ declare function ComboboxPortal(props: ComboboxPortalProps): _$react_jsx_runtime0.JSX.Element;
54
66
  declare namespace ComboboxPortal {
55
- var displayName: string;
56
- }
57
- interface ComboboxPositionerProps extends ComponentProps<typeof Combobox$1.Positioner> {
67
+ var displayName: string;
58
68
  }
59
- declare function ComboboxPositioner({ className, ...props }: ComboboxPositionerProps): react_jsx_runtime.JSX.Element;
69
+ type ComboboxPositionerProps = Combobox$1.Positioner.Props & RefAttributes<HTMLDivElement>;
70
+ declare function ComboboxPositioner({
71
+ className,
72
+ ...props
73
+ }: ComboboxPositionerProps): _$react_jsx_runtime0.JSX.Element;
60
74
  declare namespace ComboboxPositioner {
61
- var displayName: string;
75
+ var displayName: string;
62
76
  }
63
- interface ComboboxPopupProps extends ComponentProps<typeof Combobox$1.Popup> {
64
- }
65
- declare function ComboboxPopup({ className, ...props }: ComboboxPopupProps): react_jsx_runtime.JSX.Element;
77
+ type ComboboxPopupProps = Combobox$1.Popup.Props & RefAttributes<HTMLDivElement>;
78
+ declare function ComboboxPopup({
79
+ className,
80
+ ...props
81
+ }: ComboboxPopupProps): _$react_jsx_runtime0.JSX.Element;
66
82
  declare namespace ComboboxPopup {
67
- var displayName: string;
68
- }
69
- interface ComboboxListProps extends ComponentProps<typeof Combobox$1.List> {
83
+ var displayName: string;
70
84
  }
71
- declare function ComboboxList({ className, ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
85
+ type ComboboxListProps = Combobox$1.List.Props & RefAttributes<HTMLDivElement>;
86
+ declare function ComboboxList({
87
+ className,
88
+ ...props
89
+ }: ComboboxListProps): _$react_jsx_runtime0.JSX.Element;
72
90
  declare namespace ComboboxList {
73
- var displayName: string;
74
- }
75
- interface ComboboxItemProps extends ComponentProps<typeof Combobox$1.Item> {
91
+ var displayName: string;
76
92
  }
77
- declare function ComboboxItem({ className, ...props }: ComboboxItemProps): react_jsx_runtime.JSX.Element;
93
+ type ComboboxItemProps = Combobox$1.Item.Props & RefAttributes<HTMLDivElement>;
94
+ declare function ComboboxItem({
95
+ className,
96
+ ...props
97
+ }: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
78
98
  declare namespace ComboboxItem {
79
- var displayName: string;
99
+ var displayName: string;
80
100
  }
81
- interface ComboboxCollectionProps extends ComponentProps<typeof Combobox$1.Collection> {
82
- }
83
- declare function ComboboxCollection(props: ComboboxCollectionProps): react_jsx_runtime.JSX.Element;
101
+ type ComboboxCollectionProps = Combobox$1.Collection.Props;
102
+ declare function ComboboxCollection(props: ComboboxCollectionProps): _$react_jsx_runtime0.JSX.Element;
84
103
  declare namespace ComboboxCollection {
85
- var displayName: string;
86
- }
87
- interface ComboboxItemIndicatorProps extends ComponentProps<typeof Combobox$1.ItemIndicator> {
88
- }
89
- declare function ComboboxItemIndicator({ className, children, ...props }: ComboboxItemIndicatorProps): react_jsx_runtime.JSX.Element;
104
+ var displayName: string;
105
+ }
106
+ type ComboboxItemIndicatorProps = Combobox$1.ItemIndicator.Props & RefAttributes<HTMLSpanElement>;
107
+ declare function ComboboxItemIndicator({
108
+ className,
109
+ children,
110
+ ...props
111
+ }: ComboboxItemIndicatorProps): _$react_jsx_runtime0.JSX.Element;
90
112
  declare namespace ComboboxItemIndicator {
91
- var displayName: string;
113
+ var displayName: string;
92
114
  }
93
- interface ComboboxGroupProps extends ComponentProps<typeof Combobox$1.Group> {
94
- }
95
- declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): react_jsx_runtime.JSX.Element;
115
+ type ComboboxGroupProps = Combobox$1.Group.Props & RefAttributes<HTMLDivElement>;
116
+ declare function ComboboxGroup({
117
+ className,
118
+ ...props
119
+ }: ComboboxGroupProps): _$react_jsx_runtime0.JSX.Element;
96
120
  declare namespace ComboboxGroup {
97
- var displayName: string;
98
- }
99
- interface ComboboxGroupLabelProps extends ComponentProps<typeof Combobox$1.GroupLabel> {
121
+ var displayName: string;
100
122
  }
101
- declare function ComboboxGroupLabel({ className, ...props }: ComboboxGroupLabelProps): react_jsx_runtime.JSX.Element;
123
+ type ComboboxGroupLabelProps = Combobox$1.GroupLabel.Props & RefAttributes<HTMLDivElement>;
124
+ declare function ComboboxGroupLabel({
125
+ className,
126
+ ...props
127
+ }: ComboboxGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
102
128
  declare namespace ComboboxGroupLabel {
103
- var displayName: string;
104
- }
105
- interface ComboboxEmptyProps extends ComponentProps<typeof Combobox$1.Empty> {
129
+ var displayName: string;
106
130
  }
107
- declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): react_jsx_runtime.JSX.Element;
131
+ type ComboboxEmptyProps = Combobox$1.Empty.Props & RefAttributes<HTMLDivElement>;
132
+ declare function ComboboxEmpty({
133
+ className,
134
+ ...props
135
+ }: ComboboxEmptyProps): _$react_jsx_runtime0.JSX.Element;
108
136
  declare namespace ComboboxEmpty {
109
- var displayName: string;
137
+ var displayName: string;
110
138
  }
111
- interface ComboboxStatusProps extends ComponentProps<typeof Combobox$1.Status> {
112
- }
113
- declare function ComboboxStatus({ className, ...props }: ComboboxStatusProps): react_jsx_runtime.JSX.Element;
139
+ type ComboboxStatusProps = Combobox$1.Status.Props & RefAttributes<HTMLDivElement>;
140
+ declare function ComboboxStatus({
141
+ className,
142
+ ...props
143
+ }: ComboboxStatusProps): _$react_jsx_runtime0.JSX.Element;
114
144
  declare namespace ComboboxStatus {
115
- var displayName: string;
145
+ var displayName: string;
116
146
  }
117
147
  declare const Combobox: typeof ComboboxRoot & {
118
- Label: typeof ComboboxLabel;
119
- InputGroup: typeof ComboboxInputGroup;
120
- Input: typeof ComboboxInput;
121
- Trigger: typeof ComboboxTrigger;
122
- Clear: typeof ComboboxClear;
123
- Portal: typeof ComboboxPortal;
124
- Positioner: typeof ComboboxPositioner;
125
- Popup: typeof ComboboxPopup;
126
- List: typeof ComboboxList;
127
- Item: typeof ComboboxItem;
128
- Collection: typeof ComboboxCollection;
129
- ItemIndicator: typeof ComboboxItemIndicator;
130
- Group: typeof ComboboxGroup;
131
- GroupLabel: typeof ComboboxGroupLabel;
132
- Empty: typeof ComboboxEmpty;
133
- Status: typeof ComboboxStatus;
148
+ Label: typeof ComboboxLabel;
149
+ InputGroup: typeof ComboboxInputGroup;
150
+ Input: typeof ComboboxInput;
151
+ Trigger: typeof ComboboxTrigger;
152
+ Clear: typeof ComboboxClear;
153
+ Portal: typeof ComboboxPortal;
154
+ Positioner: typeof ComboboxPositioner;
155
+ Popup: typeof ComboboxPopup;
156
+ List: typeof ComboboxList;
157
+ Item: typeof ComboboxItem;
158
+ Collection: typeof ComboboxCollection;
159
+ ItemIndicator: typeof ComboboxItemIndicator;
160
+ Group: typeof ComboboxGroup;
161
+ GroupLabel: typeof ComboboxGroupLabel;
162
+ Empty: typeof ComboboxEmpty;
163
+ Status: typeof ComboboxStatus;
134
164
  };
135
165
  type ComboboxProps = ComboboxRootProps;
136
-
137
- export { Combobox, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, ComboboxPositioner, type ComboboxPositionerProps, type ComboboxProps, ComboboxRoot, type ComboboxRootProps, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, comboboxInputGroupVariants, useFilter };
166
+ //#endregion
167
+ export { Combobox, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPortalProps, ComboboxPositioner, ComboboxPositionerProps, ComboboxProps, ComboboxRoot, ComboboxRootProps, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, type ComboboxFilter as Filter, type ComboboxFilterOptions as FilterOptions, comboboxInputGroupVariants, useFilter };
168
+ //# sourceMappingURL=Combobox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Combobox.d.ts","names":[],"sources":["../src/components/Combobox/index.tsx"],"mappings":"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"}
package/dist/Combobox.js CHANGED
@@ -1,3 +1,2 @@
1
- "use client";
2
- export{t as Combobox,h as ComboboxClear,n as ComboboxCollection,r as ComboboxEmpty,p as ComboboxGroup,q as ComboboxGroupLabel,f as ComboboxInput,e as ComboboxInputGroup,m as ComboboxItem,o as ComboboxItemIndicator,d as ComboboxLabel,l as ComboboxList,k as ComboboxPopup,i as ComboboxPortal,j as ComboboxPositioner,c as ComboboxRoot,s as ComboboxStatus,g as ComboboxTrigger,b as comboboxInputGroupVariants,a as useFilter}from'./_chunks/chunk-FSO4EAAY.js';import'./_chunks/chunk-N2HGY7W7.js';import'./_chunks/chunk-OIAETOZT.js';import'./_chunks/chunk-LMV3JECI.js';import'./_chunks/chunk-VSKUGXQG.js';import'./_chunks/chunk-IEDKSZAQ.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Combobox.js.map
1
+ "use client";import{t as e}from"./variants-DTAwzBl3.js";import{useFieldContext as t}from"./Field.js";import{cva as n}from"class-variance-authority";import{cn as r}from"@oztix/roadie-core/utils";import{jsx as i}from"react/jsx-runtime";import{CaretDownIcon as a,CheckIcon as o,XIcon as s}from"@phosphor-icons/react";import{Combobox as c}from"@base-ui/react/combobox";const l=c.useFilter,u=n(`inline-flex w-full items-center rounded-lg font-sans`,{variants:{intent:e,emphasis:{normal:`emphasis-sunken border border-subtle is-interactive-field-group`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field-group`},size:{sm:`h-8 px-1.5 text-base`,md:`h-10 px-2 text-base`,lg:`h-12 px-2 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function d(e){return i(c.Root,{...e})}d.displayName=`Combobox`;function f({className:e,...t}){return i(c.Label,{className:r(`text-sm font-medium text-normal`,e),...t})}f.displayName=`Combobox.Label`;function p({className:e,intent:n,emphasis:a,size:o,...s}){let l=t(),d=!!l.fieldId;return i(c.InputGroup,{className:r(u({intent:n,emphasis:a,size:o,className:e})),"aria-invalid":d&&l.invalid||void 0,...s})}p.displayName=`Combobox.InputGroup`;function m({className:e,...n}){let a=t(),o=!!a.fieldId;return i(c.Input,{className:r(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle`,e),...o&&{id:a.fieldId,"aria-invalid":a.invalid||void 0,"aria-required":a.required||void 0,"aria-describedby":a.invalid?a.errorTextId||void 0:a.helperTextId||void 0},...n})}m.displayName=`Combobox.Input`;function h({className:e,children:t,...n}){return i(c.Trigger,{className:r(`duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180`,e),...n,children:t??i(a,{weight:`bold`,className:`size-4`})})}h.displayName=`Combobox.Trigger`;function g({className:e,children:t,...n}){return i(c.Clear,{className:r(`shrink-0 cursor-pointer text-subtle hover:text-normal`,e),...n,children:t??i(s,{weight:`bold`,className:`size-4`})})}g.displayName=`Combobox.Clear`;function _(e){return i(c.Portal,{...e})}_.displayName=`Combobox.Portal`;function v({className:e,...t}){return i(c.Positioner,{className:r(`z-50`,e),sideOffset:4,...t})}v.displayName=`Combobox.Positioner`;function y({className:e,...t}){return i(c.Popup,{className:r(`max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg`,`origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0`,e),...t})}y.displayName=`Combobox.Popup`;function b({className:e,...t}){return i(c.List,{className:e,...t})}b.displayName=`Combobox.List`;function x({className:e,...t}){return i(c.Item,{className:r(`flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none`,`data-[highlighted]:bg-subtle`,e),...t})}x.displayName=`Combobox.Item`;function S(e){return i(c.Collection,{...e})}S.displayName=`Combobox.Collection`;function C({className:e,children:t,...n}){return i(c.ItemIndicator,{className:r(`shrink-0 text-subtle`,e),...n,children:t??i(o,{weight:`bold`,className:`size-4`})})}C.displayName=`Combobox.ItemIndicator`;function w({className:e,...t}){return i(c.Group,{className:r(`[&+&]:mt-1`,e),...t})}w.displayName=`Combobox.Group`;function T({className:e,...t}){return i(c.GroupLabel,{className:r(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}T.displayName=`Combobox.GroupLabel`;function E({className:e,...t}){return i(c.Empty,{className:r(`text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4`,e),...t})}E.displayName=`Combobox.Empty`;function D({className:e,...t}){return i(c.Status,{className:r(`sr-only`,e),...t})}D.displayName=`Combobox.Status`;const O=Object.assign(d,{Label:f,InputGroup:p,Input:m,Trigger:h,Clear:g,Portal:_,Positioner:v,Popup:y,List:b,Item:x,Collection:S,ItemIndicator:C,Group:w,GroupLabel:T,Empty:E,Status:D});export{O as Combobox,g as ComboboxClear,S as ComboboxCollection,E as ComboboxEmpty,w as ComboboxGroup,T as ComboboxGroupLabel,m as ComboboxInput,p as ComboboxInputGroup,x as ComboboxItem,C as ComboboxItemIndicator,f as ComboboxLabel,b as ComboboxList,y as ComboboxPopup,_ as ComboboxPortal,v as ComboboxPositioner,d as ComboboxRoot,D as ComboboxStatus,h as ComboboxTrigger,u as comboboxInputGroupVariants,l as useFilter};
3
2
  //# sourceMappingURL=Combobox.js.map