@radui/ui 0.0.47 → 0.1.1

package/README.md

@@ -2,17 +2,25 @@
 
 # RAD UI
 
-Head over to [Storybook](https://main--657eda33d6033847be90aaf8.chromatic.com/) to check out latest components.
-
 ![RAD UI](./assets/images/rad-ui-poster.png)
 
+## Sponsored by
+
+<p align="center">
+  <img src="./docs/public/sponsorship/browserstack_light.png" alt="BrowserStack"  width="200" />
+  &nbsp;&nbsp;&nbsp;
+  <img src="./docs/public/sponsorship/code_rabbit_light.png" alt="CodeRabbit"  width="200" />
+</p>
+
 ## Introduction to Rad UI
 
 Rad UI is a React UI library designed to simplify and enhance the process of building user interfaces. With a focus on ease of use and flexibility, Rad UI empowers developers to create engaging and efficient user experiences. Whether you're starting a new project or improving an existing one, Rad UI provides a collection of components and utilities to streamline development.
 
+Head over to [Storybook](https://main--657eda33d6033847be90aaf8.chromatic.com/) to check out latest components.
+
 ## Documentation
 
-For full documentation, visit  [Documentation](https://www.rad-ui.com/docs/first-steps/introduction).
+For full documentation, visit [Documentation](https://www.rad-ui.com/docs/first-steps/introduction).
 
 ## Installation
 
@@ -67,7 +75,7 @@ For more details, you can read on how to contribute to development of Rad UI in
 
 ## Open source licensing info
 
-For Licensing info you can check out [LICENSE](LICENSE).
+For Licensing information you can check out [LICENSE](LICENSE).
 
 ## Dev Environment
 

package/package.json

@@ -1,132 +1,30 @@
 {
   "name": "@radui/ui",
-  "version": "0.0.47",
+  "version": "0.1.1",
   "description": "",
   "main": "dist",
   "type": "module",
   "exports": {
     "./themes/default.css": "./dist/themes/default.css",
-    "./themes/tailwind-presets/default.js": "./dist/themes/tailwind-presets/default.js",
-    "./Accordion": {
-      "import": "./dist/components/Accordion.js",
-      "types": "./dist/components/Accordion.d.ts"
-    },
-    "./AlertDialog": {
-      "import": "./dist/components/AlertDialog.js",
-      "types": "./dist/components/AlertDialog.d.ts"
-    },
-    "./AspectRatio": {
-      "import": "./dist/components/AspectRatio.js",
-      "types": "./dist/components/AspectRatio.d.ts"
-    },
-    "./Avatar": {
-      "import": "./dist/components/Avatar.js",
-      "types": "./dist/components/Avatar.d.ts"
-    },
-    "./AvatarGroup": {
-      "import": "./dist/components/AvatarGroup.js",
-      "types": "./dist/components/AvatarGroup.d.ts"
-    },
-    "./Badge": {
-      "import": "./dist/components/Badge.js",
-      "types": "./dist/components/Badge.d.ts"
-    },
-    "./BlockQuote": {
-      "import": "./dist/components/BlockQuote.js",
-      "types": "./dist/components/BlockQuote.d.ts"
-    },
-    "./Button": {
-      "import": "./dist/components/Button.js",
-      "types": "./dist/components/Button.d.ts"
-    },
-    "./Callout": {
-      "import": "./dist/components/Callout.js",
-      "types": "./dist/components/Callout.d.ts"
-    },
-    "./Card": {
-      "import": "./dist/components/Card.js",
-      "types": "./dist/components/Card.d.ts"
-    },
-    "./Code": {
-      "import": "./dist/components/Code.js",
-      "types": "./dist/components/Code.d.ts"
-    },
-    "./Dialog": {
-      "import": "./dist/components/Dialog.js",
-      "types": "./dist/components/Dialog.d.ts"
-    },
-    "./Em": {
-      "import": "./dist/components/Em.js",
-      "types": "./dist/components/Em.d.ts"
-    },
-    "./Heading": {
-      "import": "./dist/components/Heading.js",
-      "types": "./dist/components/Heading.d.ts"
-    },
-    "./Kbd": {
-      "import": "./dist/components/Kbd.js",
-      "types": "./dist/components/Kbd.d.ts"
-    },
-    "./Link": {
-      "import": "./dist/components/Link.js",
-      "types": "./dist/components/Link.d.ts"
-    },
-    "./Progress": {
-      "import": "./dist/components/Progress.js",
-      "types": "./dist/components/Progress.d.ts"
-    },
-    "./ScrollArea": {
-      "import": "./dist/components/ScrollArea.js",
-      "types": "./dist/components/ScrollArea.d.ts"
-    },
-    "./Separator": {
-      "import": "./dist/components/Separator.js",
-      "types": "./dist/components/Separator.d.ts"
-    },
-    "./Strong": {
-      "import": "./dist/components/Strong.js",
-      "types": "./dist/components/Strong.d.ts"
-    },
-    "./Switch": {
-      "import": "./dist/components/Switch.js",
-      "types": "./dist/components/Switch.d.ts"
-    },
-    "./Table": {
-      "import": "./dist/components/Table.js",
-      "types": "./dist/components/Table.d.ts"
-    },
-    "./Tabs": {
-      "import": "./dist/components/Tabs.js",
-      "types": "./dist/components/Tabs.d.ts"
-    },
-    "./Text": {
-      "import": "./dist/components/Text.js",
-      "types": "./dist/components/Text.d.ts"
-    },
-    "./Theme": {
-      "import": "./dist/components/Theme.js",
-      "types": "./dist/components/Theme.d.ts"
-    },
-    "./Toggle": {
-      "import": "./dist/components/Toggle.js",
-      "types": "./dist/components/Toggle.d.ts"
-    },
-    "./ToggleGroup": {
-      "import": "./dist/components/ToggleGroup.js",
-      "types": "./dist/components/ToggleGroup.d.ts"
-    },
-    "./Tooltip": {
-      "import": "./dist/components/Tooltip.js",
-      "types": "./dist/components/Tooltip.d.ts"
-    },
-    "./VisuallyHidden": {
-      "import": "./dist/components/VisuallyHidden.js",
-      "types": "./dist/components/VisuallyHidden.d.ts"
-    }
+    "./themes/tailwind-presets/default.js": "./dist/themes/tailwind-presets/default.js"
   },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "package.json"
+  ],
   "scripts": {
     "test": "jest",
+    "test:e2e": "playwright test",
     "coverage": "jest --coverage",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "prerelease:enter": "changeset pre enter next",
+    "prerelease:exit": "changeset pre exit",
+    "prepublishOnly": "npm run build:rollup",
+    "test:shard": "jest --shard=$JEST_SHARD",
+    "test:watch": "jest --watch",
     "clean": "rimraf dist",
     "chromatic": "chromatic --exit-zero-on-changes",
     "patch": "npm version patch",
@@ -142,12 +40,14 @@
     "build:generate-exports": "node scripts/generate-exports.cjs",
     "build:css": "npm run generate-tokens && npm run bundle-tokens && npm run build-css",
     "build:components": "npm run compile-components && npm run process-components",
-    "build:rollup": "npm run prebuild && npm run build:css && NODE_OPTIONS='--max-old-space-size=4076' npm run build:components && npm run build:generate-exports",
+    "build:rollup": "NODE_OPTIONS='--max-old-space-size=8192' npm run build:rollup:process",
+    "build:rollup:process": "npm run clean && (npm run build:css & npm run build:components & wait) && npm run build:generate-exports",
     "compile-components:esbuild": "node build-components.cjs",
     "check:types": "tsc --noEmit",
     "build-components:esbuild": "npm run compile-components:esbuild && npm run process-components",
     "build:esbuild": "npm run prebuild && npm run build:css && npm run build-components:esbuild",
     "release": "npm publish --access public",
+    "release:ci": "npm publish --access public --provenance",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx . --fix && stylelint \"**/*.{css,scss,sass}\" --fix",
     "lint:staged": "lint-staged",
     "update-rad": "npm update @radui/ui",
@@ -172,11 +72,13 @@
   "author": "Pranay Kothapalli",
   "license": "ISC",
   "devDependencies": {
+    "@axe-core/playwright": "^4.10.2",
     "@babel/eslint-parser": "7.26.10",
     "@babel/preset-env": "7.24.0",
     "@babel/preset-react": "7.22.15",
     "@babel/preset-typescript": "^7.24.7",
-    "@radui/ui": "^0.0.37",
+    "@changesets/cli": "^2.29.7",
+    "@playwright/test": "^1.45.0",
     "@rollup/plugin-alias": "5.1.0",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-node-resolve": "15.2.3",
@@ -243,4 +145,4 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }
-}
+}

package/dist/components/Accordion.d.ts

@@ -1,53 +0,0 @@
-import React from 'react';
-
-type AccordionHeaderProps = {
-    children: React.ReactNode;
-    className?: string;
-};
-
-type AccordionItemProps = {
-    children: React.ReactNode;
-    className?: string;
-    value?: number | string;
-    disabled?: boolean;
-    asChild?: boolean;
-};
-
-type AccordionRootProps = {
-    children: React.ReactNode;
-    customRootClass?: string;
-    transitionDuration?: number;
-    transitionTimingFunction?: string;
-    orientation?: 'horizontal' | 'vertical';
-    asChild?: boolean;
-    loop?: boolean;
-    disableTabIndexing?: boolean;
-    openMultiple?: boolean;
-    value?: (number | string)[];
-    defaultValue?: (number | string)[];
-    onValueChange?: (value: (number | string)[]) => void;
-};
-
-type AccordionProps = React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-};
-declare const Accordion: {
-    (): null;
-    Root: ({ children, orientation, disableTabIndexing, asChild, transitionDuration, transitionTimingFunction, customRootClass, loop, openMultiple, value, defaultValue, onValueChange }: AccordionRootProps) => React.JSX.Element;
-    Item: React.FC<AccordionItemProps>;
-    Header: React.FC<AccordionHeaderProps>;
-    Trigger: React.FC<{
-        children: React.ReactNode;
-        className?: string;
-        index?: number;
-        handleClick?: (index: number) => void;
-    }>;
-    Content: React.FC<{
-        children: React.ReactNode;
-        index: number;
-        className?: string;
-    }>;
-};
-
-export { Accordion as default };
-export type { AccordionProps };

package/dist/components/Accordion.js

@@ -1 +0,0 @@
-'use client';import e,{createContext as t,useRef as i,useState as n,useContext as a,useEffect as o,useId as r}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";import{u as c}from"./index-fkj4Fdgt.js";import{R as d}from"./index-BNg6qXF-.js";import{P as u}from"./index-DIw4zyNG.js";import{_ as m,a as v,b as f}from"./tslib.es6-BtVxab8e.js";import{C as p}from"./index-CaFVBHZz.js";import{B as g}from"./index-8D8A0ALD.js";var C=t({rootClass:"",activeItems:[],setActiveItems:function(){},accordionRef:void 0,transitionDuration:0,transitionTimingFunction:"ease-out",openMultiple:!1}),h=t({itemValue:0,setItemValue:function(){},disabled:!1}),b=function(){return console.warn("Direct usage of Accordion is not supported. Please use Accordion.Root, Accordion.Item, etc. instead. "),null};b.Root=function(t){var n=t.children,a=t.orientation,o=void 0===a?"vertical":a,r=t.disableTabIndexing,m=void 0===r||r,v=t.asChild,f=t.transitionDuration,p=void 0===f?0:f,g=t.transitionTimingFunction,h=void 0===g?"linear":g,b=t.customRootClass,I=t.loop,x=void 0===I||I,E=t.openMultiple,N=void 0!==E&&E,T=t.value,j=t.defaultValue,R=void 0===j?[]:j,V=t.onValueChange,A=i(null),D=s(b,"Accordion"),F=void 0!==T?N?T:T.length>0?[T[0]]:[]:void 0,M=N?R:R.length>0?[R[0]]:[],P=c(F,M,V),k=P[0],w=P[1];return e.createElement(C.Provider,{value:{rootClass:D,activeItems:k,setActiveItems:w,accordionRef:A,transitionDuration:p,transitionTimingFunction:h,openMultiple:N}},e.createElement(d.Root,{orientation:o,loop:x,disableTabIndexing:m},e.createElement(d.Group,null,e.createElement(u.div,{className:l("".concat(D,"-root")),ref:A,asChild:v},n))))},b.Item=function(t){var s=t.children,c=t.value,d=t.className,f=void 0===d?"":d,g=t.disabled,b=void 0!==g&&g;t.asChild;var I=m(t,["children","value","className","disabled","asChild"]),x=i(null),E=n(null!=c?c:0),N=E[0],T=E[1],j=a(C),R=j.rootClass,V=j.activeItems,A=j.transitionDuration,D=j.transitionTimingFunction,F=n(V.includes(N)),M=F[0],P=F[1];o((function(){P(V.includes(N))}),[V,N]);var k=r();return o((function(){void 0!==c&&c!==N&&T(c)}),[c]),e.createElement(h.Provider,{value:{itemValue:N,setItemValue:T,disabled:b}},e.createElement(p.Root,{open:M,onOpenChange:P,disabled:b,transitionDuration:A,transitionTimingFunction:D,asChild:!0},e.createElement(u.div,v({ref:x,className:l("".concat(R,"-item"),f)},I,{id:"accordion-data-item-".concat(k),role:"region","data-state":M?"open":"closed"}),s)))},b.Header=function(t){var i=t.children,n=t.className,o=void 0===n?"":n,r=a(C).rootClass;return e.createElement("div",{className:l("".concat(r,"-header"),o)},i)},b.Trigger=function(t){var n=t.children,o=t.index,r=t.className,s=void 0===r?"":r,c=i(null),u=a(C),m=u.setActiveItems,v=u.rootClass,b=u.activeItems,I=u.openMultiple,x=a(h),E=x.itemValue,N=x.disabled;return e.createElement(d.Item,null,e.createElement(p.Trigger,{disabled:N,asChild:!0},e.createElement(g,{className:l("".concat(v,"-trigger"),s),ref:c,"aria-disabled":N,onClick:function(e){var t=b||[];I?t.includes(E)?m(t.filter((function(e){return e!==E}))):m(f(f([],t,!0),[E],!1)):t.includes(E)?m([]):m([E])},"aria-expanded":b.includes(E),"aria-controls":"content-".concat(o)},n)))},b.Content=function(t){var i=t.children,n=t.index,o=t.className,r=void 0===o?"":o,s=a(C),c=s.activeItems,d=s.rootClass,u=a(h).itemValue,m=c.includes(u);return m?e.createElement(p.Content,{asChild:!0,className:l("".concat(d,"-content"),r),id:"content-".concat(n),role:"region","aria-labelledby":"section-".concat(n),"aria-hidden":!m},i):null};export{b as default};

package/dist/components/AlertDialog.d.ts

@@ -1,62 +0,0 @@
-import * as React$1 from 'react';
-import React__default from 'react';
-
-type AlertDialogActionProps = {
-    children: React__default.ReactNode;
-    asChild?: boolean;
-    className?: string;
-};
-
-type AlertDialogCancelProps = {
-    children: React__default.ReactNode;
-    asChild?: boolean;
-    className?: string;
-};
-
-type AlertDialogContentProps = {
-    children: React__default.ReactNode;
-    className?: string;
-};
-
-type AlertDialogPortalProps = {
-    children: React__default.ReactNode;
-};
-
-type AlertDialogTriggerProps = {
-    children: React__default.ReactNode;
-    asChild?: boolean;
-    className?: string;
-};
-
-type AlertDialogRootProps = {
-    open?: boolean;
-    children: React__default.ReactNode;
-    customRootClass?: string;
-    className?: string;
-};
-
-declare const AlertDialog: {
-    (): null;
-    Root: {
-        ({ children, className, customRootClass, open, ...props }: AlertDialogRootProps): React$1.JSX.Element;
-        displayName: string;
-    };
-    Trigger: ({ children, asChild, className, ...props }: AlertDialogTriggerProps) => React$1.JSX.Element;
-    Overlay: ({ className }: {
-        className?: string;
-    }) => React$1.JSX.Element;
-    Portal: ({ children }: AlertDialogPortalProps) => React$1.JSX.Element;
-    Content: ({ children, className }: AlertDialogContentProps) => React$1.JSX.Element;
-    Title: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => React$1.JSX.Element;
-    Description: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => React$1.JSX.Element;
-    Cancel: ({ children, asChild, className, ...props }: AlertDialogCancelProps) => React$1.JSX.Element;
-    Action: ({ children, asChild, className, ...props }: AlertDialogActionProps) => React$1.JSX.Element;
-};
-
-export { AlertDialog as default };

package/dist/components/AlertDialog.js

@@ -1 +0,0 @@
-'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import t,{createContext as r,useContext as o}from"react";import{c as s}from"./index-BVxS3Ixi.js";import{c as n}from"./clsx-BaVHROc5.js";import{D as c}from"./index-ZMIfeyHL.js";import{P as l}from"./index-DIw4zyNG.js";import"./index-DAboJYKJ.js";import"./floating-ui.react-jh3caJnc.js";import"react/jsx-runtime";import"react-dom";import"./index-8D8A0ALD.js";var i=r({rootClass:""}),m="AlertDialog",d=function(r){var o=r.children,l=r.className,d=void 0===l?"":l,u=r.customRootClass,v=void 0===u?"":u;r.open;var C=e(r,["children","className","customRootClass","open"]),N=s(v,m),h={rootClass:N};return t.createElement(c.Root,a({className:n(N,d)},C),t.createElement(i.Provider,{value:h},t.createElement("div",{className:n(N,d)},o)))};d.displayName=m;var u=function(){return console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null};u.Root=d,u.Trigger=function(r){var s=r.children,l=r.asChild,m=r.className,d=void 0===m?"":m,u=e(r,["children","asChild","className"]),v=o(i).rootClass;return t.createElement(c.Trigger,a({className:n("".concat(v,"-trigger"),d),asChild:l},u),s)},u.Overlay=function(e){var a=e.className,r=void 0===a?"":a,s=o(i).rootClass;return t.createElement(t.Fragment,null,t.createElement(c.Overlay,{className:n("".concat(s,"-overlay"),r)}))},u.Portal=function(e){var a=e.children;return t.createElement(c.Portal,null,a)},u.Content=function(e){var a=e.children,r=e.className,s=void 0===r?"":r,l=o(i).rootClass;return t.createElement(t.Fragment,null,t.createElement(c.Content,{className:n("".concat(l,"-content"),s)},a))},u.Title=function(e){var a=e.children,r=e.className,s=void 0===r?"":r,n=o(i).rootClass;return t.createElement(l.h2,{className:"".concat(n,"-title ").concat(s)},a)},u.Description=function(e){var a=e.children,r=e.className,s=void 0===r?"":r,n=o(i).rootClass;return t.createElement(l.p,{className:"".concat(n,"-description ").concat(s)},a)},u.Cancel=function(r){var s=r.children;r.asChild;var n=r.className,l=void 0===n?"":n,m=e(r,["children","asChild","className"]),d=o(i).rootClass;return t.createElement(c.Cancel,a({className:"".concat(d,"-cancel ").concat(l)},m),s)},u.Action=function(r){var s=r.children;r.asChild;var n=r.className,l=void 0===n?"":n,m=e(r,["children","asChild","className"]),d=o(i).rootClass;return t.createElement(c.Action,a({className:"".concat(d,"-action ").concat(l)},m),s)};export{u as default};

package/dist/components/AspectRatio.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-
-type AspectRatioProps = {
-    children: React.ReactNode;
-    customRootClass?: string;
-    className?: string;
-    ratio?: string;
-    props: Record<string, any>[];
-};
-declare const AspectRatio: {
-    ({ children, customRootClass, className, ratio, ...props }: AspectRatioProps): React.JSX.Element;
-    displayName: string;
-};
-
-export { AspectRatio as default };
-export type { AspectRatioProps };

package/dist/components/AspectRatio.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as s}from"./tslib.es6-BtVxab8e.js";import t from"react";import{c as r}from"./index-BVxS3Ixi.js";import{c as e}from"./clsx-BaVHROc5.js";var o="AspectRatio",m=function(m){var i=m.children,c=m.customRootClass,l=m.className,d=m.ratio,p=void 0===d?"1":d,N=a(m,["children","customRootClass","className","ratio"]);isNaN(Number(p))&&!p.match(/^(\d+)\/(\d+)$/)&&(p="1"),Number(p)<=0&&(p="1");var n=r(c,o);return t.createElement("div",s({style:{aspectRatio:p},className:e(n,l)},N),i," ")};m.displayName=o;export{m as default};

package/dist/components/Avatar.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-import { AvatarPrimitiveRootProps } from '~/core/primitives/Avatar/fragments/AvatarPrimitiveRoot';
-import { AvatarRootImageProps } from '~/core/primitives/Avatar/fragments/AvatarPrimitiveImage';
-
-interface AvatarPrimitiveFallbackProps {
-    children: React__default.ReactNode;
-    asChild?: boolean;
-    className?: string;
-}
-
-type AvatarRootProps = AvatarPrimitiveRootProps & {
-    customRootClass?: string;
-    className?: string;
-    size?: string;
-    variant?: string;
-    color?: string;
-};
-
-type AvatarImageProps = AvatarRootImageProps & {
-    src?: string;
-    alt?: string;
-};
-
-declare const Avatar: {
-    (): null;
-    displayName: string;
-    Root: ({ children, customRootClass, className, size, variant, color, ...props }: AvatarRootProps) => React.JSX.Element;
-    Image: ({ src, alt, ...props }: AvatarImageProps) => React.JSX.Element;
-    Fallback: ({ children, className, ...props }: AvatarPrimitiveFallbackProps & {
-        className?: string;
-    }) => React.JSX.Element;
-};
-declare namespace AvatarProps {
-    type Root = AvatarRootProps;
-    type Image = AvatarImageProps;
-}
-
-export { AvatarProps, Avatar as default };

package/dist/components/Avatar.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as r}from"./tslib.es6-BtVxab8e.js";import s,{createContext as o,useContext as t}from"react";import{A as e,a as i,b as l}from"./AvatarPrimitiveFallback-CSD78PQE.js";import{c}from"./clsx-BaVHROc5.js";import{c as n}from"./index-BVxS3Ixi.js";import{u as m,a as v,b as d}from"./index-DpUtikes.js";import"./index-DIw4zyNG.js";var u=o({size:"",variant:"",color:"",rootClass:""}),f=function(){return console.warn("Direct usage of Avatar is not supported. Please use Avatar.Root, Avatar.Image, Avatar.Fallback instead."),null};f.displayName="Avatar",f.Root=function(o){var t=o.children,i=o.customRootClass,l=void 0===i?"":i,f=o.className,p=void 0===f?"":f,A=o.size,N=void 0===A?"":A,b=o.variant,j=void 0===b?"":b,C=o.color,x=void 0===C?"":C,z=a(o,["children","customRootClass","className","size","variant","color"]),g=n(l,"Avatar"),h=m("avatar",{variant:j,size:N}),k=v(x),E=d(h(),k());return s.createElement(u.Provider,{value:{size:N,variant:j,color:x,rootClass:g}},s.createElement(e,r({className:c(g,p)},E(),z),t))},f.Image=function(o){var e=o.src,l=void 0===e?"":e,n=o.alt,m=void 0===n?"":n,v=a(o,["src","alt"]),d=t(u).rootClass;return s.createElement(i,r({className:c("".concat(d,"-image")),src:l,alt:m},v))},f.Fallback=function(o){var e=o.children,i=o.className,n=void 0===i?"":i,m=a(o,["children","className"]),v=t(u).rootClass;return s.createElement(l,r({className:c("".concat(v,"-fallback"),n)},m),e)};export{f as default};

package/dist/components/AvatarGroup.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-
-type AvatarGroupRootProps = {
-    customRootClass?: string | '';
-    size?: string;
-    variant?: string;
-    children: React__default.ReactNode;
-    className?: string;
-};
-
-type AvatarGroupItemProps = {
-    color?: string;
-    children: React__default.ReactNode;
-};
-
-type AvatarGroupAvatarProps = {
-    src: string;
-    alt: string;
-};
-
-type AvatarGroupFallbackProps = {
-    children: React__default.ReactNode;
-    fallback?: string;
-};
-
-declare const AvatarGroup: {
-    (): null;
-    Root: ({ customRootClass, size, variant, children, className, ...props }: AvatarGroupRootProps) => React.JSX.Element;
-    Item: ({ color, children }: AvatarGroupItemProps) => React.JSX.Element;
-    Avatar: ({ src, alt }: AvatarGroupAvatarProps) => React.JSX.Element;
-    Fallback: ({ children }: AvatarGroupFallbackProps) => React.JSX.Element;
-};
-declare namespace AvatarGroupProps {
-    type Root = AvatarGroupRootProps;
-    type Item = AvatarGroupItemProps;
-    type Avatar = AvatarGroupAvatarProps;
-    type Fallback = AvatarGroupFallbackProps;
-}
-
-export { AvatarGroupProps, AvatarGroup as default };

package/dist/components/AvatarGroup.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as r}from"./tslib.es6-BtVxab8e.js";import t,{createContext as e,useContext as o}from"react";import{c as s}from"./clsx-BaVHROc5.js";import{c as i}from"./index-BVxS3Ixi.js";import{u as c,b as l,a as n}from"./index-DpUtikes.js";import{A as m,a as v,b as u}from"./AvatarPrimitiveFallback-CSD78PQE.js";import"./index-DIw4zyNG.js";var d=e({rootClass:"",size:"",variant:""}),p=function(){return console.warn("Direct usage of AvatarGroup is not supported. Please use AvatarGroup.Root, AvatarGroup.Item, AvatarGroup.Avatar, AvatarGroup.Fallback instead."),null};p.Root=function(e){var o=e.customRootClass,n=void 0===o?"":o,m=e.size,v=void 0===m?"":m,u=e.variant,p=void 0===u?"":u,f=e.children,A=e.className,b=void 0===A?"":A,j=a(e,["customRootClass","size","variant","children","className"]),C=i(n,"AvatarGroup"),G=c("avatar",{variant:p,size:v}),x=l(G());return t.createElement(d.Provider,{value:{size:v,variant:p,rootClass:C}},t.createElement("div",r({className:s(C,b)},x(),j),f))},p.Item=function(a){var e=a.color,s=void 0===e?"":e,i=a.children,c=o(d).rootClass,v=n(s),u=l(v());return t.createElement(m,r({className:"".concat(c,"-item")},u()),i)},p.Avatar=function(a){var r=a.src,e=a.alt;return t.createElement(v,{src:r,alt:e})},p.Fallback=function(a){var r=a.children,e=o(d).rootClass;return t.createElement(u,{className:"".concat(e,"-fallback")},r)};export{p as default};

package/dist/components/AvatarPrimitiveFallback-CSD78PQE.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as r}from"./tslib.es6-BtVxab8e.js";import e,{createContext as n,useState as s,useContext as o,useEffect as i}from"react";import{P as l}from"./index-DIw4zyNG.js";var d=n({}),t=function(n){var o=n.children,i=n.asChild,t=void 0!==i&&i,c=a(n,["children","asChild"]),m=s(!1),h=m[0],u=m[1],v=s(!1),E=v[0],f=v[1],g={isImageLoaded:h,hasError:E,setHasError:f,handleLoadImage:function(){u(!0),f(!1)},handleErrorImage:function(){u(!1),f(!0)}};return e.createElement(d.Provider,{value:g},e.createElement(l.span,r({asChild:t},c),o))},c=function(n){var s=n.src,t=void 0===s?"":s,c=n.alt,m=void 0===c?"":c,h=a(n,["src","alt"]),u=o(d),v=u.handleErrorImage,E=u.handleLoadImage,f=u.hasError;return f?null:(i((function(){t||v()}),[t,v,f]),e.createElement(l.img,r({src:t,alt:m,onError:v,onLoad:E},h)))},m=function(n){var s=n.children,i=n.asChild,t=void 0!==i&&i,c=n.className,m=void 0===c?"":c,h=a(n,["children","asChild","className"]);return o(d).isImageLoaded?null:e.createElement(l.span,r({asChild:t,className:m},h),s)};export{t as A,c as a,m as b};

package/dist/components/Badge.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-
-type BadgeProps = {
-    children?: React.ReactNode;
-    customRootClass?: string;
-    className?: string;
-    variant?: string;
-    size?: string;
-    color?: string;
-    props?: object[];
-};
-declare const Badge: ({ children, customRootClass, className, color, variant, size, ...props }: BadgeProps) => React.JSX.Element;
-
-export { Badge as default };
-export type { BadgeProps };

package/dist/components/Badge.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as s}from"./tslib.es6-BtVxab8e.js";import o from"react";import{c as r}from"./index-BVxS3Ixi.js";import{c as i}from"./clsx-BaVHROc5.js";import{u as e,a as t,b as m}from"./index-DpUtikes.js";var c=function(c){var d=c.children,l=c.customRootClass,n=void 0===l?"":l,v=c.className,f=void 0===v?"":v,p=c.color,u=void 0===p?"":p,j=c.variant,x=void 0===j?"":j,b=c.size,z=void 0===b?"":b,N=a(c,["children","customRootClass","className","color","variant","size"]),g=r(n,"Badge"),h=e("badge",{variant:x,size:z}),C=t(u),R=m(h(),C());return o.createElement("div",s({className:i(g,f)},R(),N),d)};export{c as default};

package/dist/components/BlockQuote.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-
-type BlockQuoteProps = {
-    children: React.ReactNode;
-    customRootClass?: string;
-    className?: string;
-    color?: string;
-    variant?: string;
-    size?: string;
-    props?: Record<string, any>[];
-};
-declare const BlockQuote: {
-    ({ children, customRootClass, className, color, variant, size, ...props }: BlockQuoteProps): React.JSX.Element;
-    displayName: string;
-};
-
-export { BlockQuote as default };
-export type { BlockQuoteProps };

package/dist/components/BlockQuote.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as o}from"./tslib.es6-BtVxab8e.js";import s from"react";import{c as t}from"./clsx-BaVHROc5.js";import{c as e}from"./index-BVxS3Ixi.js";var r="BlockQuote",c=function(c){var i=c.children,l=c.customRootClass,m=void 0===l?"":l,d=c.className,n=void 0===d?"":d,u=c.color,v=void 0===u?"":u,f=c.variant,p=void 0===f?"":f,b=c.size,k=void 0===b?"":b,N=a(c,["children","customRootClass","className","color","variant","size"]),j=e(m,r),q={};return p&&(q["data-block-quote-variant"]=p),k&&(q["data-block-quote-size"]=k),v&&(q["data-rad-ui-accent-color"]=v),s.createElement("blockquote",o({className:t(j,n)},N,q)," ",i)};c.displayName=r;export{c as default};

package/dist/components/Button.d.ts

@@ -1,15 +0,0 @@
-import React, { DetailedHTMLProps, ButtonHTMLAttributes, PropsWithChildren } from 'react';
-
-type ButtonProps = {
-    customRootClass?: string;
-    variant?: string;
-    size?: string;
-    color?: string;
-} & DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & PropsWithChildren;
-declare const Button: {
-    ({ children, type, customRootClass, className, variant, size, color, ...props }: ButtonProps): React.JSX.Element;
-    displayName: string;
-};
-
-export { Button as default };
-export type { ButtonProps };

package/dist/components/Button.js

@@ -1 +0,0 @@
-'use client';import{_ as o,a as s}from"./tslib.es6-BtVxab8e.js";import a from"react";import{c as t}from"./index-BVxS3Ixi.js";import{c as i}from"./clsx-BaVHROc5.js";import{B as r}from"./index-8D8A0ALD.js";import{u as e,a as m,b as n}from"./index-DpUtikes.js";import"./index-DIw4zyNG.js";var c="Button",d=function(d){var l=d.children,p=d.type,v=void 0===p?"button":p,u=d.customRootClass,f=void 0===u?"":u,j=d.className,x=void 0===j?"":j,b=d.variant,y=void 0===b?"":b,N=d.size,z=void 0===N?"":N,h=d.color,B=void 0===h?"":h,C=o(d,["children","type","customRootClass","className","variant","size","color"]),R=t(f,c),E=e("button",{variant:y,size:z}),_=m(B),g=n(E(),_());return a.createElement(r,s({type:v,className:i(R,x)},g(),C),l)};d.displayName=c;export{d as default};

package/dist/components/Callout.d.ts

@@ -1,35 +0,0 @@
-import * as React$1 from 'react';
-import React__default from 'react';
-
-type CalloutIconProps = {
-    children: React__default.ReactNode;
-    className?: string;
-};
-declare function CalloutIcon({ children, className, ...props }: CalloutIconProps): React__default.JSX.Element;
-
-type CalloutTextProps = {
-    children: React__default.ReactNode;
-    className?: string;
-};
-declare function CalloutText({ children, className, ...props }: CalloutTextProps): React__default.JSX.Element;
-
-declare const Callout: {
-    (): null;
-    Root: {
-        ({ children, asChild, className, color, variant, size, customRootClass, ...props }: {
-            children?: React.ReactNode;
-            className?: string | "";
-            color?: string;
-            variant?: string;
-            size?: string;
-            customRootClass?: string;
-            asChild?: boolean;
-            props?: Record<any, any>[];
-        }): React$1.JSX.Element;
-        displayName: string;
-    };
-    Icon: typeof CalloutIcon;
-    Text: typeof CalloutText;
-};
-
-export { Callout as default };

package/dist/components/Callout.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as s}from"./tslib.es6-BtVxab8e.js";import o,{createContext as e,useContext as t}from"react";import{c as r}from"./index-BVxS3Ixi.js";import{c as l}from"./clsx-BaVHROc5.js";import{P as i}from"./index-DIw4zyNG.js";import{u as c,a as n,b as m}from"./index-DpUtikes.js";var d=e({rootClass:""}),u="Callout",v=function(e){var t=e.children,v=e.asChild,C=void 0!==v&&v,f=e.className,p=void 0===f?"":f,N=e.color,h=void 0===N?"":N,x=e.variant,j=void 0===x?"":x,E=e.size,R=void 0===E?"":E,z=e.customRootClass,P=void 0===z?"":z,b=a(e,["children","asChild","className","color","variant","size","customRootClass"]),I=r(P,u),g=c("callout",{variant:j,size:R}),w=n(h),y=m(g(),w());return o.createElement(d.Provider,{value:{rootClass:I}},o.createElement(i.div,s({asChild:C,className:l(I,p)},y(),b),t))};v.displayName=u;var C=function(){return console.warn("Direct usage of Callout is not supported. Please use Callout.Root, Callout.Icon, etc. instead."),null};C.Root=v,C.Icon=function(e){var r=e.children,c=e.className,n=void 0===c?"":c,m=a(e,["children","className"]),u=t(d).rootClass;return o.createElement(i.span,s({className:l("".concat(u,"-icon"),n)},m),r)},C.Text=function(e){var r=e.children,c=e.className,n=a(e,["children","className"]),m=t(d).rootClass;return o.createElement(i.p,s({className:l("".concat(m,"-text"),c)},n),r)};export{C as default};

package/dist/components/Card.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-
-type CardRootProps = {
-    children: React.ReactNode;
-    customRootClass?: string;
-    variant?: string;
-    size?: string;
-    className?: string;
-    props?: any;
-};
-
-type CardProps = {
-    customRootClass?: string;
-    className?: string;
-    variant?: string;
-    size?: string;
-    props?: any;
-} & React.ComponentProps<'div'>;
-declare const Card: {
-    ({ children, className, customRootClass, variant, size, ...props }: CardProps): React.JSX.Element;
-    Root: {
-        ({ children, customRootClass, className, variant, size, ...props }: CardRootProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-
-export { Card as default };
-export type { CardProps };

package/dist/components/Card.js

@@ -1 +0,0 @@
-'use client';import{_ as a,a as s}from"./tslib.es6-BtVxab8e.js";import o from"react";import{c as i}from"./index-BVxS3Ixi.js";import{c as r}from"./clsx-BaVHROc5.js";import{u as t}from"./index-DpUtikes.js";var e="Card",c=function(c){var m=c.children,l=c.customRootClass,n=c.className,d=void 0===n?"":n,v=c.variant,u=void 0===v?"":v,f=c.size,p=void 0===f?"":f,N=a(c,["children","customRootClass","className","variant","size"]),z=i(l,e),C=t("card",{variant:u,size:p});return o.createElement("div",s({className:r(z,d)},C(),N),m)};c.displayName=e;var m=function(i){var t=i.children,e=i.className,m=void 0===e?"":e,l=i.customRootClass,n=i.variant,d=void 0===n?"":n,v=i.size,u=void 0===v?"":v,f=a(i,["children","className","customRootClass","variant","size"]);return o.createElement(c,s({className:r(m),customRootClass:l,variant:d,size:u},f),t)};m.Root=c;export{m as default};

package/dist/components/Checkbox.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-import { CheckboxPrimitiveRootProps } from '~/core/primitives/Checkbox/fragments/CheckboxPrimitiveRoot';
-
-type CheckboxIndicatorProps = {
-    children?: React__default.ReactNode;
-    className?: string;
-};
-
-type CheckboxRootProps = {
-    customRootClass?: string;
-    color?: string;
-    variant?: string;
-    size?: string;
-} & CheckboxPrimitiveRootProps;
-
-declare const Checkbox: {
-    (): null;
-    Root: ({ children, className, customRootClass, color, variant, size, ...props }: CheckboxRootProps) => React.JSX.Element;
-    Indicator: ({ children, className, ...props }: CheckboxIndicatorProps) => React.JSX.Element;
-};
-
-export { Checkbox as default };