@oztix/roadie-components 2.0.1 → 2.1.0

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 (168) 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 +101 -60
  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-CqyOi1Lf.d.ts +26 -0
  20. package/dist/Button-CqyOi1Lf.d.ts.map +1 -0
  21. package/dist/Button.d.ts +3 -17
  22. package/dist/Button.js +1 -2
  23. package/dist/Card.d.ts +56 -30
  24. package/dist/Card.d.ts.map +1 -0
  25. package/dist/Card.js +1 -1
  26. package/dist/Card.js.map +1 -1
  27. package/dist/Carousel.d.ts +257 -0
  28. package/dist/Carousel.d.ts.map +1 -0
  29. package/dist/Carousel.js +2 -0
  30. package/dist/Carousel.js.map +1 -0
  31. package/dist/Code.d.ts +19 -13
  32. package/dist/Code.d.ts.map +1 -0
  33. package/dist/Code.js +1 -1
  34. package/dist/Code.js.map +1 -1
  35. package/dist/Combobox.d.ts +111 -63
  36. package/dist/Combobox.d.ts.map +1 -0
  37. package/dist/Combobox.js +1 -2
  38. package/dist/Combobox.js.map +1 -1
  39. package/dist/Field.d.ts +63 -46
  40. package/dist/Field.d.ts.map +1 -0
  41. package/dist/Field.js +1 -2
  42. package/dist/Field.js.map +1 -1
  43. package/dist/Fieldset.d.ts +34 -22
  44. package/dist/Fieldset.d.ts.map +1 -0
  45. package/dist/Fieldset.js +1 -2
  46. package/dist/Fieldset.js.map +1 -1
  47. package/dist/Highlight.d.ts +20 -15
  48. package/dist/Highlight.d.ts.map +1 -0
  49. package/dist/Highlight.js +1 -2
  50. package/dist/Highlight.js.map +1 -1
  51. package/dist/IconButton-0UdUDm0O.js +2 -0
  52. package/dist/IconButton-0UdUDm0O.js.map +1 -0
  53. package/dist/IconButton-Bhg6u3Qm.d.ts +17 -0
  54. package/dist/IconButton-Bhg6u3Qm.d.ts.map +1 -0
  55. package/dist/Indicator.d.ts +20 -12
  56. package/dist/Indicator.d.ts.map +1 -0
  57. package/dist/Indicator.js +1 -1
  58. package/dist/Indicator.js.map +1 -1
  59. package/dist/Input.d.ts +22 -14
  60. package/dist/Input.d.ts.map +1 -0
  61. package/dist/Input.js +1 -2
  62. package/dist/Input.js.map +1 -1
  63. package/dist/Label.d.ts +12 -8
  64. package/dist/Label.d.ts.map +1 -0
  65. package/dist/Label.js +1 -1
  66. package/dist/Label.js.map +1 -1
  67. package/dist/LinkButton-9nnOzX_0.js +2 -0
  68. package/dist/LinkButton-9nnOzX_0.js.map +1 -0
  69. package/dist/LinkButton.d.ts +2 -35
  70. package/dist/LinkButton.js +1 -2
  71. package/dist/Mark.d.ts +19 -12
  72. package/dist/Mark.d.ts.map +1 -0
  73. package/dist/Mark.js +1 -1
  74. package/dist/Mark.js.map +1 -1
  75. package/dist/Marquee.d.ts +27 -16
  76. package/dist/Marquee.d.ts.map +1 -0
  77. package/dist/Marquee.js +5 -2
  78. package/dist/Marquee.js.map +1 -1
  79. package/dist/Prose.d.ts +19 -12
  80. package/dist/Prose.d.ts.map +1 -0
  81. package/dist/Prose.js +1 -1
  82. package/dist/Prose.js.map +1 -1
  83. package/dist/RadioGroup.d.ts +62 -38
  84. package/dist/RadioGroup.d.ts.map +1 -0
  85. package/dist/RadioGroup.js +1 -2
  86. package/dist/RadioGroup.js.map +1 -1
  87. package/dist/Select.d.ts +129 -73
  88. package/dist/Select.d.ts.map +1 -0
  89. package/dist/Select.js +1 -2
  90. package/dist/Select.js.map +1 -1
  91. package/dist/Separator.d.ts +17 -12
  92. package/dist/Separator.d.ts.map +1 -0
  93. package/dist/Separator.js +1 -1
  94. package/dist/Separator.js.map +1 -1
  95. package/dist/SpotIllustration.d.ts +71 -50
  96. package/dist/SpotIllustration.d.ts.map +1 -0
  97. package/dist/SpotIllustration.js +1 -2
  98. package/dist/SpotIllustration.js.map +1 -1
  99. package/dist/Steps.d.ts +102 -62
  100. package/dist/Steps.d.ts.map +1 -0
  101. package/dist/Steps.js +1 -2
  102. package/dist/Steps.js.map +1 -1
  103. package/dist/Textarea.d.ts +22 -13
  104. package/dist/Textarea.d.ts.map +1 -0
  105. package/dist/Textarea.js +1 -2
  106. package/dist/Textarea.js.map +1 -1
  107. package/dist/index-Coj58rPD.d.ts +50 -0
  108. package/dist/index-Coj58rPD.d.ts.map +1 -0
  109. package/dist/index.d.ts +48 -49
  110. package/dist/index.d.ts.map +1 -0
  111. package/dist/index.js +23 -23
  112. package/dist/index.js.map +1 -1
  113. package/dist/variants-DTAwzBl3.js +2 -0
  114. package/dist/variants-DTAwzBl3.js.map +1 -0
  115. package/package.json +28 -7
  116. package/dist/Button-fnIVmjIB.d.ts +0 -18
  117. package/dist/Button.js.map +0 -1
  118. package/dist/LinkButton.js.map +0 -1
  119. package/dist/_chunks/chunk-3H22EQQ6.js +0 -2
  120. package/dist/_chunks/chunk-3H22EQQ6.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-AFSDN4WI.js +0 -2
  126. package/dist/_chunks/chunk-AFSDN4WI.js.map +0 -1
  127. package/dist/_chunks/chunk-BQEJDV7D.js +0 -3
  128. package/dist/_chunks/chunk-BQEJDV7D.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-IEDKSZAQ.js +0 -3
  136. package/dist/_chunks/chunk-IEDKSZAQ.js.map +0 -1
  137. package/dist/_chunks/chunk-JBHYUOI2.js +0 -3
  138. package/dist/_chunks/chunk-JBHYUOI2.js.map +0 -1
  139. package/dist/_chunks/chunk-JGTZ3GCR.js +0 -2
  140. package/dist/_chunks/chunk-JGTZ3GCR.js.map +0 -1
  141. package/dist/_chunks/chunk-LHNOY24C.js +0 -2
  142. package/dist/_chunks/chunk-LHNOY24C.js.map +0 -1
  143. package/dist/_chunks/chunk-LMV3JECI.js +0 -3
  144. package/dist/_chunks/chunk-LMV3JECI.js.map +0 -1
  145. package/dist/_chunks/chunk-MDRAL676.js +0 -3
  146. package/dist/_chunks/chunk-MDRAL676.js.map +0 -1
  147. package/dist/_chunks/chunk-N2HGY7W7.js +0 -3
  148. package/dist/_chunks/chunk-N2HGY7W7.js.map +0 -1
  149. package/dist/_chunks/chunk-NRVNUMJE.js +0 -2
  150. package/dist/_chunks/chunk-NRVNUMJE.js.map +0 -1
  151. package/dist/_chunks/chunk-OIAETOZT.js +0 -3
  152. package/dist/_chunks/chunk-OIAETOZT.js.map +0 -1
  153. package/dist/_chunks/chunk-OIZX63GZ.js +0 -2
  154. package/dist/_chunks/chunk-OIZX63GZ.js.map +0 -1
  155. package/dist/_chunks/chunk-OPR5JL7N.js +0 -3
  156. package/dist/_chunks/chunk-OPR5JL7N.js.map +0 -1
  157. package/dist/_chunks/chunk-SCS7WZ6Z.js +0 -3
  158. package/dist/_chunks/chunk-SCS7WZ6Z.js.map +0 -1
  159. package/dist/_chunks/chunk-VSKUGXQG.js +0 -3
  160. package/dist/_chunks/chunk-VSKUGXQG.js.map +0 -1
  161. package/dist/_chunks/chunk-WOU2B425.js +0 -3
  162. package/dist/_chunks/chunk-WOU2B425.js.map +0 -1
  163. package/dist/_chunks/chunk-XERFFH3S.js +0 -3
  164. package/dist/_chunks/chunk-XERFFH3S.js.map +0 -1
  165. package/dist/_chunks/chunk-XRFHVFJ5.js +0 -3
  166. package/dist/_chunks/chunk-XRFHVFJ5.js.map +0 -1
  167. package/dist/_chunks/chunk-ZXR32FYA.js +0 -2
  168. package/dist/_chunks/chunk-ZXR32FYA.js.map +0 -1
@@ -1,37 +1,58 @@
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/Accordion/index.d.ts
6
7
  type AccordionType = 'single' | 'multiple';
7
8
  declare const accordionVariants: (props?: ({
8
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
9
- emphasis?: "normal" | "subtle" | "subtler" | null | undefined;
10
- } & class_variance_authority_types.ClassProp) | undefined) => string;
9
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
10
+ emphasis?: "normal" | "subtle" | "subtler" | null | undefined;
11
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
11
12
  interface AccordionProps extends ComponentProps<'div'>, VariantProps<typeof accordionVariants> {
12
- type?: AccordionType;
13
+ type?: AccordionType;
13
14
  }
14
- declare function AccordionRoot({ type, intent, emphasis, className, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
15
+ declare function AccordionRoot({
16
+ type,
17
+ intent,
18
+ emphasis,
19
+ className,
20
+ ...props
21
+ }: AccordionProps): _$react_jsx_runtime0.JSX.Element;
15
22
  declare namespace AccordionRoot {
16
- var displayName: string;
23
+ var displayName: string;
17
24
  }
18
25
  type AccordionItemProps = ComponentProps<'details'>;
19
- declare function AccordionItem({ className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
26
+ declare function AccordionItem({
27
+ className,
28
+ children,
29
+ ...props
30
+ }: AccordionItemProps): _$react_jsx_runtime0.JSX.Element;
20
31
  declare namespace AccordionItem {
21
- var displayName: string;
32
+ var displayName: string;
22
33
  }
23
- declare function AccordionTrigger({ className, children, onClick, ...props }: ComponentProps<'summary'>): react_jsx_runtime.JSX.Element;
34
+ declare function AccordionTrigger({
35
+ className,
36
+ children,
37
+ onClick,
38
+ ...props
39
+ }: ComponentProps<'summary'>): _$react_jsx_runtime0.JSX.Element;
24
40
  declare namespace AccordionTrigger {
25
- var displayName: string;
41
+ var displayName: string;
26
42
  }
27
- declare function AccordionContent({ className, children, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
43
+ declare function AccordionContent({
44
+ className,
45
+ children,
46
+ ...props
47
+ }: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
28
48
  declare namespace AccordionContent {
29
- var displayName: string;
49
+ var displayName: string;
30
50
  }
31
51
  declare const Accordion: typeof AccordionRoot & {
32
- Item: typeof AccordionItem;
33
- Trigger: typeof AccordionTrigger;
34
- Content: typeof AccordionContent;
52
+ Item: typeof AccordionItem;
53
+ Trigger: typeof AccordionTrigger;
54
+ Content: typeof AccordionContent;
35
55
  };
36
-
37
- export { Accordion, type AccordionProps, accordionVariants };
56
+ //#endregion
57
+ export { Accordion, AccordionProps, accordionVariants };
58
+ //# sourceMappingURL=Accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.d.ts","names":[],"sources":["../src/components/Accordion/index.tsx"],"mappings":";;;;;;KAoBK,aAAA;AAAA,cAeQ,iBAAA,GAAiB,KAAA;;;IAa5B,iCAAA,CAAA,SAAA;AAAA,UAUe,cAAA,SACP,cAAA,SACN,YAAA,QAAoB,iBAAA;EACtB,IAAA,GAAO,aAAA;AAAA;AAAA,iBAGA,aAAA,CAAA;EACP,IAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANR,aAAA;EAAA,IAAa,WAAA;AAAA;AAAA,KA2BjB,kBAAA,GAAqB,cAAA;AAAA,iBAEjB,aAAA,CAAA;EAAgB,SAAA;EAAW,QAAA;EAAA,GAAa;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAnE,aAAA;EAAA,IAAa,WAAA;AAAA;AAAA,iBAqBb,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,cAAyB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBALnB,gBAAA;EAAA,IAAgB,WAAA;AAAA;AAAA,iBAwDhB,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJf,gBAAA;EAAA,IAAgB,WAAA;AAAA;AAAA,cAiBZ,SAAA,SAAS,aAAA"}
package/dist/Accordion.js CHANGED
@@ -1,3 +1,2 @@
1
- "use client";
2
- export{b as Accordion,a as accordionVariants}from'./_chunks/chunk-MDRAL676.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Accordion.js.map
1
+ "use client";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,jsxs as i}from"react/jsx-runtime";import{createContext as a,use as o,useCallback as s,useId as c,useMemo as l}from"react";import{CaretDownIcon as u}from"@phosphor-icons/react";const d=a({name:void 0,emphasis:`normal`}),f=t(`grid w-full`,{variants:{intent:e,emphasis:{normal:`emphasis-normal rounded-xl [&>*+*]:border-t [&>*+*]:border-subtle`,subtle:`gap-0.5`,subtler:``}},defaultVariants:{emphasis:`normal`}}),p={normal:``,subtle:`emphasis-subtle first:rounded-t-xl last:rounded-b-xl`,subtler:``};function m({type:e=`single`,intent:t,emphasis:i,className:a,...o}){let s=c(),u=e===`single`?`accordion-${s}`:void 0,p=l(()=>({name:u,emphasis:i??`normal`}),[u,i]);return r(d.Provider,{value:p,children:r(`div`,{className:n(f({intent:t,emphasis:i,className:a})),...o})})}m.displayName=`Accordion`;function h({className:e,children:t,...i}){let{name:a,emphasis:s}=o(d),c=p[s??`normal`];return r(`details`,{name:a,className:n(`group/item is-disclosure-animated`,c,e),...i,children:t})}h.displayName=`Accordion.Item`;function g({className:e,children:t,onClick:a,...o}){let c=s(e=>{if(a?.(e),typeof CSS<`u`&&CSS.supports?.(`interpolate-size`,`allow-keywords`))return;let t=e.currentTarget.closest(`details`);if(!t||t.open)return;t.open=!0;let n=t.querySelector(`:scope > :not(summary)`);n?.scrollHeight&&t.style.setProperty(`--content-height`,`${n.scrollHeight}px`),t.open=!1},[a]);return i(`summary`,{className:n(`flex w-full cursor-pointer list-none items-center justify-between px-4 py-3 text-left font-medium text-normal transition-colors hover:bg-subtle [&::-webkit-details-marker]:hidden`,e),onClick:c,...o,children:[t,r(u,{weight:`bold`,className:`duration-moderate size-4 shrink-0 text-subtle transition-transform ease-enter group-open/item:rotate-180`})]})}g.displayName=`Accordion.Trigger`;function _({className:e,children:t,...i}){return r(`div`,{className:n(`min-h-0 overflow-hidden px-4 pt-1 pb-3`,e),...i,children:t})}_.displayName=`Accordion.Content`;const v=Object.assign(m,{Item:h,Trigger:g,Content:_});export{v as Accordion,f as accordionVariants};
3
2
  //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Accordion.js"}
1
+ {"version":3,"file":"Accordion.js","names":[],"sources":["../src/components/Accordion/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n type ComponentProps,\n createContext,\n use,\n useCallback,\n useId,\n useMemo\n} from 'react'\n\nimport { CaretDownIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\n// --- Context ---\n\ntype AccordionType = 'single' | 'multiple'\ntype AccordionEmphasis = 'normal' | 'subtle' | 'subtler' | null\n\ninterface AccordionContextValue {\n name: string | undefined\n emphasis: AccordionEmphasis\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({\n name: undefined,\n emphasis: 'normal'\n})\n\n// --- Variants ---\n\nexport const accordionVariants = cva('grid w-full', {\n variants: {\n intent: intentVariants,\n emphasis: {\n normal:\n 'emphasis-normal rounded-xl [&>*+*]:border-t [&>*+*]:border-subtle',\n subtle: 'gap-0.5',\n subtler: ''\n }\n },\n defaultVariants: {\n emphasis: 'normal'\n }\n})\n\nconst accordionItemVariants: Record<'normal' | 'subtle' | 'subtler', string> = {\n normal: '',\n subtle: 'emphasis-subtle first:rounded-t-xl last:rounded-b-xl',\n subtler: ''\n}\n\n// --- Components ---\n\nexport interface AccordionProps\n extends ComponentProps<'div'>,\n VariantProps<typeof accordionVariants> {\n type?: AccordionType\n}\n\nfunction AccordionRoot({\n type = 'single',\n intent,\n emphasis,\n className,\n ...props\n}: AccordionProps) {\n const id = useId()\n const name = type === 'single' ? `accordion-${id}` : undefined\n\n const contextValue = useMemo(\n () => ({ name, emphasis: emphasis ?? 'normal' }),\n [name, emphasis]\n )\n\n return (\n <AccordionContext.Provider value={contextValue}>\n <div\n className={cn(accordionVariants({ intent, emphasis, className }))}\n {...props}\n />\n </AccordionContext.Provider>\n )\n}\n\nAccordionRoot.displayName = 'Accordion'\n\ntype AccordionItemProps = ComponentProps<'details'>\n\nfunction AccordionItem({ className, children, ...props }: AccordionItemProps) {\n const { name, emphasis } = use(AccordionContext)\n const itemEmphasis = accordionItemVariants[emphasis ?? 'normal']\n\n return (\n <details\n name={name}\n className={cn(\n 'group/item is-disclosure-animated',\n itemEmphasis,\n className\n )}\n {...props}\n >\n {children}\n </details>\n )\n}\n\nAccordionItem.displayName = 'Accordion.Item'\n\nfunction AccordionTrigger({\n className,\n children,\n onClick,\n ...props\n}: ComponentProps<'summary'>) {\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n onClick?.(e)\n\n // Only measure for browsers without interpolate-size (Safari)\n if (\n typeof CSS !== 'undefined' &&\n CSS.supports?.('interpolate-size', 'allow-keywords')\n )\n return\n\n const details = e.currentTarget.closest('details')\n if (!details || details.open) return\n\n // Temporarily open to measure content, then close before browser toggles\n details.open = true\n const content = details.querySelector(\n ':scope > :not(summary)'\n ) as HTMLElement\n if (content?.scrollHeight) {\n details.style.setProperty(\n '--content-height',\n `${content.scrollHeight}px`\n )\n }\n details.open = false\n },\n [onClick]\n )\n\n return (\n <summary\n className={cn(\n 'flex w-full cursor-pointer list-none items-center justify-between px-4 py-3 text-left font-medium text-normal transition-colors hover:bg-subtle [&::-webkit-details-marker]:hidden',\n className\n )}\n onClick={handleClick}\n {...props}\n >\n {children}\n <CaretDownIcon\n weight='bold'\n className='duration-moderate size-4 shrink-0 text-subtle transition-transform ease-enter group-open/item:rotate-180'\n />\n </summary>\n )\n}\n\nAccordionTrigger.displayName = 'Accordion.Trigger'\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: ComponentProps<'div'>) {\n return (\n <div\n className={cn('min-h-0 overflow-hidden px-4 pt-1 pb-3', className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\nAccordionContent.displayName = 'Accordion.Content'\n\nexport const Accordion = Object.assign(AccordionRoot, {\n Item: AccordionItem,\n Trigger: AccordionTrigger,\n Content: AccordionContent\n})\n"],"mappings":"qVA4BA,MAAM,EAAmB,EAAqC,CAC5D,KAAM,IAAA,GACN,SAAU,SACX,CAAC,CAIW,EAAoB,EAAI,cAAe,CAClD,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OACE,oEACF,OAAQ,UACR,QAAS,GACV,CACF,CACD,gBAAiB,CACf,SAAU,SACX,CACF,CAAC,CAEI,EAAyE,CAC7E,OAAQ,GACR,OAAQ,uDACR,QAAS,GACV,CAUD,SAAS,EAAc,CACrB,OAAO,SACP,SACA,WACA,YACA,GAAG,GACc,CACjB,IAAM,EAAK,GAAO,CACZ,EAAO,IAAS,SAAW,aAAa,IAAO,IAAA,GAE/C,EAAe,OACZ,CAAE,OAAM,SAAU,GAAY,SAAU,EAC/C,CAAC,EAAM,EAAS,CACjB,CAED,OACE,EAAC,EAAiB,SAAlB,CAA2B,MAAO,WAChC,EAAC,MAAD,CACE,UAAW,EAAG,EAAkB,CAAE,SAAQ,WAAU,YAAW,CAAC,CAAC,CACjE,GAAI,EACJ,CAAA,CACwB,CAAA,CAIhC,EAAc,YAAc,YAI5B,SAAS,EAAc,CAAE,YAAW,WAAU,GAAG,GAA6B,CAC5E,GAAM,CAAE,OAAM,YAAa,EAAI,EAAiB,CAC1C,EAAe,EAAsB,GAAY,UAEvD,OACE,EAAC,UAAD,CACQ,OACN,UAAW,EACT,oCACA,EACA,EACD,CACD,GAAI,EAEH,WACO,CAAA,CAId,EAAc,YAAc,iBAE5B,SAAS,EAAiB,CACxB,YACA,WACA,UACA,GAAG,GACyB,CAC5B,IAAM,EAAc,EACjB,GAAqC,CAIpC,GAHA,IAAU,EAAE,CAIV,OAAO,IAAQ,KACf,IAAI,WAAW,mBAAoB,iBAAiB,CAEpD,OAEF,IAAM,EAAU,EAAE,cAAc,QAAQ,UAAU,CAClD,GAAI,CAAC,GAAW,EAAQ,KAAM,OAG9B,EAAQ,KAAO,GACf,IAAM,EAAU,EAAQ,cACtB,yBACD,CACG,GAAS,cACX,EAAQ,MAAM,YACZ,mBACA,GAAG,EAAQ,aAAa,IACzB,CAEH,EAAQ,KAAO,IAEjB,CAAC,EAAQ,CACV,CAED,OACE,EAAC,UAAD,CACE,UAAW,EACT,qLACA,EACD,CACD,QAAS,EACT,GAAI,WANN,CAQG,EACD,EAAC,EAAD,CACE,OAAO,OACP,UAAU,2GACV,CAAA,CACM,GAId,EAAiB,YAAc,oBAE/B,SAAS,EAAiB,CACxB,YACA,WACA,GAAG,GACqB,CACxB,OACE,EAAC,MAAD,CACE,UAAW,EAAG,yCAA0C,EAAU,CAClE,GAAI,EAEH,WACG,CAAA,CAIV,EAAiB,YAAc,oBAE/B,MAAa,EAAY,OAAO,OAAO,EAAe,CACpD,KAAM,EACN,QAAS,EACT,QAAS,EACV,CAAC"}
@@ -1,115 +1,156 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { RefAttributes } from 'react';
4
- import { Autocomplete as Autocomplete$1, AutocompleteFilterOptions, AutocompleteFilter } from '@base-ui/react/autocomplete';
5
- export { AutocompleteFilter as Filter, AutocompleteFilterOptions as FilterOptions } from '@base-ui/react/autocomplete';
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 { Autocomplete as Autocomplete$1, AutocompleteFilter, AutocompleteFilterOptions } from "@base-ui/react/autocomplete";
5
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
7
6
 
7
+ //#region src/components/Autocomplete/index.d.ts
8
8
  declare const useFilter: (options?: AutocompleteFilterOptions) => AutocompleteFilter;
9
9
  declare const useFilteredItems: typeof Autocomplete$1.useFilteredItems;
10
-
11
10
  declare const autocompleteInputGroupVariants: (props?: ({
12
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
13
- emphasis?: "normal" | "subtle" | null | undefined;
14
- size?: "sm" | "md" | "lg" | null | undefined;
15
- } & class_variance_authority_types.ClassProp) | undefined) => string;
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_types0.ClassProp) | undefined) => string;
16
15
  type AutocompleteRootProps = Autocomplete$1.Root.Props<unknown>;
17
- declare function AutocompleteRoot(props: AutocompleteRootProps): react_jsx_runtime.JSX.Element;
16
+ declare function AutocompleteRoot(props: AutocompleteRootProps): _$react_jsx_runtime0.JSX.Element;
18
17
  declare namespace AutocompleteRoot {
19
- var displayName: string;
18
+ var displayName: string;
20
19
  }
21
20
  type AutocompleteValueProps = Autocomplete$1.Value.Props;
22
- declare function AutocompleteValue(props: AutocompleteValueProps): react_jsx_runtime.JSX.Element;
21
+ declare function AutocompleteValue(props: AutocompleteValueProps): _$react_jsx_runtime0.JSX.Element;
23
22
  declare namespace AutocompleteValue {
24
- var displayName: string;
23
+ var displayName: string;
25
24
  }
26
25
  type AutocompleteInputGroupProps = Autocomplete$1.InputGroup.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof autocompleteInputGroupVariants>;
27
- declare function AutocompleteInputGroup({ className, intent, emphasis, size, ...props }: AutocompleteInputGroupProps): react_jsx_runtime.JSX.Element;
26
+ declare function AutocompleteInputGroup({
27
+ className,
28
+ intent,
29
+ emphasis,
30
+ size,
31
+ ...props
32
+ }: AutocompleteInputGroupProps): _$react_jsx_runtime0.JSX.Element;
28
33
  declare namespace AutocompleteInputGroup {
29
- var displayName: string;
34
+ var displayName: string;
30
35
  }
31
36
  type AutocompleteInputProps = Autocomplete$1.Input.Props & RefAttributes<HTMLInputElement>;
32
- declare function AutocompleteInput({ className, ...props }: AutocompleteInputProps): react_jsx_runtime.JSX.Element;
37
+ declare function AutocompleteInput({
38
+ className,
39
+ ...props
40
+ }: AutocompleteInputProps): _$react_jsx_runtime0.JSX.Element;
33
41
  declare namespace AutocompleteInput {
34
- var displayName: string;
42
+ var displayName: string;
35
43
  }
36
44
  type AutocompleteTriggerProps = Autocomplete$1.Trigger.Props & RefAttributes<HTMLButtonElement>;
37
- declare function AutocompleteTrigger({ className, children, ...props }: AutocompleteTriggerProps): react_jsx_runtime.JSX.Element;
45
+ declare function AutocompleteTrigger({
46
+ className,
47
+ children,
48
+ ...props
49
+ }: AutocompleteTriggerProps): _$react_jsx_runtime0.JSX.Element;
38
50
  declare namespace AutocompleteTrigger {
39
- var displayName: string;
51
+ var displayName: string;
40
52
  }
41
53
  type AutocompleteClearProps = Autocomplete$1.Clear.Props & RefAttributes<HTMLButtonElement>;
42
- declare function AutocompleteClear({ className, children, ...props }: AutocompleteClearProps): react_jsx_runtime.JSX.Element;
54
+ declare function AutocompleteClear({
55
+ className,
56
+ children,
57
+ ...props
58
+ }: AutocompleteClearProps): _$react_jsx_runtime0.JSX.Element;
43
59
  declare namespace AutocompleteClear {
44
- var displayName: string;
60
+ var displayName: string;
45
61
  }
46
62
  type AutocompletePortalProps = Autocomplete$1.Portal.Props & RefAttributes<HTMLDivElement>;
47
- declare function AutocompletePortal(props: AutocompletePortalProps): react_jsx_runtime.JSX.Element;
63
+ declare function AutocompletePortal(props: AutocompletePortalProps): _$react_jsx_runtime0.JSX.Element;
48
64
  declare namespace AutocompletePortal {
49
- var displayName: string;
65
+ var displayName: string;
50
66
  }
51
67
  type AutocompletePositionerProps = Autocomplete$1.Positioner.Props & RefAttributes<HTMLDivElement>;
52
- declare function AutocompletePositioner({ className, ...props }: AutocompletePositionerProps): react_jsx_runtime.JSX.Element;
68
+ declare function AutocompletePositioner({
69
+ className,
70
+ ...props
71
+ }: AutocompletePositionerProps): _$react_jsx_runtime0.JSX.Element;
53
72
  declare namespace AutocompletePositioner {
54
- var displayName: string;
73
+ var displayName: string;
55
74
  }
56
75
  type AutocompletePopupProps = Autocomplete$1.Popup.Props & RefAttributes<HTMLDivElement>;
57
- declare function AutocompletePopup({ className, ...props }: AutocompletePopupProps): react_jsx_runtime.JSX.Element;
76
+ declare function AutocompletePopup({
77
+ className,
78
+ ...props
79
+ }: AutocompletePopupProps): _$react_jsx_runtime0.JSX.Element;
58
80
  declare namespace AutocompletePopup {
59
- var displayName: string;
81
+ var displayName: string;
60
82
  }
61
83
  type AutocompleteListProps = Autocomplete$1.List.Props & RefAttributes<HTMLDivElement>;
62
- declare function AutocompleteList({ className, ...props }: AutocompleteListProps): react_jsx_runtime.JSX.Element;
84
+ declare function AutocompleteList({
85
+ className,
86
+ ...props
87
+ }: AutocompleteListProps): _$react_jsx_runtime0.JSX.Element;
63
88
  declare namespace AutocompleteList {
64
- var displayName: string;
89
+ var displayName: string;
65
90
  }
66
91
  type AutocompleteItemProps = Autocomplete$1.Item.Props & RefAttributes<HTMLDivElement>;
67
- declare function AutocompleteItem({ className, ...props }: AutocompleteItemProps): react_jsx_runtime.JSX.Element;
92
+ declare function AutocompleteItem({
93
+ className,
94
+ ...props
95
+ }: AutocompleteItemProps): _$react_jsx_runtime0.JSX.Element;
68
96
  declare namespace AutocompleteItem {
69
- var displayName: string;
97
+ var displayName: string;
70
98
  }
71
99
  type AutocompleteCollectionProps = Autocomplete$1.Collection.Props;
72
- declare function AutocompleteCollection(props: AutocompleteCollectionProps): react_jsx_runtime.JSX.Element;
100
+ declare function AutocompleteCollection(props: AutocompleteCollectionProps): _$react_jsx_runtime0.JSX.Element;
73
101
  declare namespace AutocompleteCollection {
74
- var displayName: string;
102
+ var displayName: string;
75
103
  }
76
104
  type AutocompleteGroupProps = Autocomplete$1.Group.Props & RefAttributes<HTMLDivElement>;
77
- declare function AutocompleteGroup({ className, ...props }: AutocompleteGroupProps): react_jsx_runtime.JSX.Element;
105
+ declare function AutocompleteGroup({
106
+ className,
107
+ ...props
108
+ }: AutocompleteGroupProps): _$react_jsx_runtime0.JSX.Element;
78
109
  declare namespace AutocompleteGroup {
79
- var displayName: string;
110
+ var displayName: string;
80
111
  }
81
112
  type AutocompleteGroupLabelProps = Autocomplete$1.GroupLabel.Props & RefAttributes<HTMLDivElement>;
82
- declare function AutocompleteGroupLabel({ className, ...props }: AutocompleteGroupLabelProps): react_jsx_runtime.JSX.Element;
113
+ declare function AutocompleteGroupLabel({
114
+ className,
115
+ ...props
116
+ }: AutocompleteGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
83
117
  declare namespace AutocompleteGroupLabel {
84
- var displayName: string;
118
+ var displayName: string;
85
119
  }
86
120
  type AutocompleteEmptyProps = Autocomplete$1.Empty.Props & RefAttributes<HTMLDivElement>;
87
- declare function AutocompleteEmpty({ className, ...props }: AutocompleteEmptyProps): react_jsx_runtime.JSX.Element;
121
+ declare function AutocompleteEmpty({
122
+ className,
123
+ ...props
124
+ }: AutocompleteEmptyProps): _$react_jsx_runtime0.JSX.Element;
88
125
  declare namespace AutocompleteEmpty {
89
- var displayName: string;
126
+ var displayName: string;
90
127
  }
91
128
  type AutocompleteStatusProps = Autocomplete$1.Status.Props & RefAttributes<HTMLDivElement>;
92
- declare function AutocompleteStatus({ className, ...props }: AutocompleteStatusProps): react_jsx_runtime.JSX.Element;
129
+ declare function AutocompleteStatus({
130
+ className,
131
+ ...props
132
+ }: AutocompleteStatusProps): _$react_jsx_runtime0.JSX.Element;
93
133
  declare namespace AutocompleteStatus {
94
- var displayName: string;
134
+ var displayName: string;
95
135
  }
96
136
  declare const Autocomplete: typeof AutocompleteRoot & {
97
- Value: typeof AutocompleteValue;
98
- InputGroup: typeof AutocompleteInputGroup;
99
- Input: typeof AutocompleteInput;
100
- Trigger: typeof AutocompleteTrigger;
101
- Clear: typeof AutocompleteClear;
102
- Portal: typeof AutocompletePortal;
103
- Positioner: typeof AutocompletePositioner;
104
- Popup: typeof AutocompletePopup;
105
- List: typeof AutocompleteList;
106
- Item: typeof AutocompleteItem;
107
- Collection: typeof AutocompleteCollection;
108
- Group: typeof AutocompleteGroup;
109
- GroupLabel: typeof AutocompleteGroupLabel;
110
- Empty: typeof AutocompleteEmpty;
111
- Status: typeof AutocompleteStatus;
137
+ Value: typeof AutocompleteValue;
138
+ InputGroup: typeof AutocompleteInputGroup;
139
+ Input: typeof AutocompleteInput;
140
+ Trigger: typeof AutocompleteTrigger;
141
+ Clear: typeof AutocompleteClear;
142
+ Portal: typeof AutocompletePortal;
143
+ Positioner: typeof AutocompletePositioner;
144
+ Popup: typeof AutocompletePopup;
145
+ List: typeof AutocompleteList;
146
+ Item: typeof AutocompleteItem;
147
+ Collection: typeof AutocompleteCollection;
148
+ Group: typeof AutocompleteGroup;
149
+ GroupLabel: typeof AutocompleteGroupLabel;
150
+ Empty: typeof AutocompleteEmpty;
151
+ Status: typeof AutocompleteStatus;
112
152
  };
113
153
  type AutocompleteProps = AutocompleteRootProps;
114
-
115
- export { Autocomplete, AutocompleteClear, type AutocompleteClearProps, AutocompleteCollection, type AutocompleteCollectionProps, AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, AutocompleteInput, AutocompleteInputGroup, type AutocompleteInputGroupProps, type AutocompleteInputProps, AutocompleteItem, type AutocompleteItemProps, AutocompleteList, type AutocompleteListProps, AutocompletePopup, type AutocompletePopupProps, AutocompletePortal, type AutocompletePortalProps, AutocompletePositioner, type AutocompletePositionerProps, type AutocompleteProps, AutocompleteRoot, type AutocompleteRootProps, AutocompleteStatus, type AutocompleteStatusProps, AutocompleteTrigger, type AutocompleteTriggerProps, AutocompleteValue, type AutocompleteValueProps, autocompleteInputGroupVariants, useFilter, useFilteredItems };
154
+ //#endregion
155
+ export { Autocomplete, AutocompleteClear, AutocompleteClearProps, AutocompleteCollection, AutocompleteCollectionProps, AutocompleteEmpty, AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteInput, AutocompleteInputGroup, AutocompleteInputGroupProps, AutocompleteInputProps, AutocompleteItem, AutocompleteItemProps, AutocompleteList, AutocompleteListProps, AutocompletePopup, AutocompletePopupProps, AutocompletePortal, AutocompletePortalProps, AutocompletePositioner, AutocompletePositionerProps, AutocompleteProps, AutocompleteRoot, AutocompleteRootProps, AutocompleteStatus, AutocompleteStatusProps, AutocompleteTrigger, AutocompleteTriggerProps, AutocompleteValue, AutocompleteValueProps, type AutocompleteFilter as Filter, type AutocompleteFilterOptions as FilterOptions, autocompleteInputGroupVariants, useFilter, useFilteredItems };
156
+ //# sourceMappingURL=Autocomplete.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.d.ts","names":[],"sources":["../src/components/Autocomplete/index.tsx"],"mappings":"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"}
@@ -1,3 +1,2 @@
1
- "use client";
2
- export{t as Autocomplete,i as AutocompleteClear,o as AutocompleteCollection,r as AutocompleteEmpty,p as AutocompleteGroup,q as AutocompleteGroupLabel,g as AutocompleteInput,f as AutocompleteInputGroup,n as AutocompleteItem,m as AutocompleteList,l as AutocompletePopup,j as AutocompletePortal,k as AutocompletePositioner,d as AutocompleteRoot,s as AutocompleteStatus,h as AutocompleteTrigger,e as AutocompleteValue,c as autocompleteInputGroupVariants,a as useFilter,b as useFilteredItems}from'./_chunks/chunk-SCS7WZ6Z.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=Autocomplete.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,XIcon as o}from"@phosphor-icons/react";import{Autocomplete as s}from"@base-ui/react/autocomplete";const c=s.useFilter,l=s.useFilteredItems,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(s.Root,{...e})}d.displayName=`Autocomplete`;function f(e){return i(s.Value,{...e})}f.displayName=`Autocomplete.Value`;function p({className:e,intent:n,emphasis:a,size:o,...c}){let l=t(),d=!!l.fieldId;return i(s.InputGroup,{className:r(u({intent:n,emphasis:a,size:o,className:e})),"aria-invalid":d&&l.invalid||void 0,...c})}p.displayName=`Autocomplete.InputGroup`;function m({className:e,...n}){let a=t(),o=!!a.fieldId;return i(s.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=`Autocomplete.Input`;function h({className:e,children:t,...n}){return i(s.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=`Autocomplete.Trigger`;function g({className:e,children:t,...n}){return i(s.Clear,{className:r(`shrink-0 cursor-pointer text-subtle hover:text-normal`,e),...n,children:t??i(o,{weight:`bold`,className:`size-4`})})}g.displayName=`Autocomplete.Clear`;function _(e){return i(s.Portal,{...e})}_.displayName=`Autocomplete.Portal`;function v({className:e,...t}){return i(s.Positioner,{className:r(`z-50`,e),sideOffset:4,...t})}v.displayName=`Autocomplete.Positioner`;function y({className:e,...t}){return i(s.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=`Autocomplete.Popup`;function b({className:e,...t}){return i(s.List,{className:e,...t})}b.displayName=`Autocomplete.List`;function x({className:e,...t}){return i(s.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=`Autocomplete.Item`;function S(e){return i(s.Collection,{...e})}S.displayName=`Autocomplete.Collection`;function C({className:e,...t}){return i(s.Group,{className:r(`[&+&]:mt-1`,e),...t})}C.displayName=`Autocomplete.Group`;function w({className:e,...t}){return i(s.GroupLabel,{className:r(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}w.displayName=`Autocomplete.GroupLabel`;function T({className:e,...t}){return i(s.Empty,{className:r(`text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4`,e),...t})}T.displayName=`Autocomplete.Empty`;function E({className:e,...t}){return i(s.Status,{className:r(`sr-only`,e),...t})}E.displayName=`Autocomplete.Status`;const D=Object.assign(d,{Value:f,InputGroup:p,Input:m,Trigger:h,Clear:g,Portal:_,Positioner:v,Popup:y,List:b,Item:x,Collection:S,Group:C,GroupLabel:w,Empty:T,Status:E});export{D as Autocomplete,g as AutocompleteClear,S as AutocompleteCollection,T as AutocompleteEmpty,C as AutocompleteGroup,w as AutocompleteGroupLabel,m as AutocompleteInput,p as AutocompleteInputGroup,x as AutocompleteItem,b as AutocompleteList,y as AutocompletePopup,_ as AutocompletePortal,v as AutocompletePositioner,d as AutocompleteRoot,E as AutocompleteStatus,h as AutocompleteTrigger,f as AutocompleteValue,u as autocompleteInputGroupVariants,c as useFilter,l as useFilteredItems};
3
2
  //# sourceMappingURL=Autocomplete.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Autocomplete.js"}
1
+ {"version":3,"file":"Autocomplete.js","names":["AutocompletePrimitive"],"sources":["../src/components/Autocomplete/index.tsx"],"sourcesContent":["'use client'\n\nimport type { RefAttributes } from 'react'\n\nimport {\n type AutocompleteFilter,\n type AutocompleteFilterOptions,\n Autocomplete as AutocompletePrimitive\n} from '@base-ui/react/autocomplete'\nimport { CaretDownIcon, XIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\nimport { useFieldContext } from '../Field'\n\nexport const useFilter = AutocompletePrimitive.useFilter\nexport const useFilteredItems = AutocompletePrimitive.useFilteredItems\nexport type {\n AutocompleteFilter as Filter,\n AutocompleteFilterOptions as FilterOptions\n}\n\n/* ─── Input group variants (matches Combobox/Select) ─── */\n\nexport const autocompleteInputGroupVariants = cva(\n 'inline-flex w-full items-center rounded-lg font-sans',\n {\n variants: {\n intent: intentVariants,\n emphasis: {\n normal:\n 'emphasis-sunken border border-subtle is-interactive-field-group',\n subtle:\n 'bg-subtle text-normal border border-transparent is-interactive-field-group'\n },\n size: {\n sm: 'h-8 px-1.5 text-base',\n md: 'h-10 px-2 text-base',\n lg: 'h-12 px-2 text-base'\n }\n },\n defaultVariants: {\n emphasis: 'normal',\n size: 'md'\n }\n }\n)\n\n/* ─── Root ─── */\n\nexport type AutocompleteRootProps = AutocompletePrimitive.Root.Props<unknown>\n\nexport function AutocompleteRoot(props: AutocompleteRootProps) {\n return <AutocompletePrimitive.Root {...props} />\n}\n\nAutocompleteRoot.displayName = 'Autocomplete'\n\n/* ─── Value ─── */\n\nexport type AutocompleteValueProps = AutocompletePrimitive.Value.Props\n\nexport function AutocompleteValue(props: AutocompleteValueProps) {\n return <AutocompletePrimitive.Value {...props} />\n}\n\nAutocompleteValue.displayName = 'Autocomplete.Value'\n\n/* ─── InputGroup ─── */\n\nexport type AutocompleteInputGroupProps =\n AutocompletePrimitive.InputGroup.Props &\n RefAttributes<HTMLDivElement> &\n VariantProps<typeof autocompleteInputGroupVariants>\n\nexport function AutocompleteInputGroup({\n className,\n intent,\n emphasis,\n size,\n ...props\n}: AutocompleteInputGroupProps) {\n const fieldContext = useFieldContext()\n const inField = !!fieldContext.fieldId\n\n return (\n <AutocompletePrimitive.InputGroup\n className={cn(\n autocompleteInputGroupVariants({ intent, emphasis, size, className })\n )}\n aria-invalid={(inField && fieldContext.invalid) || undefined}\n {...props}\n />\n )\n}\n\nAutocompleteInputGroup.displayName = 'Autocomplete.InputGroup'\n\n/* ─── Input ─── */\n\nexport type AutocompleteInputProps = AutocompletePrimitive.Input.Props &\n RefAttributes<HTMLInputElement>\n\nexport function AutocompleteInput({\n className,\n ...props\n}: AutocompleteInputProps) {\n const fieldContext = useFieldContext()\n const inField = !!fieldContext.fieldId\n\n return (\n <AutocompletePrimitive.Input\n className={cn(\n 'min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle',\n className\n )}\n {...(inField && {\n id: fieldContext.fieldId,\n 'aria-invalid': fieldContext.invalid || undefined,\n 'aria-required': fieldContext.required || undefined,\n 'aria-describedby': fieldContext.invalid\n ? fieldContext.errorTextId || undefined\n : fieldContext.helperTextId || undefined\n })}\n {...props}\n />\n )\n}\n\nAutocompleteInput.displayName = 'Autocomplete.Input'\n\n/* ─── Trigger ─── */\n\nexport type AutocompleteTriggerProps = AutocompletePrimitive.Trigger.Props &\n RefAttributes<HTMLButtonElement>\n\nexport function AutocompleteTrigger({\n className,\n children,\n ...props\n}: AutocompleteTriggerProps) {\n return (\n <AutocompletePrimitive.Trigger\n className={cn(\n 'duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180',\n className\n )}\n {...props}\n >\n {children ?? <CaretDownIcon weight='bold' className='size-4' />}\n </AutocompletePrimitive.Trigger>\n )\n}\n\nAutocompleteTrigger.displayName = 'Autocomplete.Trigger'\n\n/* ─── Clear ─── */\n\nexport type AutocompleteClearProps = AutocompletePrimitive.Clear.Props &\n RefAttributes<HTMLButtonElement>\n\nexport function AutocompleteClear({\n className,\n children,\n ...props\n}: AutocompleteClearProps) {\n return (\n <AutocompletePrimitive.Clear\n className={cn(\n 'shrink-0 cursor-pointer text-subtle hover:text-normal',\n className\n )}\n {...props}\n >\n {children ?? <XIcon weight='bold' className='size-4' />}\n </AutocompletePrimitive.Clear>\n )\n}\n\nAutocompleteClear.displayName = 'Autocomplete.Clear'\n\n/* ─── Portal ─── */\n\nexport type AutocompletePortalProps = AutocompletePrimitive.Portal.Props &\n RefAttributes<HTMLDivElement>\n\nexport function AutocompletePortal(props: AutocompletePortalProps) {\n return <AutocompletePrimitive.Portal {...props} />\n}\n\nAutocompletePortal.displayName = 'Autocomplete.Portal'\n\n/* ─── Positioner ─── */\n\nexport type AutocompletePositionerProps =\n AutocompletePrimitive.Positioner.Props & RefAttributes<HTMLDivElement>\n\nexport function AutocompletePositioner({\n className,\n ...props\n}: AutocompletePositionerProps) {\n return (\n <AutocompletePrimitive.Positioner\n className={cn('z-50', className)}\n sideOffset={4}\n {...props}\n />\n )\n}\n\nAutocompletePositioner.displayName = 'Autocomplete.Positioner'\n\n/* ─── Popup ─── */\n\nexport type AutocompletePopupProps = AutocompletePrimitive.Popup.Props &\n RefAttributes<HTMLDivElement>\n\nexport function AutocompletePopup({\n className,\n ...props\n}: AutocompletePopupProps) {\n return (\n <AutocompletePrimitive.Popup\n className={cn(\n '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',\n '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',\n className\n )}\n {...props}\n />\n )\n}\n\nAutocompletePopup.displayName = 'Autocomplete.Popup'\n\n/* ─── List ─── */\n\nexport type AutocompleteListProps = AutocompletePrimitive.List.Props &\n RefAttributes<HTMLDivElement>\n\nexport function AutocompleteList({\n className,\n ...props\n}: AutocompleteListProps) {\n return <AutocompletePrimitive.List className={className} {...props} />\n}\n\nAutocompleteList.displayName = 'Autocomplete.List'\n\n/* ─── Item ─── */\n\nexport type AutocompleteItemProps = AutocompletePrimitive.Item.Props &\n RefAttributes<HTMLDivElement>\n\nexport function AutocompleteItem({\n className,\n ...props\n}: AutocompleteItemProps) {\n return (\n <AutocompletePrimitive.Item\n className={cn(\n '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',\n 'data-[highlighted]:bg-subtle',\n className\n )}\n {...props}\n />\n )\n}\n\nAutocompleteItem.displayName = 'Autocomplete.Item'\n\n/* ─── Collection ─── */\n\nexport type AutocompleteCollectionProps = AutocompletePrimitive.Collection.Props\n\nexport function AutocompleteCollection(props: AutocompleteCollectionProps) {\n return <AutocompletePrimitive.Collection {...props} />\n}\n\nAutocompleteCollection.displayName = 'Autocomplete.Collection'\n\n/* ─── Group ─── */\n\nexport type AutocompleteGroupProps = AutocompletePrimitive.Group.Props &\n RefAttributes<HTMLDivElement>\n\nexport function AutocompleteGroup({\n className,\n ...props\n}: AutocompleteGroupProps) {\n return (\n <AutocompletePrimitive.Group\n className={cn('[&+&]:mt-1', className)}\n {...props}\n />\n )\n}\n\nAutocompleteGroup.displayName = 'Autocomplete.Group'\n\n/* ─── GroupLabel ─── */\n\nexport type AutocompleteGroupLabelProps =\n AutocompletePrimitive.GroupLabel.Props & RefAttributes<HTMLDivElement>\n\nexport function AutocompleteGroupLabel({\n className,\n ...props\n}: AutocompleteGroupLabelProps) {\n return (\n <AutocompletePrimitive.GroupLabel\n className={cn(\n 'px-2 py-1.5 text-xs font-medium text-subtle select-none',\n className\n )}\n {...props}\n />\n )\n}\n\nAutocompleteGroupLabel.displayName = 'Autocomplete.GroupLabel'\n\n/* ─── Empty ─── */\n\nexport type AutocompleteEmptyProps = AutocompletePrimitive.Empty.Props &\n RefAttributes<HTMLDivElement>\n\nexport function AutocompleteEmpty({\n className,\n ...props\n}: AutocompleteEmptyProps) {\n return (\n <AutocompletePrimitive.Empty\n className={cn(\n 'text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4',\n className\n )}\n {...props}\n />\n )\n}\n\nAutocompleteEmpty.displayName = 'Autocomplete.Empty'\n\n/* ─── Status ─── */\n\nexport type AutocompleteStatusProps = AutocompletePrimitive.Status.Props &\n RefAttributes<HTMLDivElement>\n\nexport function AutocompleteStatus({\n className,\n ...props\n}: AutocompleteStatusProps) {\n return (\n <AutocompletePrimitive.Status\n className={cn('sr-only', className)}\n {...props}\n />\n )\n}\n\nAutocompleteStatus.displayName = 'Autocomplete.Status'\n\n/* ─── Compound export ─── */\n\nexport const Autocomplete = Object.assign(AutocompleteRoot, {\n Value: AutocompleteValue,\n InputGroup: AutocompleteInputGroup,\n Input: AutocompleteInput,\n Trigger: AutocompleteTrigger,\n Clear: AutocompleteClear,\n Portal: AutocompletePortal,\n Positioner: AutocompletePositioner,\n Popup: AutocompletePopup,\n List: AutocompleteList,\n Item: AutocompleteItem,\n Collection: AutocompleteCollection,\n Group: AutocompleteGroup,\n GroupLabel: AutocompleteGroupLabel,\n Empty: AutocompleteEmpty,\n Status: AutocompleteStatus\n})\n\nexport type AutocompleteProps = AutocompleteRootProps\n"],"mappings":"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"}
package/dist/Badge.d.ts CHANGED
@@ -1,22 +1,33 @@
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/Badge/index.d.ts
6
7
  declare const badgeVariants: (props?: ({
7
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
8
- emphasis?: "strong" | "normal" | "subtle" | "subtler" | null | undefined;
9
- size?: "sm" | "md" | null | undefined;
10
- } & class_variance_authority_types.ClassProp) | undefined) => string;
8
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
9
+ emphasis?: "strong" | "normal" | "subtle" | "subtler" | null | undefined;
10
+ size?: "sm" | "md" | null | undefined;
11
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
11
12
  interface BadgeProps extends ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
12
- /** Show a dot indicator before the text */
13
- indicator?: boolean;
14
- /** Animate the indicator with a slow pulse */
15
- indicatorPulse?: boolean;
13
+ /** Show a dot indicator before the text */
14
+ indicator?: boolean;
15
+ /** Animate the indicator with a slow pulse */
16
+ indicatorPulse?: boolean;
16
17
  }
17
- declare function Badge({ className, intent, emphasis, size, indicator, indicatorPulse, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
18
+ declare function Badge({
19
+ className,
20
+ intent,
21
+ emphasis,
22
+ size,
23
+ indicator,
24
+ indicatorPulse,
25
+ children,
26
+ ...props
27
+ }: BadgeProps): _$react_jsx_runtime0.JSX.Element;
18
28
  declare namespace Badge {
19
- var displayName: string;
29
+ var displayName: string;
20
30
  }
21
-
22
- export { Badge, type BadgeProps, badgeVariants };
31
+ //#endregion
32
+ export { Badge, BadgeProps, badgeVariants };
33
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","names":[],"sources":["../src/components/Badge/index.tsx"],"mappings":";;;;;;cAQa,aAAA,GAAa,KAAA;;;;IAqBzB,iCAAA,CAAA,SAAA;AAAA,UAEgB,UAAA,SACP,cAAA,UACN,YAAA,QAAoB,aAAA;;EAEtB,SAAA;;EAEA,cAAA;AAAA;AAAA,iBAGc,KAAA,CAAA;EACd,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,SAAA;EACA,cAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBATG,KAAA;EAAA,IAAK,WAAA;AAAA"}
package/dist/Badge.js CHANGED
@@ -1,2 +1,2 @@
1
- export{b as Badge,a as badgeVariants}from'./_chunks/chunk-AFSDN4WI.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Badge.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,jsxs as i}from"react/jsx-runtime";const a=t(`inline-flex items-center justify-center rounded-full font-semibold whitespace-nowrap gap-1 [&_svg]:size-[1em] [&_svg]:shrink-0`,{variants:{intent:e,emphasis:{strong:`emphasis-strong`,normal:`emphasis-normal text-subtle`,subtle:`emphasis-subtle text-subtle`,subtler:`emphasis-subtler text-subtle`},size:{sm:`px-2 py-0.5 text-xs`,md:`px-2.5 py-0.5 text-sm`}},defaultVariants:{emphasis:`normal`,size:`md`}});function o({className:e,intent:t,emphasis:o,size:s,indicator:c,indicatorPulse:l,children:u,...d}){return i(`span`,{className:n(a({intent:t,emphasis:o,size:s,className:e})),...d,children:[c&&r(`span`,{className:n(`size-1.5 shrink-0 rounded-full bg-current`,l&&`animate-pulse`),"aria-hidden":`true`}),u]})}o.displayName=`Badge`;export{o as Badge,a as badgeVariants};
2
2
  //# sourceMappingURL=Badge.js.map
package/dist/Badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Badge.js"}
1
+ {"version":3,"file":"Badge.js","names":[],"sources":["../src/components/Badge/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 badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-full font-semibold whitespace-nowrap gap-1 [&_svg]:size-[1em] [&_svg]:shrink-0',\n {\n variants: {\n intent: intentVariants,\n emphasis: {\n strong: 'emphasis-strong',\n normal: 'emphasis-normal text-subtle',\n subtle: 'emphasis-subtle text-subtle',\n subtler: 'emphasis-subtler text-subtle'\n },\n size: {\n sm: 'px-2 py-0.5 text-xs',\n md: 'px-2.5 py-0.5 text-sm'\n }\n },\n defaultVariants: {\n emphasis: 'normal',\n size: 'md'\n }\n }\n)\n\nexport interface BadgeProps\n extends ComponentProps<'span'>,\n VariantProps<typeof badgeVariants> {\n /** Show a dot indicator before the text */\n indicator?: boolean\n /** Animate the indicator with a slow pulse */\n indicatorPulse?: boolean\n}\n\nexport function Badge({\n className,\n intent,\n emphasis,\n size,\n indicator,\n indicatorPulse,\n children,\n ...props\n}: BadgeProps) {\n return (\n <span\n className={cn(badgeVariants({ intent, emphasis, size, className }))}\n {...props}\n >\n {indicator && (\n <span\n className={cn(\n 'size-1.5 shrink-0 rounded-full bg-current',\n indicatorPulse && 'animate-pulse'\n )}\n aria-hidden='true'\n />\n )}\n {children}\n </span>\n )\n}\n\nBadge.displayName = 'Badge'\n"],"mappings":"0LAQA,MAAa,EAAgB,EAC3B,iIACA,CACE,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,8BACR,OAAQ,8BACR,QAAS,+BACV,CACD,KAAM,CACJ,GAAI,sBACJ,GAAI,wBACL,CACF,CACD,gBAAiB,CACf,SAAU,SACV,KAAM,KACP,CACF,CACF,CAWD,SAAgB,EAAM,CACpB,YACA,SACA,WACA,OACA,YACA,iBACA,WACA,GAAG,GACU,CACb,OACE,EAAC,OAAD,CACE,UAAW,EAAG,EAAc,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAAC,CACnE,GAAI,WAFN,CAIG,GACC,EAAC,OAAD,CACE,UAAW,EACT,4CACA,GAAkB,gBACnB,CACD,cAAY,OACZ,CAAA,CAEH,EACI,GAIX,EAAM,YAAc"}
@@ -1,43 +1,65 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ComponentProps, ElementType } from 'react';
1
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import { ComponentProps, ElementType } from "react";
3
3
 
4
- declare function BreadcrumbRoot({ className, ...props }: ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
4
+ //#region src/components/Breadcrumb/index.d.ts
5
+ declare function BreadcrumbRoot({
6
+ className,
7
+ ...props
8
+ }: ComponentProps<'nav'>): _$react_jsx_runtime0.JSX.Element;
5
9
  declare namespace BreadcrumbRoot {
6
- var displayName: string;
10
+ var displayName: string;
7
11
  }
8
- declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
12
+ declare function BreadcrumbList({
13
+ className,
14
+ ...props
15
+ }: ComponentProps<'ol'>): _$react_jsx_runtime0.JSX.Element;
9
16
  declare namespace BreadcrumbList {
10
- var displayName: string;
17
+ var displayName: string;
11
18
  }
12
- declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
19
+ declare function BreadcrumbItem({
20
+ className,
21
+ ...props
22
+ }: ComponentProps<'li'>): _$react_jsx_runtime0.JSX.Element;
13
23
  declare namespace BreadcrumbItem {
14
- var displayName: string;
24
+ var displayName: string;
15
25
  }
16
26
  type BreadcrumbLinkProps<T extends ElementType = 'a'> = {
17
- as?: T;
18
- className?: string;
27
+ as?: T;
28
+ className?: string;
19
29
  } & Omit<ComponentProps<T>, 'as' | 'className'>;
20
- declare function BreadcrumbLink<T extends ElementType = 'a'>({ as, className, ...props }: BreadcrumbLinkProps<T>): react_jsx_runtime.JSX.Element;
30
+ declare function BreadcrumbLink<T extends ElementType = 'a'>({
31
+ as,
32
+ className,
33
+ ...props
34
+ }: BreadcrumbLinkProps<T>): _$react_jsx_runtime0.JSX.Element;
21
35
  declare namespace BreadcrumbLink {
22
- var displayName: string;
36
+ var displayName: string;
23
37
  }
24
38
  interface BreadcrumbSeparatorProps extends ComponentProps<'span'> {
25
- children?: React.ReactNode;
39
+ children?: React.ReactNode;
26
40
  }
27
- declare function BreadcrumbSeparator({ className, children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
41
+ declare function BreadcrumbSeparator({
42
+ className,
43
+ children,
44
+ ...props
45
+ }: BreadcrumbSeparatorProps): _$react_jsx_runtime0.JSX.Element;
28
46
  declare namespace BreadcrumbSeparator {
29
- var displayName: string;
47
+ var displayName: string;
30
48
  }
31
- declare function BreadcrumbCurrent({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
49
+ declare function BreadcrumbCurrent({
50
+ className,
51
+ ...props
52
+ }: ComponentProps<'span'>): _$react_jsx_runtime0.JSX.Element;
32
53
  declare namespace BreadcrumbCurrent {
33
- var displayName: string;
54
+ var displayName: string;
34
55
  }
35
56
  declare const Breadcrumb: typeof BreadcrumbRoot & {
36
- List: typeof BreadcrumbList;
37
- Item: typeof BreadcrumbItem;
38
- Link: typeof BreadcrumbLink;
39
- Separator: typeof BreadcrumbSeparator;
40
- Current: typeof BreadcrumbCurrent;
57
+ List: typeof BreadcrumbList;
58
+ Item: typeof BreadcrumbItem;
59
+ Link: typeof BreadcrumbLink;
60
+ Separator: typeof BreadcrumbSeparator;
61
+ Current: typeof BreadcrumbCurrent;
41
62
  };
42
-
63
+ //#endregion
43
64
  export { Breadcrumb, type BreadcrumbSeparatorProps };
65
+ //# sourceMappingURL=Breadcrumb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumb.d.ts","names":[],"sources":["../src/components/Breadcrumb/index.tsx"],"mappings":";;;;iBAIS,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA7D,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,iBAMd,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,SAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5D,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,iBAWd,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,SAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5D,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,KAMlB,mBAAA,WAA8B,WAAA;EACjC,EAAA,GAAK,CAAA;EACL,SAAA;AAAA,IACE,IAAA,CAAK,cAAA,CAAe,CAAA;AAAA,iBAEf,cAAA,WAAyB,WAAA,OAAA,CAAA;EAChC,EAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,mBAAA,CAAoB,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJhB,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,UAmBb,wBAAA,SAAiC,cAAA;EACzC,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGV,mBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJlB,mBAAA;EAAA,IAAmB,WAAA;AAAA;AAAA,iBAkBnB,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,WAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAjE,iBAAA;EAAA,IAAiB,WAAA;AAAA;AAAA,cAYb,UAAA,SAAU,cAAA"}
@@ -1,2 +1,2 @@
1
- export{a as Breadcrumb}from'./_chunks/chunk-EKOEXSAP.js';//# sourceMappingURL=Breadcrumb.js.map
1
+ import{cn as e}from"@oztix/roadie-core/utils";import{jsx as t}from"react/jsx-runtime";function n({className:e,...n}){return t(`nav`,{"aria-label":`Breadcrumb`,className:e,...n})}n.displayName=`Breadcrumb`;function r({className:n,...r}){return t(`ol`,{className:e(`flex items-center gap-2 text-sm`,n),...r})}r.displayName=`Breadcrumb.List`;function i({className:n,...r}){return t(`li`,{className:e(`flex items-center gap-2`,n),...r})}i.displayName=`Breadcrumb.Item`;function a({as:n,className:r,...i}){return t(n||`a`,{className:e(`text-subtle transition-colors hover:text-normal`,r),...i})}a.displayName=`Breadcrumb.Link`;function o({className:n,children:r=`/`,...i}){return t(`span`,{role:`presentation`,className:e(`text-subtler`,n),...i,children:r})}o.displayName=`Breadcrumb.Separator`;function s({className:n,...r}){return t(`span`,{"aria-current":`page`,className:e(`font-medium text-normal`,n),...r})}s.displayName=`Breadcrumb.Current`;const c=Object.assign(n,{List:r,Item:i,Link:a,Separator:o,Current:s});export{c as Breadcrumb};
2
2
  //# sourceMappingURL=Breadcrumb.js.map
@@ -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"}