@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,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,131 +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 { ComponentProps } 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;
16
- interface AutocompleteRootProps extends ComponentProps<typeof Autocomplete$1.Root> {
17
- }
18
- declare function AutocompleteRoot(props: AutocompleteRootProps): react_jsx_runtime.JSX.Element;
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;
15
+ type AutocompleteRootProps = Autocomplete$1.Root.Props<unknown>;
16
+ declare function AutocompleteRoot(props: AutocompleteRootProps): _$react_jsx_runtime0.JSX.Element;
19
17
  declare namespace AutocompleteRoot {
20
- var displayName: string;
21
- }
22
- interface AutocompleteValueProps extends ComponentProps<typeof Autocomplete$1.Value> {
18
+ var displayName: string;
23
19
  }
24
- declare function AutocompleteValue(props: AutocompleteValueProps): react_jsx_runtime.JSX.Element;
20
+ type AutocompleteValueProps = Autocomplete$1.Value.Props;
21
+ declare function AutocompleteValue(props: AutocompleteValueProps): _$react_jsx_runtime0.JSX.Element;
25
22
  declare namespace AutocompleteValue {
26
- var displayName: string;
27
- }
28
- interface AutocompleteInputGroupProps extends ComponentProps<typeof Autocomplete$1.InputGroup>, VariantProps<typeof autocompleteInputGroupVariants> {
29
- }
30
- declare function AutocompleteInputGroup({ className, intent, emphasis, size, ...props }: AutocompleteInputGroupProps): react_jsx_runtime.JSX.Element;
23
+ var displayName: string;
24
+ }
25
+ type AutocompleteInputGroupProps = Autocomplete$1.InputGroup.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof autocompleteInputGroupVariants>;
26
+ declare function AutocompleteInputGroup({
27
+ className,
28
+ intent,
29
+ emphasis,
30
+ size,
31
+ ...props
32
+ }: AutocompleteInputGroupProps): _$react_jsx_runtime0.JSX.Element;
31
33
  declare namespace AutocompleteInputGroup {
32
- var displayName: string;
33
- }
34
- interface AutocompleteInputProps extends ComponentProps<typeof Autocomplete$1.Input> {
34
+ var displayName: string;
35
35
  }
36
- declare function AutocompleteInput({ className, ...props }: AutocompleteInputProps): react_jsx_runtime.JSX.Element;
36
+ type AutocompleteInputProps = Autocomplete$1.Input.Props & RefAttributes<HTMLInputElement>;
37
+ declare function AutocompleteInput({
38
+ className,
39
+ ...props
40
+ }: AutocompleteInputProps): _$react_jsx_runtime0.JSX.Element;
37
41
  declare namespace AutocompleteInput {
38
- var displayName: string;
39
- }
40
- interface AutocompleteTriggerProps extends ComponentProps<typeof Autocomplete$1.Trigger> {
41
- }
42
- declare function AutocompleteTrigger({ className, children, ...props }: AutocompleteTriggerProps): react_jsx_runtime.JSX.Element;
42
+ var displayName: string;
43
+ }
44
+ type AutocompleteTriggerProps = Autocomplete$1.Trigger.Props & RefAttributes<HTMLButtonElement>;
45
+ declare function AutocompleteTrigger({
46
+ className,
47
+ children,
48
+ ...props
49
+ }: AutocompleteTriggerProps): _$react_jsx_runtime0.JSX.Element;
43
50
  declare namespace AutocompleteTrigger {
44
- var displayName: string;
45
- }
46
- interface AutocompleteClearProps extends ComponentProps<typeof Autocomplete$1.Clear> {
47
- }
48
- declare function AutocompleteClear({ className, children, ...props }: AutocompleteClearProps): react_jsx_runtime.JSX.Element;
51
+ var displayName: string;
52
+ }
53
+ type AutocompleteClearProps = Autocomplete$1.Clear.Props & RefAttributes<HTMLButtonElement>;
54
+ declare function AutocompleteClear({
55
+ className,
56
+ children,
57
+ ...props
58
+ }: AutocompleteClearProps): _$react_jsx_runtime0.JSX.Element;
49
59
  declare namespace AutocompleteClear {
50
- var displayName: string;
51
- }
52
- interface AutocompletePortalProps extends ComponentProps<typeof Autocomplete$1.Portal> {
60
+ var displayName: string;
53
61
  }
54
- declare function AutocompletePortal(props: AutocompletePortalProps): react_jsx_runtime.JSX.Element;
62
+ type AutocompletePortalProps = Autocomplete$1.Portal.Props & RefAttributes<HTMLDivElement>;
63
+ declare function AutocompletePortal(props: AutocompletePortalProps): _$react_jsx_runtime0.JSX.Element;
55
64
  declare namespace AutocompletePortal {
56
- var displayName: string;
65
+ var displayName: string;
57
66
  }
58
- interface AutocompletePositionerProps extends ComponentProps<typeof Autocomplete$1.Positioner> {
59
- }
60
- declare function AutocompletePositioner({ className, ...props }: AutocompletePositionerProps): react_jsx_runtime.JSX.Element;
67
+ type AutocompletePositionerProps = Autocomplete$1.Positioner.Props & RefAttributes<HTMLDivElement>;
68
+ declare function AutocompletePositioner({
69
+ className,
70
+ ...props
71
+ }: AutocompletePositionerProps): _$react_jsx_runtime0.JSX.Element;
61
72
  declare namespace AutocompletePositioner {
62
- var displayName: string;
63
- }
64
- interface AutocompletePopupProps extends ComponentProps<typeof Autocomplete$1.Popup> {
73
+ var displayName: string;
65
74
  }
66
- declare function AutocompletePopup({ className, ...props }: AutocompletePopupProps): react_jsx_runtime.JSX.Element;
75
+ type AutocompletePopupProps = Autocomplete$1.Popup.Props & RefAttributes<HTMLDivElement>;
76
+ declare function AutocompletePopup({
77
+ className,
78
+ ...props
79
+ }: AutocompletePopupProps): _$react_jsx_runtime0.JSX.Element;
67
80
  declare namespace AutocompletePopup {
68
- var displayName: string;
69
- }
70
- interface AutocompleteListProps extends ComponentProps<typeof Autocomplete$1.List> {
81
+ var displayName: string;
71
82
  }
72
- declare function AutocompleteList({ className, ...props }: AutocompleteListProps): react_jsx_runtime.JSX.Element;
83
+ type AutocompleteListProps = Autocomplete$1.List.Props & RefAttributes<HTMLDivElement>;
84
+ declare function AutocompleteList({
85
+ className,
86
+ ...props
87
+ }: AutocompleteListProps): _$react_jsx_runtime0.JSX.Element;
73
88
  declare namespace AutocompleteList {
74
- var displayName: string;
89
+ var displayName: string;
75
90
  }
76
- interface AutocompleteItemProps extends ComponentProps<typeof Autocomplete$1.Item> {
77
- }
78
- declare function AutocompleteItem({ className, ...props }: AutocompleteItemProps): react_jsx_runtime.JSX.Element;
91
+ type AutocompleteItemProps = Autocomplete$1.Item.Props & RefAttributes<HTMLDivElement>;
92
+ declare function AutocompleteItem({
93
+ className,
94
+ ...props
95
+ }: AutocompleteItemProps): _$react_jsx_runtime0.JSX.Element;
79
96
  declare namespace AutocompleteItem {
80
- var displayName: string;
81
- }
82
- interface AutocompleteCollectionProps extends ComponentProps<typeof Autocomplete$1.Collection> {
97
+ var displayName: string;
83
98
  }
84
- declare function AutocompleteCollection(props: AutocompleteCollectionProps): react_jsx_runtime.JSX.Element;
99
+ type AutocompleteCollectionProps = Autocomplete$1.Collection.Props;
100
+ declare function AutocompleteCollection(props: AutocompleteCollectionProps): _$react_jsx_runtime0.JSX.Element;
85
101
  declare namespace AutocompleteCollection {
86
- var displayName: string;
102
+ var displayName: string;
87
103
  }
88
- interface AutocompleteGroupProps extends ComponentProps<typeof Autocomplete$1.Group> {
89
- }
90
- declare function AutocompleteGroup({ className, ...props }: AutocompleteGroupProps): react_jsx_runtime.JSX.Element;
104
+ type AutocompleteGroupProps = Autocomplete$1.Group.Props & RefAttributes<HTMLDivElement>;
105
+ declare function AutocompleteGroup({
106
+ className,
107
+ ...props
108
+ }: AutocompleteGroupProps): _$react_jsx_runtime0.JSX.Element;
91
109
  declare namespace AutocompleteGroup {
92
- var displayName: string;
93
- }
94
- interface AutocompleteGroupLabelProps extends ComponentProps<typeof Autocomplete$1.GroupLabel> {
110
+ var displayName: string;
95
111
  }
96
- declare function AutocompleteGroupLabel({ className, ...props }: AutocompleteGroupLabelProps): react_jsx_runtime.JSX.Element;
112
+ type AutocompleteGroupLabelProps = Autocomplete$1.GroupLabel.Props & RefAttributes<HTMLDivElement>;
113
+ declare function AutocompleteGroupLabel({
114
+ className,
115
+ ...props
116
+ }: AutocompleteGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
97
117
  declare namespace AutocompleteGroupLabel {
98
- var displayName: string;
99
- }
100
- interface AutocompleteEmptyProps extends ComponentProps<typeof Autocomplete$1.Empty> {
118
+ var displayName: string;
101
119
  }
102
- declare function AutocompleteEmpty({ className, ...props }: AutocompleteEmptyProps): react_jsx_runtime.JSX.Element;
120
+ type AutocompleteEmptyProps = Autocomplete$1.Empty.Props & RefAttributes<HTMLDivElement>;
121
+ declare function AutocompleteEmpty({
122
+ className,
123
+ ...props
124
+ }: AutocompleteEmptyProps): _$react_jsx_runtime0.JSX.Element;
103
125
  declare namespace AutocompleteEmpty {
104
- var displayName: string;
126
+ var displayName: string;
105
127
  }
106
- interface AutocompleteStatusProps extends ComponentProps<typeof Autocomplete$1.Status> {
107
- }
108
- declare function AutocompleteStatus({ className, ...props }: AutocompleteStatusProps): react_jsx_runtime.JSX.Element;
128
+ type AutocompleteStatusProps = Autocomplete$1.Status.Props & RefAttributes<HTMLDivElement>;
129
+ declare function AutocompleteStatus({
130
+ className,
131
+ ...props
132
+ }: AutocompleteStatusProps): _$react_jsx_runtime0.JSX.Element;
109
133
  declare namespace AutocompleteStatus {
110
- var displayName: string;
134
+ var displayName: string;
111
135
  }
112
136
  declare const Autocomplete: typeof AutocompleteRoot & {
113
- Value: typeof AutocompleteValue;
114
- InputGroup: typeof AutocompleteInputGroup;
115
- Input: typeof AutocompleteInput;
116
- Trigger: typeof AutocompleteTrigger;
117
- Clear: typeof AutocompleteClear;
118
- Portal: typeof AutocompletePortal;
119
- Positioner: typeof AutocompletePositioner;
120
- Popup: typeof AutocompletePopup;
121
- List: typeof AutocompleteList;
122
- Item: typeof AutocompleteItem;
123
- Collection: typeof AutocompleteCollection;
124
- Group: typeof AutocompleteGroup;
125
- GroupLabel: typeof AutocompleteGroupLabel;
126
- Empty: typeof AutocompleteEmpty;
127
- 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;
128
152
  };
129
153
  type AutocompleteProps = AutocompleteRootProps;
130
-
131
- 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-Y6TDYPCZ.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":"sWAiBA,MAAa,EAAYA,EAAsB,UAClC,EAAmBA,EAAsB,iBAQzC,EAAiC,EAC5C,uDACA,CACE,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OACE,kEACF,OACE,6EACH,CACD,KAAM,CACJ,GAAI,uBACJ,GAAI,sBACJ,GAAI,sBACL,CACF,CACD,gBAAiB,CACf,SAAU,SACV,KAAM,KACP,CACF,CACF,CAMD,SAAgB,EAAiB,EAA8B,CAC7D,OAAO,EAACA,EAAsB,KAAvB,CAA4B,GAAI,EAAS,CAAA,CAGlD,EAAiB,YAAc,eAM/B,SAAgB,EAAkB,EAA+B,CAC/D,OAAO,EAACA,EAAsB,MAAvB,CAA6B,GAAI,EAAS,CAAA,CAGnD,EAAkB,YAAc,qBAShC,SAAgB,EAAuB,CACrC,YACA,SACA,WACA,OACA,GAAG,GAC2B,CAC9B,IAAM,EAAe,GAAiB,CAChC,EAAU,CAAC,CAAC,EAAa,QAE/B,OACE,EAACA,EAAsB,WAAvB,CACE,UAAW,EACT,EAA+B,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CACtE,CACD,eAAe,GAAW,EAAa,SAAY,IAAA,GACnD,GAAI,EACJ,CAAA,CAIN,EAAuB,YAAc,0BAOrC,SAAgB,EAAkB,CAChC,YACA,GAAG,GACsB,CACzB,IAAM,EAAe,GAAiB,CAChC,EAAU,CAAC,CAAC,EAAa,QAE/B,OACE,EAACA,EAAsB,MAAvB,CACE,UAAW,EACT,qEACA,EACD,CACD,GAAK,GAAW,CACd,GAAI,EAAa,QACjB,eAAgB,EAAa,SAAW,IAAA,GACxC,gBAAiB,EAAa,UAAY,IAAA,GAC1C,mBAAoB,EAAa,QAC7B,EAAa,aAAe,IAAA,GAC5B,EAAa,cAAgB,IAAA,GAClC,CACD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc,qBAOhC,SAAgB,EAAoB,CAClC,YACA,WACA,GAAG,GACwB,CAC3B,OACE,EAACA,EAAsB,QAAvB,CACE,UAAW,EACT,2FACA,EACD,CACD,GAAI,WAEH,GAAY,EAAC,EAAD,CAAe,OAAO,OAAO,UAAU,SAAW,CAAA,CACjC,CAAA,CAIpC,EAAoB,YAAc,uBAOlC,SAAgB,EAAkB,CAChC,YACA,WACA,GAAG,GACsB,CACzB,OACE,EAACA,EAAsB,MAAvB,CACE,UAAW,EACT,wDACA,EACD,CACD,GAAI,WAEH,GAAY,EAAC,EAAD,CAAO,OAAO,OAAO,UAAU,SAAW,CAAA,CAC3B,CAAA,CAIlC,EAAkB,YAAc,qBAOhC,SAAgB,EAAmB,EAAgC,CACjE,OAAO,EAACA,EAAsB,OAAvB,CAA8B,GAAI,EAAS,CAAA,CAGpD,EAAmB,YAAc,sBAOjC,SAAgB,EAAuB,CACrC,YACA,GAAG,GAC2B,CAC9B,OACE,EAACA,EAAsB,WAAvB,CACE,UAAW,EAAG,OAAQ,EAAU,CAChC,WAAY,EACZ,GAAI,EACJ,CAAA,CAIN,EAAuB,YAAc,0BAOrC,SAAgB,EAAkB,CAChC,YACA,GAAG,GACsB,CACzB,OACE,EAACA,EAAsB,MAAvB,CACE,UAAW,EACT,4LACA,kMACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc,qBAOhC,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OAAO,EAACA,EAAsB,KAAvB,CAAuC,YAAW,GAAI,EAAS,CAAA,CAGxE,EAAiB,YAAc,oBAO/B,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OACE,EAACA,EAAsB,KAAvB,CACE,UAAW,EACT,4IACA,+BACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAiB,YAAc,oBAM/B,SAAgB,EAAuB,EAAoC,CACzE,OAAO,EAACA,EAAsB,WAAvB,CAAkC,GAAI,EAAS,CAAA,CAGxD,EAAuB,YAAc,0BAOrC,SAAgB,EAAkB,CAChC,YACA,GAAG,GACsB,CACzB,OACE,EAACA,EAAsB,MAAvB,CACE,UAAW,EAAG,aAAc,EAAU,CACtC,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc,qBAOhC,SAAgB,EAAuB,CACrC,YACA,GAAG,GAC2B,CAC9B,OACE,EAACA,EAAsB,WAAvB,CACE,UAAW,EACT,0DACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAuB,YAAc,0BAOrC,SAAgB,EAAkB,CAChC,YACA,GAAG,GACsB,CACzB,OACE,EAACA,EAAsB,MAAvB,CACE,UAAW,EACT,yFACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc,qBAOhC,SAAgB,EAAmB,CACjC,YACA,GAAG,GACuB,CAC1B,OACE,EAACA,EAAsB,OAAvB,CACE,UAAW,EAAG,UAAW,EAAU,CACnC,GAAI,EACJ,CAAA,CAIN,EAAmB,YAAc,sBAIjC,MAAa,EAAe,OAAO,OAAO,EAAkB,CAC1D,MAAO,EACP,WAAY,EACZ,MAAO,EACP,QAAS,EACT,MAAO,EACP,OAAQ,EACR,WAAY,EACZ,MAAO,EACP,KAAM,EACN,KAAM,EACN,WAAY,EACZ,MAAO,EACP,WAAY,EACZ,MAAO,EACP,OAAQ,EACT,CAAC"}
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?: "normal" | "strong" | "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