@oztix/roadie-components 2.0.1 → 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.
- package/dist/Accordion.d.ts +42 -21
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +1 -2
- package/dist/Accordion.js.map +1 -1
- package/dist/Autocomplete.d.ts +101 -60
- package/dist/Autocomplete.d.ts.map +1 -0
- package/dist/Autocomplete.js +1 -2
- package/dist/Autocomplete.js.map +1 -1
- package/dist/Badge.d.ts +27 -16
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +1 -1
- package/dist/Badge.js.map +1 -1
- package/dist/Breadcrumb.d.ts +45 -23
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.js +1 -1
- package/dist/Breadcrumb.js.map +1 -1
- package/dist/Button-CDQ6ik0P.js +2 -0
- package/dist/Button-CDQ6ik0P.js.map +1 -0
- package/dist/Button-DdE0vCfo.js +2 -0
- package/dist/Button-DdE0vCfo.js.map +1 -0
- package/dist/Button-Dt1TGgrL.d.ts +26 -0
- package/dist/Button-Dt1TGgrL.d.ts.map +1 -0
- package/dist/Button.d.ts +3 -17
- package/dist/Button.js +1 -2
- package/dist/Card.d.ts +56 -30
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +1 -1
- package/dist/Card.js.map +1 -1
- package/dist/Code.d.ts +19 -13
- package/dist/Code.d.ts.map +1 -0
- package/dist/Code.js +1 -1
- package/dist/Code.js.map +1 -1
- package/dist/Combobox.d.ts +111 -63
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.js +1 -2
- package/dist/Combobox.js.map +1 -1
- package/dist/Field.d.ts +63 -46
- package/dist/Field.d.ts.map +1 -0
- package/dist/Field.js +1 -2
- package/dist/Field.js.map +1 -1
- package/dist/Fieldset.d.ts +34 -22
- package/dist/Fieldset.d.ts.map +1 -0
- package/dist/Fieldset.js +1 -2
- package/dist/Fieldset.js.map +1 -1
- package/dist/Highlight.d.ts +20 -15
- package/dist/Highlight.d.ts.map +1 -0
- package/dist/Highlight.js +1 -2
- package/dist/Highlight.js.map +1 -1
- package/dist/Indicator.d.ts +20 -12
- package/dist/Indicator.d.ts.map +1 -0
- package/dist/Indicator.js +1 -1
- package/dist/Indicator.js.map +1 -1
- package/dist/Input.d.ts +22 -14
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +1 -2
- package/dist/Input.js.map +1 -1
- package/dist/Label.d.ts +12 -8
- package/dist/Label.d.ts.map +1 -0
- package/dist/Label.js +1 -1
- package/dist/Label.js.map +1 -1
- package/dist/LinkButton-9nnOzX_0.js +2 -0
- package/dist/LinkButton-9nnOzX_0.js.map +1 -0
- package/dist/LinkButton.d.ts +2 -35
- package/dist/LinkButton.js +1 -2
- package/dist/Mark.d.ts +19 -12
- package/dist/Mark.d.ts.map +1 -0
- package/dist/Mark.js +1 -1
- package/dist/Mark.js.map +1 -1
- package/dist/Marquee.d.ts +27 -16
- package/dist/Marquee.d.ts.map +1 -0
- package/dist/Marquee.js +5 -2
- package/dist/Marquee.js.map +1 -1
- package/dist/Prose.d.ts +19 -12
- package/dist/Prose.d.ts.map +1 -0
- package/dist/Prose.js +1 -1
- package/dist/Prose.js.map +1 -1
- package/dist/RadioGroup.d.ts +62 -38
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +1 -2
- package/dist/RadioGroup.js.map +1 -1
- package/dist/Select.d.ts +129 -73
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +1 -2
- package/dist/Select.js.map +1 -1
- package/dist/Separator.d.ts +17 -12
- package/dist/Separator.d.ts.map +1 -0
- package/dist/Separator.js +1 -1
- package/dist/Separator.js.map +1 -1
- package/dist/SpotIllustration.d.ts +71 -50
- package/dist/SpotIllustration.d.ts.map +1 -0
- package/dist/SpotIllustration.js +1 -2
- package/dist/SpotIllustration.js.map +1 -1
- package/dist/Steps.d.ts +102 -62
- package/dist/Steps.d.ts.map +1 -0
- package/dist/Steps.js +1 -2
- package/dist/Steps.js.map +1 -1
- package/dist/Textarea.d.ts +22 -13
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +1 -2
- package/dist/Textarea.js.map +1 -1
- package/dist/index-0w-ydb3o.d.ts +50 -0
- package/dist/index-0w-ydb3o.d.ts.map +1 -0
- package/dist/index-C3_4djmE.d.ts +17 -0
- package/dist/index-C3_4djmE.d.ts.map +1 -0
- package/dist/index.d.ts +47 -49
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +23 -23
- package/dist/index.js.map +1 -1
- package/dist/variants-DTAwzBl3.js +2 -0
- package/dist/variants-DTAwzBl3.js.map +1 -0
- package/package.json +6 -5
- package/dist/Button-fnIVmjIB.d.ts +0 -18
- package/dist/Button.js.map +0 -1
- package/dist/LinkButton.js.map +0 -1
- package/dist/_chunks/chunk-3H22EQQ6.js +0 -2
- package/dist/_chunks/chunk-3H22EQQ6.js.map +0 -1
- package/dist/_chunks/chunk-42UB7PQB.js +0 -3
- package/dist/_chunks/chunk-42UB7PQB.js.map +0 -1
- package/dist/_chunks/chunk-4LGCF3SN.js +0 -3
- package/dist/_chunks/chunk-4LGCF3SN.js.map +0 -1
- package/dist/_chunks/chunk-AFSDN4WI.js +0 -2
- package/dist/_chunks/chunk-AFSDN4WI.js.map +0 -1
- package/dist/_chunks/chunk-BQEJDV7D.js +0 -3
- package/dist/_chunks/chunk-BQEJDV7D.js.map +0 -1
- package/dist/_chunks/chunk-DRVUAPKN.js +0 -2
- package/dist/_chunks/chunk-DRVUAPKN.js.map +0 -1
- package/dist/_chunks/chunk-EKOEXSAP.js +0 -2
- package/dist/_chunks/chunk-EKOEXSAP.js.map +0 -1
- package/dist/_chunks/chunk-FQNVMKKV.js +0 -7
- package/dist/_chunks/chunk-FQNVMKKV.js.map +0 -1
- package/dist/_chunks/chunk-IEDKSZAQ.js +0 -3
- package/dist/_chunks/chunk-IEDKSZAQ.js.map +0 -1
- package/dist/_chunks/chunk-JBHYUOI2.js +0 -3
- package/dist/_chunks/chunk-JBHYUOI2.js.map +0 -1
- package/dist/_chunks/chunk-JGTZ3GCR.js +0 -2
- package/dist/_chunks/chunk-JGTZ3GCR.js.map +0 -1
- package/dist/_chunks/chunk-LHNOY24C.js +0 -2
- package/dist/_chunks/chunk-LHNOY24C.js.map +0 -1
- package/dist/_chunks/chunk-LMV3JECI.js +0 -3
- package/dist/_chunks/chunk-LMV3JECI.js.map +0 -1
- package/dist/_chunks/chunk-MDRAL676.js +0 -3
- package/dist/_chunks/chunk-MDRAL676.js.map +0 -1
- package/dist/_chunks/chunk-N2HGY7W7.js +0 -3
- package/dist/_chunks/chunk-N2HGY7W7.js.map +0 -1
- package/dist/_chunks/chunk-NRVNUMJE.js +0 -2
- package/dist/_chunks/chunk-NRVNUMJE.js.map +0 -1
- package/dist/_chunks/chunk-OIAETOZT.js +0 -3
- package/dist/_chunks/chunk-OIAETOZT.js.map +0 -1
- package/dist/_chunks/chunk-OIZX63GZ.js +0 -2
- package/dist/_chunks/chunk-OIZX63GZ.js.map +0 -1
- package/dist/_chunks/chunk-OPR5JL7N.js +0 -3
- package/dist/_chunks/chunk-OPR5JL7N.js.map +0 -1
- package/dist/_chunks/chunk-SCS7WZ6Z.js +0 -3
- package/dist/_chunks/chunk-SCS7WZ6Z.js.map +0 -1
- package/dist/_chunks/chunk-VSKUGXQG.js +0 -3
- package/dist/_chunks/chunk-VSKUGXQG.js.map +0 -1
- package/dist/_chunks/chunk-WOU2B425.js +0 -3
- package/dist/_chunks/chunk-WOU2B425.js.map +0 -1
- package/dist/_chunks/chunk-XERFFH3S.js +0 -3
- package/dist/_chunks/chunk-XERFFH3S.js.map +0 -1
- package/dist/_chunks/chunk-XRFHVFJ5.js +0 -3
- package/dist/_chunks/chunk-XRFHVFJ5.js.map +0 -1
- package/dist/_chunks/chunk-ZXR32FYA.js +0 -2
- package/dist/_chunks/chunk-ZXR32FYA.js.map +0 -1
package/dist/Accordion.d.ts
CHANGED
|
@@ -1,37 +1,58 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { ComponentProps } from
|
|
4
|
-
import
|
|
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
|
-
|
|
9
|
-
|
|
10
|
-
} &
|
|
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
|
-
|
|
13
|
+
type?: AccordionType;
|
|
13
14
|
}
|
|
14
|
-
declare function AccordionRoot({
|
|
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
|
-
|
|
23
|
+
var displayName: string;
|
|
17
24
|
}
|
|
18
25
|
type AccordionItemProps = ComponentProps<'details'>;
|
|
19
|
-
declare function AccordionItem({
|
|
26
|
+
declare function AccordionItem({
|
|
27
|
+
className,
|
|
28
|
+
children,
|
|
29
|
+
...props
|
|
30
|
+
}: AccordionItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
20
31
|
declare namespace AccordionItem {
|
|
21
|
-
|
|
32
|
+
var displayName: string;
|
|
22
33
|
}
|
|
23
|
-
declare function AccordionTrigger({
|
|
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
|
-
|
|
41
|
+
var displayName: string;
|
|
26
42
|
}
|
|
27
|
-
declare function AccordionContent({
|
|
43
|
+
declare function AccordionContent({
|
|
44
|
+
className,
|
|
45
|
+
children,
|
|
46
|
+
...props
|
|
47
|
+
}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
|
|
28
48
|
declare namespace AccordionContent {
|
|
29
|
-
|
|
49
|
+
var displayName: string;
|
|
30
50
|
}
|
|
31
51
|
declare const Accordion: typeof AccordionRoot & {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
52
|
+
Item: typeof AccordionItem;
|
|
53
|
+
Trigger: typeof AccordionTrigger;
|
|
54
|
+
Content: typeof AccordionContent;
|
|
35
55
|
};
|
|
36
|
-
|
|
37
|
-
export { Accordion,
|
|
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
|
package/dist/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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"}
|
package/dist/Autocomplete.d.ts
CHANGED
|
@@ -1,115 +1,156 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { RefAttributes } from
|
|
4
|
-
import { Autocomplete as Autocomplete$1,
|
|
5
|
-
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} &
|
|
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):
|
|
16
|
+
declare function AutocompleteRoot(props: AutocompleteRootProps): _$react_jsx_runtime0.JSX.Element;
|
|
18
17
|
declare namespace AutocompleteRoot {
|
|
19
|
-
|
|
18
|
+
var displayName: string;
|
|
20
19
|
}
|
|
21
20
|
type AutocompleteValueProps = Autocomplete$1.Value.Props;
|
|
22
|
-
declare function AutocompleteValue(props: AutocompleteValueProps):
|
|
21
|
+
declare function AutocompleteValue(props: AutocompleteValueProps): _$react_jsx_runtime0.JSX.Element;
|
|
23
22
|
declare namespace AutocompleteValue {
|
|
24
|
-
|
|
23
|
+
var displayName: string;
|
|
25
24
|
}
|
|
26
25
|
type AutocompleteInputGroupProps = Autocomplete$1.InputGroup.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof autocompleteInputGroupVariants>;
|
|
27
|
-
declare function AutocompleteInputGroup({
|
|
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
|
-
|
|
34
|
+
var displayName: string;
|
|
30
35
|
}
|
|
31
36
|
type AutocompleteInputProps = Autocomplete$1.Input.Props & RefAttributes<HTMLInputElement>;
|
|
32
|
-
declare function AutocompleteInput({
|
|
37
|
+
declare function AutocompleteInput({
|
|
38
|
+
className,
|
|
39
|
+
...props
|
|
40
|
+
}: AutocompleteInputProps): _$react_jsx_runtime0.JSX.Element;
|
|
33
41
|
declare namespace AutocompleteInput {
|
|
34
|
-
|
|
42
|
+
var displayName: string;
|
|
35
43
|
}
|
|
36
44
|
type AutocompleteTriggerProps = Autocomplete$1.Trigger.Props & RefAttributes<HTMLButtonElement>;
|
|
37
|
-
declare function AutocompleteTrigger({
|
|
45
|
+
declare function AutocompleteTrigger({
|
|
46
|
+
className,
|
|
47
|
+
children,
|
|
48
|
+
...props
|
|
49
|
+
}: AutocompleteTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
38
50
|
declare namespace AutocompleteTrigger {
|
|
39
|
-
|
|
51
|
+
var displayName: string;
|
|
40
52
|
}
|
|
41
53
|
type AutocompleteClearProps = Autocomplete$1.Clear.Props & RefAttributes<HTMLButtonElement>;
|
|
42
|
-
declare function AutocompleteClear({
|
|
54
|
+
declare function AutocompleteClear({
|
|
55
|
+
className,
|
|
56
|
+
children,
|
|
57
|
+
...props
|
|
58
|
+
}: AutocompleteClearProps): _$react_jsx_runtime0.JSX.Element;
|
|
43
59
|
declare namespace AutocompleteClear {
|
|
44
|
-
|
|
60
|
+
var displayName: string;
|
|
45
61
|
}
|
|
46
62
|
type AutocompletePortalProps = Autocomplete$1.Portal.Props & RefAttributes<HTMLDivElement>;
|
|
47
|
-
declare function AutocompletePortal(props: AutocompletePortalProps):
|
|
63
|
+
declare function AutocompletePortal(props: AutocompletePortalProps): _$react_jsx_runtime0.JSX.Element;
|
|
48
64
|
declare namespace AutocompletePortal {
|
|
49
|
-
|
|
65
|
+
var displayName: string;
|
|
50
66
|
}
|
|
51
67
|
type AutocompletePositionerProps = Autocomplete$1.Positioner.Props & RefAttributes<HTMLDivElement>;
|
|
52
|
-
declare function AutocompletePositioner({
|
|
68
|
+
declare function AutocompletePositioner({
|
|
69
|
+
className,
|
|
70
|
+
...props
|
|
71
|
+
}: AutocompletePositionerProps): _$react_jsx_runtime0.JSX.Element;
|
|
53
72
|
declare namespace AutocompletePositioner {
|
|
54
|
-
|
|
73
|
+
var displayName: string;
|
|
55
74
|
}
|
|
56
75
|
type AutocompletePopupProps = Autocomplete$1.Popup.Props & RefAttributes<HTMLDivElement>;
|
|
57
|
-
declare function AutocompletePopup({
|
|
76
|
+
declare function AutocompletePopup({
|
|
77
|
+
className,
|
|
78
|
+
...props
|
|
79
|
+
}: AutocompletePopupProps): _$react_jsx_runtime0.JSX.Element;
|
|
58
80
|
declare namespace AutocompletePopup {
|
|
59
|
-
|
|
81
|
+
var displayName: string;
|
|
60
82
|
}
|
|
61
83
|
type AutocompleteListProps = Autocomplete$1.List.Props & RefAttributes<HTMLDivElement>;
|
|
62
|
-
declare function AutocompleteList({
|
|
84
|
+
declare function AutocompleteList({
|
|
85
|
+
className,
|
|
86
|
+
...props
|
|
87
|
+
}: AutocompleteListProps): _$react_jsx_runtime0.JSX.Element;
|
|
63
88
|
declare namespace AutocompleteList {
|
|
64
|
-
|
|
89
|
+
var displayName: string;
|
|
65
90
|
}
|
|
66
91
|
type AutocompleteItemProps = Autocomplete$1.Item.Props & RefAttributes<HTMLDivElement>;
|
|
67
|
-
declare function AutocompleteItem({
|
|
92
|
+
declare function AutocompleteItem({
|
|
93
|
+
className,
|
|
94
|
+
...props
|
|
95
|
+
}: AutocompleteItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
68
96
|
declare namespace AutocompleteItem {
|
|
69
|
-
|
|
97
|
+
var displayName: string;
|
|
70
98
|
}
|
|
71
99
|
type AutocompleteCollectionProps = Autocomplete$1.Collection.Props;
|
|
72
|
-
declare function AutocompleteCollection(props: AutocompleteCollectionProps):
|
|
100
|
+
declare function AutocompleteCollection(props: AutocompleteCollectionProps): _$react_jsx_runtime0.JSX.Element;
|
|
73
101
|
declare namespace AutocompleteCollection {
|
|
74
|
-
|
|
102
|
+
var displayName: string;
|
|
75
103
|
}
|
|
76
104
|
type AutocompleteGroupProps = Autocomplete$1.Group.Props & RefAttributes<HTMLDivElement>;
|
|
77
|
-
declare function AutocompleteGroup({
|
|
105
|
+
declare function AutocompleteGroup({
|
|
106
|
+
className,
|
|
107
|
+
...props
|
|
108
|
+
}: AutocompleteGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
78
109
|
declare namespace AutocompleteGroup {
|
|
79
|
-
|
|
110
|
+
var displayName: string;
|
|
80
111
|
}
|
|
81
112
|
type AutocompleteGroupLabelProps = Autocomplete$1.GroupLabel.Props & RefAttributes<HTMLDivElement>;
|
|
82
|
-
declare function AutocompleteGroupLabel({
|
|
113
|
+
declare function AutocompleteGroupLabel({
|
|
114
|
+
className,
|
|
115
|
+
...props
|
|
116
|
+
}: AutocompleteGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
83
117
|
declare namespace AutocompleteGroupLabel {
|
|
84
|
-
|
|
118
|
+
var displayName: string;
|
|
85
119
|
}
|
|
86
120
|
type AutocompleteEmptyProps = Autocomplete$1.Empty.Props & RefAttributes<HTMLDivElement>;
|
|
87
|
-
declare function AutocompleteEmpty({
|
|
121
|
+
declare function AutocompleteEmpty({
|
|
122
|
+
className,
|
|
123
|
+
...props
|
|
124
|
+
}: AutocompleteEmptyProps): _$react_jsx_runtime0.JSX.Element;
|
|
88
125
|
declare namespace AutocompleteEmpty {
|
|
89
|
-
|
|
126
|
+
var displayName: string;
|
|
90
127
|
}
|
|
91
128
|
type AutocompleteStatusProps = Autocomplete$1.Status.Props & RefAttributes<HTMLDivElement>;
|
|
92
|
-
declare function AutocompleteStatus({
|
|
129
|
+
declare function AutocompleteStatus({
|
|
130
|
+
className,
|
|
131
|
+
...props
|
|
132
|
+
}: AutocompleteStatusProps): _$react_jsx_runtime0.JSX.Element;
|
|
93
133
|
declare namespace AutocompleteStatus {
|
|
94
|
-
|
|
134
|
+
var displayName: string;
|
|
95
135
|
}
|
|
96
136
|
declare const Autocomplete: typeof AutocompleteRoot & {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
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,
|
|
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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"}
|
package/dist/Autocomplete.js
CHANGED
|
@@ -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
|
package/dist/Autocomplete.js.map
CHANGED
|
@@ -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
|
|
2
|
-
import * as
|
|
3
|
-
import { ComponentProps } from
|
|
4
|
-
import
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} &
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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({
|
|
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
|
-
|
|
29
|
+
var displayName: string;
|
|
20
30
|
}
|
|
21
|
-
|
|
22
|
-
export { Badge,
|
|
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
|
-
|
|
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,"
|
|
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"}
|
package/dist/Breadcrumb.d.ts
CHANGED
|
@@ -1,43 +1,65 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ComponentProps, ElementType } from
|
|
1
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps, ElementType } from "react";
|
|
3
3
|
|
|
4
|
-
|
|
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
|
-
|
|
10
|
+
var displayName: string;
|
|
7
11
|
}
|
|
8
|
-
declare function BreadcrumbList({
|
|
12
|
+
declare function BreadcrumbList({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: ComponentProps<'ol'>): _$react_jsx_runtime0.JSX.Element;
|
|
9
16
|
declare namespace BreadcrumbList {
|
|
10
|
-
|
|
17
|
+
var displayName: string;
|
|
11
18
|
}
|
|
12
|
-
declare function BreadcrumbItem({
|
|
19
|
+
declare function BreadcrumbItem({
|
|
20
|
+
className,
|
|
21
|
+
...props
|
|
22
|
+
}: ComponentProps<'li'>): _$react_jsx_runtime0.JSX.Element;
|
|
13
23
|
declare namespace BreadcrumbItem {
|
|
14
|
-
|
|
24
|
+
var displayName: string;
|
|
15
25
|
}
|
|
16
26
|
type BreadcrumbLinkProps<T extends ElementType = 'a'> = {
|
|
17
|
-
|
|
18
|
-
|
|
27
|
+
as?: T;
|
|
28
|
+
className?: string;
|
|
19
29
|
} & Omit<ComponentProps<T>, 'as' | 'className'>;
|
|
20
|
-
declare function BreadcrumbLink<T extends ElementType = 'a'>({
|
|
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
|
-
|
|
36
|
+
var displayName: string;
|
|
23
37
|
}
|
|
24
38
|
interface BreadcrumbSeparatorProps extends ComponentProps<'span'> {
|
|
25
|
-
|
|
39
|
+
children?: React.ReactNode;
|
|
26
40
|
}
|
|
27
|
-
declare function BreadcrumbSeparator({
|
|
41
|
+
declare function BreadcrumbSeparator({
|
|
42
|
+
className,
|
|
43
|
+
children,
|
|
44
|
+
...props
|
|
45
|
+
}: BreadcrumbSeparatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
28
46
|
declare namespace BreadcrumbSeparator {
|
|
29
|
-
|
|
47
|
+
var displayName: string;
|
|
30
48
|
}
|
|
31
|
-
declare function BreadcrumbCurrent({
|
|
49
|
+
declare function BreadcrumbCurrent({
|
|
50
|
+
className,
|
|
51
|
+
...props
|
|
52
|
+
}: ComponentProps<'span'>): _$react_jsx_runtime0.JSX.Element;
|
|
32
53
|
declare namespace BreadcrumbCurrent {
|
|
33
|
-
|
|
54
|
+
var displayName: string;
|
|
34
55
|
}
|
|
35
56
|
declare const Breadcrumb: typeof BreadcrumbRoot & {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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"}
|
package/dist/Breadcrumb.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
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
|
package/dist/Breadcrumb.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","names":[],"sources":["../src/components/Breadcrumb/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nfunction BreadcrumbRoot({ className, ...props }: ComponentProps<'nav'>) {\n return <nav aria-label='Breadcrumb' className={className} {...props} />\n}\n\nBreadcrumbRoot.displayName = 'Breadcrumb'\n\nfunction BreadcrumbList({ className, ...props }: ComponentProps<'ol'>) {\n return (\n <ol\n className={cn('flex items-center gap-2 text-sm', className)}\n {...props}\n />\n )\n}\n\nBreadcrumbList.displayName = 'Breadcrumb.List'\n\nfunction BreadcrumbItem({ className, ...props }: ComponentProps<'li'>) {\n return <li className={cn('flex items-center gap-2', className)} {...props} />\n}\n\nBreadcrumbItem.displayName = 'Breadcrumb.Item'\n\ntype BreadcrumbLinkProps<T extends ElementType = 'a'> = {\n as?: T\n className?: string\n} & Omit<ComponentProps<T>, 'as' | 'className'>\n\nfunction BreadcrumbLink<T extends ElementType = 'a'>({\n as,\n className,\n ...props\n}: BreadcrumbLinkProps<T>) {\n const Component = as || 'a'\n return (\n <Component\n className={cn(\n 'text-subtle transition-colors hover:text-normal',\n className\n )}\n {...props}\n />\n )\n}\n\nBreadcrumbLink.displayName = 'Breadcrumb.Link'\n\ninterface BreadcrumbSeparatorProps extends ComponentProps<'span'> {\n children?: React.ReactNode\n}\n\nfunction BreadcrumbSeparator({\n className,\n children = '/',\n ...props\n}: BreadcrumbSeparatorProps) {\n return (\n <span\n role='presentation'\n className={cn('text-subtler', className)}\n {...props}\n >\n {children}\n </span>\n )\n}\n\nBreadcrumbSeparator.displayName = 'Breadcrumb.Separator'\n\nfunction BreadcrumbCurrent({ className, ...props }: ComponentProps<'span'>) {\n return (\n <span\n aria-current='page'\n className={cn('font-medium text-normal', className)}\n {...props}\n />\n )\n}\n\nBreadcrumbCurrent.displayName = 'Breadcrumb.Current'\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n List: BreadcrumbList,\n Item: BreadcrumbItem,\n Link: BreadcrumbLink,\n Separator: BreadcrumbSeparator,\n Current: BreadcrumbCurrent\n})\n\nexport type { BreadcrumbSeparatorProps }\n"],"mappings":"sFAIA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgC,CACtE,OAAO,EAAC,MAAD,CAAK,aAAW,aAAwB,YAAW,GAAI,EAAS,CAAA,CAGzE,EAAe,YAAc,aAE7B,SAAS,EAAe,CAAE,YAAW,GAAG,GAA+B,CACrE,OACE,EAAC,KAAD,CACE,UAAW,EAAG,kCAAmC,EAAU,CAC3D,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAE7B,SAAS,EAAe,CAAE,YAAW,GAAG,GAA+B,CACrE,OAAO,EAAC,KAAD,CAAI,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,EAAS,CAAA,CAG/E,EAAe,YAAc,kBAO7B,SAAS,EAA4C,CACnD,KACA,YACA,GAAG,GACsB,CAEzB,OACE,EAFgB,GAAM,IAEtB,CACE,UAAW,EACT,kDACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAM7B,SAAS,EAAoB,CAC3B,YACA,WAAW,IACX,GAAG,GACwB,CAC3B,OACE,EAAC,OAAD,CACE,KAAK,eACL,UAAW,EAAG,eAAgB,EAAU,CACxC,GAAI,EAEH,WACI,CAAA,CAIX,EAAoB,YAAc,uBAElC,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OACE,EAAC,OAAD,CACE,eAAa,OACb,UAAW,EAAG,0BAA2B,EAAU,CACnD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc,qBAEhC,MAAa,EAAa,OAAO,OAAO,EAAgB,CACtD,KAAM,EACN,KAAM,EACN,KAAM,EACN,UAAW,EACX,QAAS,EACV,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{t as e}from"./variants-DTAwzBl3.js";import{Button as t}from"@base-ui/react/button";import{cva as n}from"class-variance-authority";import{cn as r}from"@oztix/roadie-core/utils";import{jsx as i}from"react/jsx-runtime";const a=n(`btn is-interactive`,{variants:{intent:e,emphasis:{strong:`emphasis-strong`,normal:`emphasis-normal`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler`},size:{xs:`btn-xs`,sm:`btn-sm`,md:`btn-md`,lg:`btn-lg`,"icon-xs":`btn-icon-xs`,"icon-sm":`btn-icon-sm`,"icon-md":`btn-icon-md`,"icon-lg":`btn-icon-lg`}},defaultVariants:{emphasis:`normal`,size:`md`}});function o({className:e,intent:n,emphasis:o,size:s,...c}){return i(t,{nativeButton:!c.render,className:r(a({intent:n,emphasis:o,size:s,className:e})),...c})}o.displayName=`Button`;export{a as n,o as t};
|
|
2
|
+
//# sourceMappingURL=Button-CDQ6ik0P.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button-CDQ6ik0P.js","names":["Button","ButtonPrimitive"],"sources":["../src/components/Button/Button.tsx"],"sourcesContent":["'use client'\n\nimport type { RefAttributes } from 'react'\n\nimport { Button as ButtonPrimitive } from '@base-ui/react/button'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const buttonVariants = cva('btn is-interactive', {\n variants: {\n intent: intentVariants,\n emphasis: {\n strong: 'emphasis-strong',\n normal: 'emphasis-normal',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler'\n },\n size: {\n xs: 'btn-xs',\n sm: 'btn-sm',\n md: 'btn-md',\n lg: 'btn-lg',\n 'icon-xs': 'btn-icon-xs',\n 'icon-sm': 'btn-icon-sm',\n 'icon-md': 'btn-icon-md',\n 'icon-lg': 'btn-icon-lg'\n }\n },\n defaultVariants: {\n emphasis: 'normal',\n size: 'md'\n }\n})\n\nexport type ButtonProps = ButtonPrimitive.Props &\n RefAttributes<HTMLElement> &\n VariantProps<typeof buttonVariants>\n\nexport function Button({\n className,\n intent,\n emphasis,\n size,\n ...props\n}: ButtonProps) {\n return (\n <ButtonPrimitive\n nativeButton={!props.render}\n className={cn(buttonVariants({ intent, emphasis, size, className }))}\n {...props}\n />\n )\n}\n\nButton.displayName = 'Button'\n"],"mappings":"+NAWA,MAAa,EAAiB,EAAI,qBAAsB,CACtD,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,mBACV,CACD,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,UAAW,cACX,UAAW,cACX,UAAW,cACX,UAAW,cACZ,CACF,CACD,gBAAiB,CACf,SAAU,SACV,KAAM,KACP,CACF,CAAC,CAMF,SAAgBA,EAAO,CACrB,YACA,SACA,WACA,OACA,GAAG,GACW,CACd,OACE,EAACC,EAAD,CACE,aAAc,CAAC,EAAM,OACrB,UAAW,EAAG,EAAe,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAAC,CACpE,GAAI,EACJ,CAAA,CAIN,EAAO,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button-DdE0vCfo.js","names":[],"sources":["../src/components/Button/IconButton.tsx"],"sourcesContent":["'use client'\n\nimport { Button, type ButtonProps } from './Button'\n\nexport type IconButtonProps = Omit<ButtonProps, 'aria-label'> & {\n 'aria-label': string\n}\n\nexport function IconButton({ size = 'icon-md', ...props }: IconButtonProps) {\n return <Button size={size} {...props} />\n}\n\nIconButton.displayName = 'IconButton'\n"],"mappings":"iFAQA,SAAgB,EAAW,CAAE,OAAO,UAAW,GAAG,GAA0B,CAC1E,OAAO,EAAC,EAAD,CAAc,OAAM,GAAI,EAAS,CAAA,CAG1C,EAAW,YAAc"}
|