@oztix/roadie-components 2.0.2 → 2.1.1
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 +6 -8
- package/dist/Accordion.d.ts.map +1 -1
- package/dist/Accordion.js +1 -1
- package/dist/Accordion.js.map +1 -1
- package/dist/Autocomplete.d.ts +24 -23
- package/dist/Autocomplete.d.ts.map +1 -1
- package/dist/Autocomplete.js +1 -1
- package/dist/Autocomplete.js.map +1 -1
- package/dist/Badge.d.ts +1 -1
- package/dist/Breadcrumb.d.ts +12 -14
- package/dist/Breadcrumb.d.ts.map +1 -1
- package/dist/Breadcrumb.js +1 -1
- package/dist/Breadcrumb.js.map +1 -1
- package/dist/Button.d.ts +2 -3
- package/dist/Button.js +1 -1
- package/dist/Card.d.ts +9 -11
- package/dist/Card.d.ts.map +1 -1
- package/dist/Card.js +1 -1
- package/dist/Card.js.map +1 -1
- package/dist/Carousel.d.ts +257 -0
- package/dist/Carousel.d.ts.map +1 -0
- package/dist/Carousel.js +2 -0
- package/dist/Carousel.js.map +1 -0
- package/dist/Code.d.ts +1 -1
- package/dist/Combobox.d.ts +25 -24
- package/dist/Combobox.d.ts.map +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/Combobox.js.map +1 -1
- package/dist/Field.d.ts +14 -17
- package/dist/Field.d.ts.map +1 -1
- package/dist/Field.js +1 -1
- package/dist/Field.js.map +1 -1
- package/dist/Fieldset.d.ts +11 -14
- package/dist/Fieldset.d.ts.map +1 -1
- package/dist/Fieldset.js +1 -1
- package/dist/Fieldset.js.map +1 -1
- package/dist/{Button-DdE0vCfo.js → IconButton-0UdUDm0O.js} +1 -1
- package/dist/IconButton-0UdUDm0O.js.map +1 -0
- package/dist/{Button-Dt1TGgrL.d.ts → IconButton-BajbaUJ_.d.ts} +15 -3
- package/dist/IconButton-BajbaUJ_.d.ts.map +1 -0
- package/dist/LinkButton-9nnOzX_0.js.map +1 -1
- package/dist/LinkButton.d.ts +1 -1
- package/dist/RadioGroup.d.ts +14 -17
- package/dist/RadioGroup.d.ts.map +1 -1
- package/dist/RadioGroup.js +1 -1
- package/dist/RadioGroup.js.map +1 -1
- package/dist/Select.d.ts +30 -29
- package/dist/Select.d.ts.map +1 -1
- package/dist/Select.js +1 -1
- package/dist/Select.js.map +1 -1
- package/dist/Separator.d.ts +1 -1
- package/dist/Steps.d.ts +24 -26
- package/dist/Steps.d.ts.map +1 -1
- package/dist/Steps.js +1 -1
- package/dist/Steps.js.map +1 -1
- package/dist/{index-0w-ydb3o.d.ts → index-4M9XZOF1.d.ts} +25 -7
- package/dist/index-4M9XZOF1.d.ts.map +1 -0
- package/dist/index.d.ts +4 -4
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +23 -3
- package/dist/Button-DdE0vCfo.js.map +0 -1
- package/dist/Button-Dt1TGgrL.d.ts.map +0 -1
- package/dist/index-0w-ydb3o.d.ts.map +0 -1
- package/dist/index-C3_4djmE.d.ts +0 -17
- package/dist/index-C3_4djmE.d.ts.map +0 -1
package/dist/Accordion.d.ts
CHANGED
|
@@ -12,15 +12,18 @@ declare const accordionVariants: (props?: ({
|
|
|
12
12
|
interface AccordionProps extends ComponentProps<'div'>, VariantProps<typeof accordionVariants> {
|
|
13
13
|
type?: AccordionType;
|
|
14
14
|
}
|
|
15
|
-
declare function
|
|
15
|
+
declare function Accordion({
|
|
16
16
|
type,
|
|
17
17
|
intent,
|
|
18
18
|
emphasis,
|
|
19
19
|
className,
|
|
20
20
|
...props
|
|
21
21
|
}: AccordionProps): _$react_jsx_runtime0.JSX.Element;
|
|
22
|
-
declare namespace
|
|
22
|
+
declare namespace Accordion {
|
|
23
23
|
var displayName: string;
|
|
24
|
+
var Item: typeof AccordionItem;
|
|
25
|
+
var Trigger: typeof AccordionTrigger;
|
|
26
|
+
var Content: typeof AccordionContent;
|
|
24
27
|
}
|
|
25
28
|
type AccordionItemProps = ComponentProps<'details'>;
|
|
26
29
|
declare function AccordionItem({
|
|
@@ -48,11 +51,6 @@ declare function AccordionContent({
|
|
|
48
51
|
declare namespace AccordionContent {
|
|
49
52
|
var displayName: string;
|
|
50
53
|
}
|
|
51
|
-
declare const Accordion: typeof AccordionRoot & {
|
|
52
|
-
Item: typeof AccordionItem;
|
|
53
|
-
Trigger: typeof AccordionTrigger;
|
|
54
|
-
Content: typeof AccordionContent;
|
|
55
|
-
};
|
|
56
54
|
//#endregion
|
|
57
|
-
export { Accordion, AccordionProps, accordionVariants };
|
|
55
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, accordionVariants };
|
|
58
56
|
//# sourceMappingURL=Accordion.d.ts.map
|
package/dist/Accordion.d.ts.map
CHANGED
|
@@ -1 +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,
|
|
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,iBAGO,SAAA,CAAA;EACd,IAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAND,SAAA;EAAA;;;;;KA2BJ,kBAAA,GAAqB,cAAA;AAAA,iBAEjB,aAAA,CAAA;EACd,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJL,aAAA;EAAA,IAAa,WAAA;AAAA;AAAA,iBAyBb,gBAAA,CAAA;EACd,SAAA;EACA,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,cAAyB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBALZ,gBAAA;EAAA,IAAgB,WAAA;AAAA;AAAA,iBAwDhB,gBAAA,CAAA;EACd,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJR,gBAAA;EAAA,IAAgB,WAAA;AAAA"}
|
package/dist/Accordion.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
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
|
|
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`,m.Item=h,m.Trigger=g,m.Content=_;export{m as Accordion,_ as AccordionContent,h as AccordionItem,g as AccordionTrigger,f as accordionVariants};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
package/dist/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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\
|
|
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\nexport function Accordion({\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\nAccordion.displayName = 'Accordion'\n\nexport type AccordionItemProps = ComponentProps<'details'>\n\nexport function AccordionItem({\n className,\n children,\n ...props\n}: 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\nexport function 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\nexport function 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\nAccordion.Item = AccordionItem\nAccordion.Trigger = AccordionTrigger\nAccordion.Content = AccordionContent\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,SAAgB,EAAU,CACxB,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,EAAU,YAAc,YAIxB,SAAgB,EAAc,CAC5B,YACA,WACA,GAAG,GACkB,CACrB,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,SAAgB,EAAiB,CAC/B,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,SAAgB,EAAiB,CAC/B,YACA,WACA,GAAG,GACqB,CACxB,OACE,EAAC,MAAD,CACE,UAAW,EAAG,yCAA0C,EAAU,CAClE,GAAI,EAEH,WACG,CAAA,CAIV,EAAiB,YAAc,oBAE/B,EAAU,KAAO,EACjB,EAAU,QAAU,EACpB,EAAU,QAAU"}
|
package/dist/Autocomplete.d.ts
CHANGED
|
@@ -12,10 +12,29 @@ declare const autocompleteInputGroupVariants: (props?: ({
|
|
|
12
12
|
emphasis?: "normal" | "subtle" | null | undefined;
|
|
13
13
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
14
14
|
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
15
|
-
type
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
type AutocompleteProps = Autocomplete$1.Root.Props<unknown>;
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated Use `AutocompleteProps` instead.
|
|
18
|
+
*/
|
|
19
|
+
type AutocompleteRootProps = AutocompleteProps;
|
|
20
|
+
declare function Autocomplete(props: AutocompleteProps): _$react_jsx_runtime0.JSX.Element;
|
|
21
|
+
declare namespace Autocomplete {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
var Value: typeof AutocompleteValue;
|
|
24
|
+
var InputGroup: typeof AutocompleteInputGroup;
|
|
25
|
+
var Input: typeof AutocompleteInput;
|
|
26
|
+
var Trigger: typeof AutocompleteTrigger;
|
|
27
|
+
var Clear: typeof AutocompleteClear;
|
|
28
|
+
var Portal: typeof AutocompletePortal;
|
|
29
|
+
var Positioner: typeof AutocompletePositioner;
|
|
30
|
+
var Popup: typeof AutocompletePopup;
|
|
31
|
+
var List: typeof AutocompleteList;
|
|
32
|
+
var Item: typeof AutocompleteItem;
|
|
33
|
+
var Collection: typeof AutocompleteCollection;
|
|
34
|
+
var Group: typeof AutocompleteGroup;
|
|
35
|
+
var GroupLabel: typeof AutocompleteGroupLabel;
|
|
36
|
+
var Empty: typeof AutocompleteEmpty;
|
|
37
|
+
var Status: typeof AutocompleteStatus;
|
|
19
38
|
}
|
|
20
39
|
type AutocompleteValueProps = Autocomplete$1.Value.Props;
|
|
21
40
|
declare function AutocompleteValue(props: AutocompleteValueProps): _$react_jsx_runtime0.JSX.Element;
|
|
@@ -133,24 +152,6 @@ declare function AutocompleteStatus({
|
|
|
133
152
|
declare namespace AutocompleteStatus {
|
|
134
153
|
var displayName: string;
|
|
135
154
|
}
|
|
136
|
-
declare const Autocomplete: typeof AutocompleteRoot & {
|
|
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;
|
|
152
|
-
};
|
|
153
|
-
type AutocompleteProps = AutocompleteRootProps;
|
|
154
155
|
//#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,
|
|
156
|
+
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, AutocompleteRootProps, AutocompleteStatus, AutocompleteStatusProps, AutocompleteTrigger, AutocompleteTriggerProps, AutocompleteValue, AutocompleteValueProps, type AutocompleteFilter as Filter, type AutocompleteFilterOptions as FilterOptions, autocompleteInputGroupVariants, useFilter, useFilteredItems };
|
|
156
157
|
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","names":[],"sources":["../src/components/Autocomplete/index.tsx"],"mappings":";;;;;;;cAiBa,SAAA,GAAS,OAAA,GAAA,yBAAA,KAAA,kBAAA;AAAA,cACT,gBAAA,SAAgB,cAAA,CAAA,gBAAA;AAAA,cAQhB,8BAAA,GAA8B,KAAA;;;;IAsB1C,iCAAA,CAAA,SAAA;AAAA,KAIW,
|
|
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,2 +1,2 @@
|
|
|
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
|
|
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`,d.Value=f,d.InputGroup=p,d.Input=m,d.Trigger=h,d.Clear=g,d.Portal=_,d.Positioner=v,d.Popup=y,d.List=b,d.Item=x,d.Collection=S,d.Group=C,d.GroupLabel=w,d.Empty=T,d.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,E as AutocompleteStatus,h as AutocompleteTrigger,f as AutocompleteValue,u as autocompleteInputGroupVariants,c as useFilter,l as useFilteredItems};
|
|
2
2
|
//# sourceMappingURL=Autocomplete.js.map
|
package/dist/Autocomplete.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
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 AutocompleteProps = AutocompletePrimitive.Root.Props<unknown>\n\n/**\n * @deprecated Use `AutocompleteProps` instead.\n */\nexport type AutocompleteRootProps = AutocompleteProps\n\nexport function Autocomplete(props: AutocompleteProps) {\n return <AutocompletePrimitive.Root {...props} />\n}\n\nAutocomplete.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\nAutocomplete.Value = AutocompleteValue\nAutocomplete.InputGroup = AutocompleteInputGroup\nAutocomplete.Input = AutocompleteInput\nAutocomplete.Trigger = AutocompleteTrigger\nAutocomplete.Clear = AutocompleteClear\nAutocomplete.Portal = AutocompletePortal\nAutocomplete.Positioner = AutocompletePositioner\nAutocomplete.Popup = AutocompletePopup\nAutocomplete.List = AutocompleteList\nAutocomplete.Item = AutocompleteItem\nAutocomplete.Collection = AutocompleteCollection\nAutocomplete.Group = AutocompleteGroup\nAutocomplete.GroupLabel = AutocompleteGroupLabel\nAutocomplete.Empty = AutocompleteEmpty\nAutocomplete.Status = AutocompleteStatus\n"],"mappings":"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"}
|
package/dist/Badge.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
|
|
|
6
6
|
//#region src/components/Badge/index.d.ts
|
|
7
7
|
declare const badgeVariants: (props?: ({
|
|
8
8
|
intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
|
|
9
|
-
emphasis?: "normal" | "
|
|
9
|
+
emphasis?: "normal" | "subtle" | "subtler" | "strong" | null | undefined;
|
|
10
10
|
size?: "sm" | "md" | null | undefined;
|
|
11
11
|
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
12
12
|
interface BadgeProps extends ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
|
package/dist/Breadcrumb.d.ts
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import { ComponentProps, ElementType } from "react";
|
|
2
|
+
import { ComponentProps, ElementType, ReactNode } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Breadcrumb/index.d.ts
|
|
5
|
-
declare function
|
|
5
|
+
declare function Breadcrumb({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
8
|
}: ComponentProps<'nav'>): _$react_jsx_runtime0.JSX.Element;
|
|
9
|
-
declare namespace
|
|
9
|
+
declare namespace Breadcrumb {
|
|
10
10
|
var displayName: string;
|
|
11
|
+
var List: typeof BreadcrumbList;
|
|
12
|
+
var Item: typeof BreadcrumbItem;
|
|
13
|
+
var Link: typeof BreadcrumbLink;
|
|
14
|
+
var Separator: typeof BreadcrumbSeparator;
|
|
15
|
+
var Current: typeof BreadcrumbCurrent;
|
|
11
16
|
}
|
|
12
17
|
declare function BreadcrumbList({
|
|
13
18
|
className,
|
|
@@ -35,9 +40,9 @@ declare function BreadcrumbLink<T extends ElementType = 'a'>({
|
|
|
35
40
|
declare namespace BreadcrumbLink {
|
|
36
41
|
var displayName: string;
|
|
37
42
|
}
|
|
38
|
-
|
|
39
|
-
children?:
|
|
40
|
-
}
|
|
43
|
+
type BreadcrumbSeparatorProps = ComponentProps<'span'> & {
|
|
44
|
+
children?: ReactNode;
|
|
45
|
+
};
|
|
41
46
|
declare function BreadcrumbSeparator({
|
|
42
47
|
className,
|
|
43
48
|
children,
|
|
@@ -53,13 +58,6 @@ declare function BreadcrumbCurrent({
|
|
|
53
58
|
declare namespace BreadcrumbCurrent {
|
|
54
59
|
var displayName: string;
|
|
55
60
|
}
|
|
56
|
-
declare const Breadcrumb: typeof BreadcrumbRoot & {
|
|
57
|
-
List: typeof BreadcrumbList;
|
|
58
|
-
Item: typeof BreadcrumbItem;
|
|
59
|
-
Link: typeof BreadcrumbLink;
|
|
60
|
-
Separator: typeof BreadcrumbSeparator;
|
|
61
|
-
Current: typeof BreadcrumbCurrent;
|
|
62
|
-
};
|
|
63
61
|
//#endregion
|
|
64
|
-
export { Breadcrumb,
|
|
62
|
+
export { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbSeparator, BreadcrumbSeparatorProps };
|
|
65
63
|
//# sourceMappingURL=Breadcrumb.d.ts.map
|
package/dist/Breadcrumb.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.d.ts","names":[],"sources":["../src/components/Breadcrumb/index.tsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","names":[],"sources":["../src/components/Breadcrumb/index.tsx"],"mappings":";;;;iBAIgB,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA;;;;;;;iBAMA,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;EACxC,EAAA,GAAK,CAAA;EACL,SAAA;AAAA,IACE,IAAA,CAAK,cAAA,CAAe,CAAA;AAAA,iBAER,cAAA,WAAyB,WAAA,OAAA,CAAA;EACvC,EAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,mBAAA,CAAoB,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJT,cAAA;EAAA,IAAc,WAAA;AAAA;AAAA,KAmBlB,wBAAA,GAA2B,cAAA;EACrC,QAAA,GAAW,SAAA;AAAA;AAAA,iBAGG,mBAAA,CAAA;EACd,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAJX,mBAAA;EAAA,IAAmB,WAAA;AAAA;AAAA,iBAkBnB,iBAAA,CAAA;EACd,SAAA;EAAA,GACG;AAAA,GACF,cAAA,WAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHT,iBAAA;EAAA,IAAiB,WAAA;AAAA"}
|
package/dist/Breadcrumb.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
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
|
|
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`,n.List=r,n.Item=i,n.Link=a,n.Separator=o,n.Current=s;export{n as Breadcrumb,s as BreadcrumbCurrent,i as BreadcrumbItem,a as BreadcrumbLink,r as BreadcrumbList,o as BreadcrumbSeparator};
|
|
2
2
|
//# sourceMappingURL=Breadcrumb.js.map
|
package/dist/Breadcrumb.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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\
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","names":[],"sources":["../src/components/Breadcrumb/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType, ReactNode } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nexport function Breadcrumb({ className, ...props }: ComponentProps<'nav'>) {\n return <nav aria-label='Breadcrumb' className={className} {...props} />\n}\n\nBreadcrumb.displayName = 'Breadcrumb'\n\nexport function 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\nexport function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>) {\n return <li className={cn('flex items-center gap-2', className)} {...props} />\n}\n\nBreadcrumbItem.displayName = 'Breadcrumb.Item'\n\nexport type BreadcrumbLinkProps<T extends ElementType = 'a'> = {\n as?: T\n className?: string\n} & Omit<ComponentProps<T>, 'as' | 'className'>\n\nexport function 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\nexport type BreadcrumbSeparatorProps = ComponentProps<'span'> & {\n children?: ReactNode\n}\n\nexport function 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\nexport function BreadcrumbCurrent({\n className,\n ...props\n}: 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\nBreadcrumb.List = BreadcrumbList\nBreadcrumb.Item = BreadcrumbItem\nBreadcrumb.Link = BreadcrumbLink\nBreadcrumb.Separator = BreadcrumbSeparator\nBreadcrumb.Current = BreadcrumbCurrent\n"],"mappings":"sFAIA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAgC,CACzE,OAAO,EAAC,MAAD,CAAK,aAAW,aAAwB,YAAW,GAAI,EAAS,CAAA,CAGzE,EAAW,YAAc,aAEzB,SAAgB,EAAe,CAAE,YAAW,GAAG,GAA+B,CAC5E,OACE,EAAC,KAAD,CACE,UAAW,EAAG,kCAAmC,EAAU,CAC3D,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAE7B,SAAgB,EAAe,CAAE,YAAW,GAAG,GAA+B,CAC5E,OAAO,EAAC,KAAD,CAAI,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,EAAS,CAAA,CAG/E,EAAe,YAAc,kBAO7B,SAAgB,EAA4C,CAC1D,KACA,YACA,GAAG,GACsB,CAEzB,OACE,EAFgB,GAAM,IAEtB,CACE,UAAW,EACT,kDACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc,kBAM7B,SAAgB,EAAoB,CAClC,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,SAAgB,EAAkB,CAChC,YACA,GAAG,GACsB,CACzB,OACE,EAAC,OAAD,CACE,eAAa,OACb,UAAW,EAAG,0BAA2B,EAAU,CACnD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc,qBAEhC,EAAW,KAAO,EAClB,EAAW,KAAO,EAClB,EAAW,KAAO,EAClB,EAAW,UAAY,EACvB,EAAW,QAAU"}
|
package/dist/Button.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export { Button, ButtonProps, IconButton, IconButtonProps, buttonVariants };
|
|
1
|
+
import { a as buttonVariants, i as ButtonProps, n as IconButtonProps, r as Button, t as IconButton } from "./IconButton-BajbaUJ_.js";
|
|
2
|
+
export { Button, type ButtonProps, IconButton, type IconButtonProps, buttonVariants };
|
package/dist/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./
|
|
1
|
+
import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./IconButton-0UdUDm0O.js";export{t as Button,n as IconButton,e as buttonVariants};
|
package/dist/Card.d.ts
CHANGED
|
@@ -12,15 +12,21 @@ type CardOwnProps<T extends ElementType = 'div'> = {
|
|
|
12
12
|
as?: T;
|
|
13
13
|
} & VariantProps<typeof cardVariants>;
|
|
14
14
|
type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> & Omit<ComponentProps<T>, keyof CardOwnProps<T>>;
|
|
15
|
-
declare function
|
|
15
|
+
declare function Card<T extends ElementType = 'div'>({
|
|
16
16
|
as,
|
|
17
17
|
className,
|
|
18
18
|
intent,
|
|
19
19
|
emphasis,
|
|
20
20
|
...props
|
|
21
21
|
}: CardProps<T>): _$react_jsx_runtime0.JSX.Element;
|
|
22
|
-
declare namespace
|
|
22
|
+
declare namespace Card {
|
|
23
23
|
var displayName: string;
|
|
24
|
+
var Header: typeof CardHeader;
|
|
25
|
+
var Content: typeof CardContent;
|
|
26
|
+
var Footer: typeof CardFooter;
|
|
27
|
+
var Image: typeof CardImage;
|
|
28
|
+
var Title: typeof CardTitle;
|
|
29
|
+
var Description: typeof CardDescription;
|
|
24
30
|
}
|
|
25
31
|
declare function CardHeader({
|
|
26
32
|
className,
|
|
@@ -64,14 +70,6 @@ declare function CardDescription({
|
|
|
64
70
|
declare namespace CardDescription {
|
|
65
71
|
var displayName: string;
|
|
66
72
|
}
|
|
67
|
-
declare const Card: typeof CardRoot & {
|
|
68
|
-
Header: typeof CardHeader;
|
|
69
|
-
Content: typeof CardContent;
|
|
70
|
-
Footer: typeof CardFooter;
|
|
71
|
-
Image: typeof CardImage;
|
|
72
|
-
Title: typeof CardTitle;
|
|
73
|
-
Description: typeof CardDescription;
|
|
74
|
-
};
|
|
75
73
|
//#endregion
|
|
76
|
-
export { Card, CardProps, cardVariants };
|
|
74
|
+
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardProps, CardTitle, cardVariants };
|
|
77
75
|
//# sourceMappingURL=Card.d.ts.map
|
package/dist/Card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","names":[],"sources":["../src/components/Card/index.tsx"],"mappings":";;;;;;cAQa,YAAA,GAAY,KAAA;;;IAavB,iCAAA,CAAA,SAAA;AAAA,KAEG,YAAA,WAAuB,WAAA;EAC1B,EAAA,GAAK,CAAA;AAAA,IACH,YAAA,QAAoB,YAAA;AAAA,KAEZ,SAAA,WAAoB,WAAA,YAAuB,YAAA,CAAa,CAAA,IAClE,IAAA,CAAK,cAAA,CAAe,CAAA,SAAU,YAAA,CAAa,CAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","names":[],"sources":["../src/components/Card/index.tsx"],"mappings":";;;;;;cAQa,YAAA,GAAY,KAAA;;;IAavB,iCAAA,CAAA,SAAA;AAAA,KAEG,YAAA,WAAuB,WAAA;EAC1B,EAAA,GAAK,CAAA;AAAA,IACH,YAAA,QAAoB,YAAA;AAAA,KAEZ,SAAA,WAAoB,WAAA,YAAuB,YAAA,CAAa,CAAA,IAClE,IAAA,CAAK,cAAA,CAAe,CAAA,SAAU,YAAA,CAAa,CAAA;AAAA,iBAE7B,IAAA,WAAe,WAAA,SAAA,CAAA;EAC7B,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,SAAA,CAAU,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANC,IAAA;EAAA;;;;;;;;iBAwBA,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA1D,WAAA;EAAA,IAAW,WAAA;AAAA;AAAA,iBAcX,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,SAAA,CAAA;EACd,SAAA;EAAA,GACG;AAAA,GACF,iBAAA,CAAkB,gBAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAHtB,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAmBT,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,SAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAvD,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAQT,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5D,eAAA;EAAA,IAAe,WAAA;AAAA"}
|
package/dist/Card.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`grid content-start rounded-xl group/card`,{variants:{intent:e,emphasis:{raised:`emphasis-raised`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler p-2 gap-4 -m-2`,normal:`emphasis-normal`}},defaultVariants:{emphasis:`normal`}});function a({as:e,className:t,intent:a,emphasis:o,...s}){let c=s,l=!!c.href||!!c.onClick;return r(e||(c.href?`a`:`div`),{className:n(i({intent:a,emphasis:o}),l&&`is-interactive`,t),...s})}a.displayName=`Card`;function o({className:e,...t}){return r(`div`,{className:n(`grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0`,e),...t})}o.displayName=`Card.Header`;function s({className:e,...t}){return r(`div`,{className:n(`px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0`,e),...t})}s.displayName=`Card.Content`;function c({className:e,...t}){return r(`div`,{className:n(`flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0`,e),...t})}c.displayName=`Card.Footer`;function l({className:e,...t}){return r(`div`,{className:`overflow-hidden rounded-xl`,children:r(`img`,{className:n(`aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105`,e),...t})})}l.displayName=`Card.Image`;function u({className:e,...t}){return r(`h3`,{className:n(`text-display-ui-6 text-strong`,e),...t})}u.displayName=`Card.Title`;function d({className:e,...t}){return r(`p`,{className:n(`text-sm text-subtle`,e),...t})}d.displayName=`Card.Description
|
|
1
|
+
import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`grid content-start rounded-xl group/card`,{variants:{intent:e,emphasis:{raised:`emphasis-raised`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler p-2 gap-4 -m-2`,normal:`emphasis-normal`}},defaultVariants:{emphasis:`normal`}});function a({as:e,className:t,intent:a,emphasis:o,...s}){let c=s,l=!!c.href||!!c.onClick;return r(e||(c.href?`a`:`div`),{className:n(i({intent:a,emphasis:o}),l&&`is-interactive`,t),...s})}a.displayName=`Card`;function o({className:e,...t}){return r(`div`,{className:n(`grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0`,e),...t})}o.displayName=`Card.Header`;function s({className:e,...t}){return r(`div`,{className:n(`px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0`,e),...t})}s.displayName=`Card.Content`;function c({className:e,...t}){return r(`div`,{className:n(`flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0`,e),...t})}c.displayName=`Card.Footer`;function l({className:e,...t}){return r(`div`,{className:`overflow-hidden rounded-xl`,children:r(`img`,{className:n(`aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105`,e),...t})})}l.displayName=`Card.Image`;function u({className:e,...t}){return r(`h3`,{className:n(`text-display-ui-6 text-strong`,e),...t})}u.displayName=`Card.Title`;function d({className:e,...t}){return r(`p`,{className:n(`text-sm text-subtle`,e),...t})}d.displayName=`Card.Description`,a.Header=o,a.Content=s,a.Footer=c,a.Image=l,a.Title=u,a.Description=d;export{a as Card,s as CardContent,d as CardDescription,c as CardFooter,o as CardHeader,l as CardImage,u as CardTitle,i as cardVariants};
|
|
2
2
|
//# sourceMappingURL=Card.js.map
|
package/dist/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":[],"sources":["../src/components/Card/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType, ImgHTMLAttributes } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const cardVariants = cva('grid content-start rounded-xl group/card', {\n variants: {\n intent: intentVariants,\n emphasis: {\n raised: 'emphasis-raised',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler p-2 gap-4 -m-2',\n normal: 'emphasis-normal'\n }\n },\n defaultVariants: {\n emphasis: 'normal'\n }\n})\n\ntype CardOwnProps<T extends ElementType = 'div'> = {\n as?: T\n} & VariantProps<typeof cardVariants>\n\nexport type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> &\n Omit<ComponentProps<T>, keyof CardOwnProps<T>>\n\
|
|
1
|
+
{"version":3,"file":"Card.js","names":[],"sources":["../src/components/Card/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType, ImgHTMLAttributes } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const cardVariants = cva('grid content-start rounded-xl group/card', {\n variants: {\n intent: intentVariants,\n emphasis: {\n raised: 'emphasis-raised',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler p-2 gap-4 -m-2',\n normal: 'emphasis-normal'\n }\n },\n defaultVariants: {\n emphasis: 'normal'\n }\n})\n\ntype CardOwnProps<T extends ElementType = 'div'> = {\n as?: T\n} & VariantProps<typeof cardVariants>\n\nexport type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> &\n Omit<ComponentProps<T>, keyof CardOwnProps<T>>\n\nexport function Card<T extends ElementType = 'div'>({\n as,\n className,\n intent,\n emphasis,\n ...props\n}: CardProps<T>) {\n const rest = props as Record<string, unknown>\n const isInteractive = !!rest.href || !!rest.onClick\n const Component = as || (rest.href ? 'a' : 'div')\n return (\n <Component\n className={cn(\n cardVariants({ intent, emphasis }),\n isInteractive && 'is-interactive',\n className\n )}\n {...props}\n />\n )\n}\n\nCard.displayName = 'Card'\n\nexport function CardHeader({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardHeader.displayName = 'Card.Header'\n\nexport function CardContent({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardContent.displayName = 'Card.Content'\n\nexport function CardFooter({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardFooter.displayName = 'Card.Footer'\n\nexport function CardImage({\n className,\n ...props\n}: ImgHTMLAttributes<HTMLImageElement>) {\n return (\n <div className='overflow-hidden rounded-xl'>\n <img\n className={cn(\n 'aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105',\n className\n )}\n {...props}\n />\n </div>\n )\n}\n\nCardImage.displayName = 'Card.Image'\n\nexport function CardTitle({ className, ...props }: ComponentProps<'h3'>) {\n return (\n <h3 className={cn('text-display-ui-6 text-strong', className)} {...props} />\n )\n}\n\nCardTitle.displayName = 'Card.Title'\n\nexport function CardDescription({ className, ...props }: ComponentProps<'p'>) {\n return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nCardDescription.displayName = 'Card.Description'\n\nCard.Header = CardHeader\nCard.Content = CardContent\nCard.Footer = CardFooter\nCard.Image = CardImage\nCard.Title = CardTitle\nCard.Description = CardDescription\n"],"mappings":"gLAQA,MAAa,EAAe,EAAI,2CAA4C,CAC1E,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,kCACT,OAAQ,kBACT,CACF,CACD,gBAAiB,CACf,SAAU,SACX,CACF,CAAC,CASF,SAAgB,EAAoC,CAClD,KACA,YACA,SACA,WACA,GAAG,GACY,CACf,IAAM,EAAO,EACP,EAAgB,CAAC,CAAC,EAAK,MAAQ,CAAC,CAAC,EAAK,QAE5C,OACE,EAFgB,IAAO,EAAK,KAAO,IAAM,OAEzC,CACE,UAAW,EACT,EAAa,CAAE,SAAQ,WAAU,CAAC,CAClC,GAAiB,iBACjB,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc,OAEnB,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAgC,CACzE,OACE,EAAC,MAAD,CACE,UAAW,EACT,iGACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAgB,EAAY,CAAE,YAAW,GAAG,GAAgC,CAC1E,OACE,EAAC,MAAD,CACE,UAAW,EACT,oFACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc,eAE1B,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAgC,CACzE,OACE,EAAC,MAAD,CACE,UAAW,EACT,4GACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAgB,EAAU,CACxB,YACA,GAAG,GACmC,CACtC,OACE,EAAC,MAAD,CAAK,UAAU,sCACb,EAAC,MAAD,CACE,UAAW,EACT,8FACA,EACD,CACD,GAAI,EACJ,CAAA,CACE,CAAA,CAIV,EAAU,YAAc,aAExB,SAAgB,EAAU,CAAE,YAAW,GAAG,GAA+B,CACvE,OACE,EAAC,KAAD,CAAI,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,EAAS,CAAA,CAIhF,EAAU,YAAc,aAExB,SAAgB,EAAgB,CAAE,YAAW,GAAG,GAA8B,CAC5E,OAAO,EAAC,IAAD,CAAG,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,EAAS,CAAA,CAG1E,EAAgB,YAAc,mBAE9B,EAAK,OAAS,EACd,EAAK,QAAU,EACf,EAAK,OAAS,EACd,EAAK,MAAQ,EACb,EAAK,MAAQ,EACb,EAAK,YAAc"}
|