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