@bi-digital/react 0.6.0 → 0.6.2

package/dist/alert-Bum6ZbI7.mjs

@@ -0,0 +1,35 @@
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+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: InfoIcon,
+	success: CheckmarkSmallIcon,
+	warning: WarningIcon,
+	alert: ErrorIcon,
+	primary: InfoIcon,
+	neutral: InfoIcon
+};
+const Alert = ({ className, children, closeButton, variant = "primary", icon, asChild, dark, size, ref, ...rest }) => {
+	const Component = asChild ? Slot : "div";
+	const DefaultIcon = variantIcons[variant];
+	return /* @__PURE__ */ jsxs(Component, {
+		className: clsx("bi-alert", className),
+		"data-variant": variant,
+		"data-size": size,
+		"data-dark": dark,
+		ref,
+		...rest,
+		children: [
+			icon === null ? null : icon ?? /* @__PURE__ */ jsx(DefaultIcon, {}),
+			children,
+			closeButton
+		]
+	});
+};
+
+//#endregion
+export { Alert as t };
+//# sourceMappingURL=alert-Bum6ZbI7.mjs.map

package/dist/alert-Bum6ZbI7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-Bum6ZbI7.mjs","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 'primary'\n     */\n    variant?: 'info' | 'success' | 'warning' | 'alert' | 'primary' | 'neutral';\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`. Set to `null` to remove the icon. */\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  primary: InfoIcon,\n  neutral: InfoIcon,\n};\n\nexport const Alert = ({\n  className,\n  children,\n  closeButton,\n  variant = 'primary',\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 === null ? null : (icon ?? <DefaultIcon />)}\n      {children}\n      {closeButton}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAiCA,MAAMA,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,SAAS,EACpB,WACA,UACA,aACA,UAAU,WACV,MACA,SACA,MACA,MACA,KACA,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,SAAS,OAAO,OAAQ,QAAQ,oBAAC,gBAAc;GAC/C;GACA;;GACS"}

package/dist/alert-footer-COFh0OoL.mjs

@@ -0,0 +1,17 @@
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/alert/alert-footer.tsx
+const AlertFooter = ({ className, children, asChild, ref, ...rest }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: clsx("bi-alert--footer", className),
+		ref,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { AlertFooter as t };
+//# sourceMappingURL=alert-footer-COFh0OoL.mjs.map

package/dist/alert-footer-COFh0OoL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-footer-COFh0OoL.mjs","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,KAAK,GAAG,WAA6B;AAE/F,QACE,oBAFgB,UAAU,OAAO;EAEtB,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;GACS"}