@bi-digital/react 0.0.0-experimental-b8ff5ba → 0.0.0-experimental-37bf70d

package/dist/{alert-Cwq1S4RD.js → alert-C6PxDwHt.js}

@@ -1,14 +1,14 @@
 import clsx from "clsx/lite";
 import { Slot } from "@radix-ui/react-slot";
-import { BiIconCheckmarkSmall, BiIconError, BiIconInfo, BiIconWarning } from "@bi-digital/icons-react";
+import { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from "@bi-digital/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/alert/alert.tsx
 const variantIcons = {
-	info: BiIconInfo,
-	success: BiIconCheckmarkSmall,
-	warning: BiIconWarning,
-	alert: BiIconError
+	info: InfoIcon,
+	success: CheckmarkSmallIcon,
+	warning: WarningIcon,
+	alert: ErrorIcon
 };
 const Alert = ({ className, children, closeButton, variant = "info", icon, asChild, dark, size, ref,...rest }) => {
 	const Component = asChild ? Slot : "div";
@@ -30,4 +30,4 @@ const Alert = ({ className, children, closeButton, variant = "info", icon, asChi
 
 //#endregion
 export { Alert };
-//# sourceMappingURL=alert-Cwq1S4RD.js.map
+//# sourceMappingURL=alert-C6PxDwHt.js.map

package/dist/alert-C6PxDwHt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-C6PxDwHt.js","names":["variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType>"],"sources":["../src/components/alert/alert.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from '@bi-digital/icons';\n\nexport type AlertProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The alert variant.\n     * @default 'info'\n     */\n    variant?: 'info' | 'success' | 'warning' | 'alert';\n    /**\n     * Size of the alert.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /** Custom close button. It's your responsibility to make the button close the alert. */\n    closeButton?: ReactNode;\n    /** Override the default icon which is decided by the `variant`. */\n    icon?: ReactNode;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nconst variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType> = {\n  info: InfoIcon,\n  success: CheckmarkSmallIcon,\n  warning: WarningIcon,\n  alert: ErrorIcon,\n};\n\nexport const Alert = ({\n  className,\n  children,\n  closeButton,\n  variant = 'info',\n  icon,\n  asChild,\n  dark,\n  size,\n  ref,\n  ...rest\n}: AlertProps) => {\n  const Component = asChild ? Slot : 'div';\n  const DefaultIcon = variantIcons[variant];\n  return (\n    <Component\n      className={clsx('bi-alert', className)}\n      data-variant={variant}\n      data-size={size}\n      data-dark={dark}\n      ref={ref}\n      {...rest}\n    >\n      {icon || <DefaultIcon />}\n      {children}\n      {closeButton}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAiCA,MAAMA,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACR;AAED,MAAa,SAAS,EACpB,WACA,UACA,aACA,UAAU,QACV,MACA,SACA,MACA,MACA,IACA,GAAG,WACa;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,aAAa;AACjC,QACE,qBAAC;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;;GAEH,QAAQ,oBAAC,gBAAc;GACvB;GACA;;GACS"}

package/dist/{alert-footer-DL4rCThp.js → alert-footer-DfjvFlBv.js}

@@ -4,8 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/alert/alert-footer.tsx
 const AlertFooter = ({ className, children, asChild, ref,...rest }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		className: clsx("bi-alert--footer", className),
 		ref,
 		...rest,
@@ -15,4 +14,4 @@ const AlertFooter = ({ className, children, asChild, ref,...rest }) => {
 
 //#endregion
 export { AlertFooter };
-//# sourceMappingURL=alert-footer-DL4rCThp.js.map
+//# sourceMappingURL=alert-footer-DfjvFlBv.js.map

package/dist/{alert-footer-DL4rCThp.js.map → alert-footer-DfjvFlBv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-footer-DL4rCThp.js","names":[],"sources":["../src/components/alert/alert-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\n\nexport type AlertFooterProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const AlertFooter = ({ className, children, asChild, ref, ...rest }: AlertFooterProps) => {\n  const Component = asChild ? Slot : 'div';\n  return (\n    <Component className={clsx('bi-alert--footer', className)} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAiBA,MAAa,cAAc,CAAC,EAAE,WAAW,UAAU,SAAS,IAAK,GAAG,MAAwB,KAAK;CAC/F,MAAM,YAAY,UAAU,OAAO;AACnC,4BACG;EAAU,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;GACS;AAEf"}
+{"version":3,"file":"alert-footer-DfjvFlBv.js","names":[],"sources":["../src/components/alert/alert-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\n\nexport type AlertFooterProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const AlertFooter = ({ className, children, asChild, ref, ...rest }: AlertFooterProps) => {\n  const Component = asChild ? Slot : 'div';\n  return (\n    <Component className={clsx('bi-alert--footer', className)} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAiBA,MAAa,eAAe,EAAE,WAAW,UAAU,SAAS,IAAK,GAAG,WAA6B;AAE/F,QACE,oBAFgB,UAAU,OAAO;EAEtB,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;GACS"}