@cryptlex/web-components 5.3.0-alpha → 5.3.0-alpha02
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as n}from"react/jsx-runtime";import{Tabs as i,composeRenderProps as r,TabList as s,Tab as l,TabPanel as c}from"react-aria-components";import{classNames as o}from"../../utils/primitives.js";import"clsx";function d({className:a
|
|
1
|
+
"use client";import{jsx as n}from"react/jsx-runtime";import{Tabs as i,composeRenderProps as r,TabList as s,Tab as l,TabPanel as c}from"react-aria-components";import{classNames as o}from"../../utils/primitives.js";import"clsx";function d({className:t,...a}){return n(i,{className:r(t,e=>o("group flex flex-col gap-2","data-[orientation=vertical]:flex-row",e)),...a})}function p({className:t,...a}){return n(s,{className:r(t,e=>o("inline-flex items-center border-b text-muted-foreground","data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col",e)),...a})}function x({className:t,...a}){return n(l,{className:r(t,e=>o("btn btn-ghost leading-none text-accent h-input truncate inline-flex items-center px-3 body font-medium transition-all","data-[selected]:bg-primary/20 data-[selected]:text-primary","group-data-[orientation=vertical]:w-full",e)),...a})}function T({className:t,...a}){return n(c,{className:r(t,e=>o("ring-offset-background","focus-ring",e)),...a})}export{x as Tab,p as TabList,T as TabPanel,d as Tabs};
|
|
2
2
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../lib/components/ui/tabs.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../lib/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\nimport {\n Tab as AriaTab,\n TabList as AriaTabList,\n TabListProps as AriaTabListProps,\n TabPanel as AriaTabPanel,\n TabPanelProps as AriaTabPanelProps,\n TabProps as AriaTabProps,\n Tabs as AriaTabs,\n TabsProps as AriaTabsProps,\n composeRenderProps,\n} from \"react-aria-components\"\n\nimport { classNames } from \"lib/utils/primitives\"\n\nexport function Tabs({ className, ...props }: AriaTabsProps) {\n return (\n <AriaTabs\n className={composeRenderProps(className, (className) =>\n classNames(\n \"group flex flex-col gap-2\",\n /* Orientation */\n \"data-[orientation=vertical]:flex-row\",\n className\n )\n )}\n {...props}\n />\n )\n}\n\nexport function TabList<T extends object>({\n className,\n ...props\n}: AriaTabListProps<T>) {\n return (\n <AriaTabList\n className={composeRenderProps(className, (className) =>\n classNames(\n \"inline-flex items-center border-b text-muted-foreground\",\n /* Orientation */\n \"data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col\",\n className\n )\n )}\n {...props}\n />\n )\n}\n\nexport function Tab({ className, ...props }: AriaTabProps) {\n return (\n <AriaTab\n className={composeRenderProps(className, (className) =>\n classNames(\n \"btn btn-ghost leading-none text-accent h-input truncate inline-flex items-center px-3 body font-medium transition-all\",\n /* Selected */\n \"data-[selected]:bg-primary/20 data-[selected]:text-primary\",\n /* Orientation */\n \"group-data-[orientation=vertical]:w-full\",\n className\n )\n )}\n {...props}\n />\n )\n}\n\nexport function TabPanel({ className, ...props }: AriaTabPanelProps) {\n return (\n <AriaTabPanel\n className={composeRenderProps(className, (className) =>\n classNames(\n \"ring-offset-background\",\n /* Focus Visible */\n \"focus-ring\",\n className\n )\n )}\n {...props}\n />\n )\n}"],"names":["Tabs","className","props","jsx","AriaTabs","composeRenderProps","classNames","TabList","AriaTabList","Tab","AriaTab","TabPanel","AriaTabPanel"],"mappings":"kOAeO,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAwB,CAC3D,OACEC,EAACC,EAAA,CACC,UAAWC,EAAmBJ,EAAYA,GACxCK,EACE,4BAEA,uCACAL,CAAA,CACF,EAED,GAAGC,CAAA,CAAA,CAGV,CAEO,SAASK,EAA0B,CACxC,UAAAN,EACA,GAAGC,CACL,EAAwB,CACtB,OACEC,EAACK,EAAA,CACC,UAAWH,EAAmBJ,EAAYA,GACxCK,EACE,0DAEA,0EACAL,CAAA,CACF,EAED,GAAGC,CAAA,CAAA,CAGV,CAEO,SAASO,EAAI,CAAE,UAAAR,EAAW,GAAGC,GAAuB,CACzD,OACEC,EAACO,EAAA,CACC,UAAWL,EAAmBJ,EAAYA,GACxCK,EACE,wHAEA,6DAEA,2CACAL,CAAA,CACF,EAED,GAAGC,CAAA,CAAA,CAGV,CAEO,SAASS,EAAS,CAAE,UAAAV,EAAW,GAAGC,GAA4B,CACnE,OACEC,EAACS,EAAA,CACC,UAAWP,EAAmBJ,EAAYA,GACxCK,EACE,yBAEA,aACAL,CAAA,CACF,EAED,GAAGC,CAAA,CAAA,CAGV"}
|
package/package.json
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cryptlex/web-components",
|
|
3
|
-
"version": "5.3.0-
|
|
3
|
+
"version": "5.3.0-alpha02",
|
|
4
4
|
"description": "React component library for Cryptlex web applications",
|
|
5
5
|
"author": "Cryptlex",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"private": false,
|
|
8
8
|
"exports": {
|
|
9
9
|
"./components/*": {
|
|
10
|
-
"import": "./dist/components/*"
|
|
10
|
+
"import": "./dist/components/*",
|
|
11
|
+
"types": "./dist/components/*"
|
|
11
12
|
},
|
|
12
13
|
"./utils/*": {
|
|
13
|
-
"import": "./dist/utils/*"
|
|
14
|
+
"import": "./dist/utils/*",
|
|
15
|
+
"types": "./dist/utils/*"
|
|
14
16
|
},
|
|
15
17
|
"./index.css": "./lib/index.css",
|
|
16
18
|
"./tokens.css": "./lib/tokens.css",
|