@accreditation/ui 1.0.0

package/dist/components/molecules/password-field/components/password-field.js

@@ -0,0 +1,160 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var utils = require('../../../../lib/utils');
+var nativeInput = require('../../../../lib/native-input');
+var input = require('../../../atoms/input');
+var iconButton = require('../../../atoms/icon-button');
+var passwordStrength = require('../../../atoms/password-strength');
+var generateStrongPassword = require('../utils/generate-strong-password');
+var variants = require('../variants');
+
+function defaultPlaceholder(minLength, maxLength) {
+  if (maxLength != null) return `M\xEDn. ${minLength}, m\xE1x. ${maxLength} caracteres`;
+  return `M\xEDn. ${minLength} caracteres`;
+}
+function getRandomPasswordLength(minLength, maxLength) {
+  const min = Math.max(4, minLength);
+  if (maxLength != null) {
+    const max = Math.max(min, maxLength);
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+  return min;
+}
+function PasswordField({
+  value = "",
+  onChange,
+  showSuggestLink = true,
+  showStrength = false,
+  fullWidth = true,
+  size = "md",
+  status = "default",
+  variant = "default",
+  minLength = 8,
+  maxLength,
+  placeholder,
+  className,
+  // Root-level props — routed to Input.Root, not to the native <input>
+  allowClear,
+  onClear,
+  onPressEnter,
+  classNames,
+  // prefix/suffix are InputProps-level ReactNode — filter them out of the
+  // native <input> spread since InputField only accepts HTML attr strings.
+  prefix,
+  onSuggest,
+  ...rest
+}) {
+  const [showPassword, setShowPassword] = react.useState(false);
+  const inputRef = react.useRef(null);
+  const effectivePlaceholder = placeholder ?? defaultPlaceholder(minLength, maxLength);
+  const handleSuggest = react.useCallback(() => {
+    if (rest.disabled) return;
+    const length = getRandomPasswordLength(minLength, maxLength);
+    const generated = generateStrongPassword.generateStrongPassword(length);
+    const el = inputRef.current;
+    if (el) {
+      nativeInput.setNativeValue(el, generated);
+    } else if (onChange) {
+      onChange({ target: { value: generated } });
+    }
+    onSuggest?.(generated);
+  }, [onChange, rest.disabled, minLength, maxLength, onSuggest]);
+  const eyeButton = /* @__PURE__ */ jsxRuntime.jsx(
+    iconButton.IconButton,
+    {
+      icon: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { "aria-hidden": true }),
+      "aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
+      variant: "ghost",
+      size: "xs",
+      className: "rounded-none",
+      onClick: () => setShowPassword((p) => !p),
+      tabIndex: -1
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "space-y-2",
+        // Always match Input.Root's width so the suggest/strength row
+        // is constrained to the same bounds (fixes overflow when fullWidth=false)
+        fullWidth ? "w-full" : "w-[16rem]",
+        rest.disabled && "cursor-not-allowed",
+        className
+      ),
+      style: fullWidth ? { width: "100%" } : void 0,
+      "data-variant": variant,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          input.Input.Root,
+          {
+            size,
+            status,
+            variant,
+            fullWidth,
+            disabled: rest.disabled,
+            allowClear,
+            onClear,
+            onPressEnter,
+            classNames: {
+              ...classNames,
+              root: utils.cn(
+                "rounded-none",
+                fullWidth && "w-full",
+                // If no prefix, add pl-3 directly to root so autofill background covers it
+                !prefix && "pl-3",
+                variants.passwordFieldVariantRootClasses[variant],
+                classNames?.root
+              )
+            },
+            children: [
+              prefix && /* @__PURE__ */ jsxRuntime.jsx(input.Input.Prefix, { children: prefix }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                input.Input.Field,
+                {
+                  ref: inputRef,
+                  type: showPassword ? "text" : "password",
+                  value,
+                  onChange,
+                  minLength,
+                  maxLength,
+                  placeholder: effectivePlaceholder,
+                  className: utils.cn("pl-0 pr-2"),
+                  ...rest
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(input.Input.Suffix, { children: eyeButton }),
+              allowClear && /* @__PURE__ */ jsxRuntime.jsx(input.Input.ClearButton, {})
+            ]
+          }
+        ),
+        (showStrength || showSuggestLink) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: showStrength && /* @__PURE__ */ jsxRuntime.jsx(
+            passwordStrength.PasswordStrength,
+            {
+              password: value,
+              minLength,
+              fullWidth
+            }
+          ) }),
+          showSuggestLink && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleSuggest,
+              disabled: rest.disabled,
+              className: "shrink-0 text-xs text-primary underline underline-offset-2 hover:no-underline disabled:cursor-not-allowed disabled:opacity-50",
+              children: "Sugerir senha forte"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+PasswordField.displayName = "PasswordField";
+
+exports.PasswordField = PasswordField;

package/dist/components/molecules/password-field/components/password-field.mjs

@@ -0,0 +1,158 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback } from 'react';
+import { EyeOff, Eye } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+import { setNativeValue } from '../../../../lib/native-input';
+import { Input } from '../../../atoms/input';
+import { IconButton } from '../../../atoms/icon-button';
+import { PasswordStrength } from '../../../atoms/password-strength';
+import { generateStrongPassword } from '../utils/generate-strong-password';
+import { passwordFieldVariantRootClasses } from '../variants';
+
+function defaultPlaceholder(minLength, maxLength) {
+  if (maxLength != null) return `M\xEDn. ${minLength}, m\xE1x. ${maxLength} caracteres`;
+  return `M\xEDn. ${minLength} caracteres`;
+}
+function getRandomPasswordLength(minLength, maxLength) {
+  const min = Math.max(4, minLength);
+  if (maxLength != null) {
+    const max = Math.max(min, maxLength);
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+  return min;
+}
+function PasswordField({
+  value = "",
+  onChange,
+  showSuggestLink = true,
+  showStrength = false,
+  fullWidth = true,
+  size = "md",
+  status = "default",
+  variant = "default",
+  minLength = 8,
+  maxLength,
+  placeholder,
+  className,
+  // Root-level props — routed to Input.Root, not to the native <input>
+  allowClear,
+  onClear,
+  onPressEnter,
+  classNames,
+  // prefix/suffix are InputProps-level ReactNode — filter them out of the
+  // native <input> spread since InputField only accepts HTML attr strings.
+  prefix,
+  onSuggest,
+  ...rest
+}) {
+  const [showPassword, setShowPassword] = useState(false);
+  const inputRef = useRef(null);
+  const effectivePlaceholder = placeholder ?? defaultPlaceholder(minLength, maxLength);
+  const handleSuggest = useCallback(() => {
+    if (rest.disabled) return;
+    const length = getRandomPasswordLength(minLength, maxLength);
+    const generated = generateStrongPassword(length);
+    const el = inputRef.current;
+    if (el) {
+      setNativeValue(el, generated);
+    } else if (onChange) {
+      onChange({ target: { value: generated } });
+    }
+    onSuggest?.(generated);
+  }, [onChange, rest.disabled, minLength, maxLength, onSuggest]);
+  const eyeButton = /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      icon: showPassword ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": true }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": true }),
+      "aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
+      variant: "ghost",
+      size: "xs",
+      className: "rounded-none",
+      onClick: () => setShowPassword((p) => !p),
+      tabIndex: -1
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "space-y-2",
+        // Always match Input.Root's width so the suggest/strength row
+        // is constrained to the same bounds (fixes overflow when fullWidth=false)
+        fullWidth ? "w-full" : "w-[16rem]",
+        rest.disabled && "cursor-not-allowed",
+        className
+      ),
+      style: fullWidth ? { width: "100%" } : void 0,
+      "data-variant": variant,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Input.Root,
+          {
+            size,
+            status,
+            variant,
+            fullWidth,
+            disabled: rest.disabled,
+            allowClear,
+            onClear,
+            onPressEnter,
+            classNames: {
+              ...classNames,
+              root: cn(
+                "rounded-none",
+                fullWidth && "w-full",
+                // If no prefix, add pl-3 directly to root so autofill background covers it
+                !prefix && "pl-3",
+                passwordFieldVariantRootClasses[variant],
+                classNames?.root
+              )
+            },
+            children: [
+              prefix && /* @__PURE__ */ jsx(Input.Prefix, { children: prefix }),
+              /* @__PURE__ */ jsx(
+                Input.Field,
+                {
+                  ref: inputRef,
+                  type: showPassword ? "text" : "password",
+                  value,
+                  onChange,
+                  minLength,
+                  maxLength,
+                  placeholder: effectivePlaceholder,
+                  className: cn("pl-0 pr-2"),
+                  ...rest
+                }
+              ),
+              /* @__PURE__ */ jsx(Input.Suffix, { children: eyeButton }),
+              allowClear && /* @__PURE__ */ jsx(Input.ClearButton, {})
+            ]
+          }
+        ),
+        (showStrength || showSuggestLink) && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: showStrength && /* @__PURE__ */ jsx(
+            PasswordStrength,
+            {
+              password: value,
+              minLength,
+              fullWidth
+            }
+          ) }),
+          showSuggestLink && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleSuggest,
+              disabled: rest.disabled,
+              className: "shrink-0 text-xs text-primary underline underline-offset-2 hover:no-underline disabled:cursor-not-allowed disabled:opacity-50",
+              children: "Sugerir senha forte"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+PasswordField.displayName = "PasswordField";
+
+export { PasswordField };

package/dist/components/molecules/password-field/index.d.ts

@@ -0,0 +1,4 @@
+export { PasswordField } from "./components/password-field";
+export { generateStrongPassword } from "./utils/generate-strong-password";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/password-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,cAAc,SAAS,CAAC"}

package/dist/components/molecules/password-field/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var passwordField = require('./components/password-field');
+var generateStrongPassword = require('./utils/generate-strong-password');
+var types = require('./types');
+
+
+
+Object.defineProperty(exports, "PasswordField", {
+  enumerable: true,
+  get: function () { return passwordField.PasswordField; }
+});
+Object.defineProperty(exports, "generateStrongPassword", {
+  enumerable: true,
+  get: function () { return generateStrongPassword.generateStrongPassword; }
+});
+Object.keys(types).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return types[k]; }
+  });
+});

package/dist/components/molecules/password-field/index.mjs

@@ -0,0 +1,3 @@
+export { PasswordField } from './components/password-field';
+export { generateStrongPassword } from './utils/generate-strong-password';
+export * from './types';

package/dist/components/molecules/password-field/types.d.ts

@@ -0,0 +1,29 @@
+import type { ChangeEvent } from "react";
+import type { InputProps, InputSize, InputStatus } from "../../atoms/input";
+/** Variante visual do campo (aplica-se ao wrapper para styling). */
+export type PasswordFieldVariant = "default" | "outline" | "filled";
+export interface PasswordFieldProps extends Omit<InputProps, "type" | "suffix" | "value" | "onChange"> {
+    /** Valor controlado. */
+    value?: string;
+    /** Callback quando o valor muda. */
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /** Tamanho do input: xs, sm, md, lg, xl. */
+    size?: InputSize;
+    /** Estado do campo (feedback visual): default, error, warning, success. */
+    status?: InputStatus;
+    /** Variante visual do wrapper: default, outline. */
+    variant?: PasswordFieldVariant;
+    /** Comprimento mínimo (HTML minLength e critério do indicador de força). Default 8. */
+    minLength?: number;
+    /** Comprimento máximo (HTML maxLength). Opcional. */
+    maxLength?: number;
+    /** Exibir link "Sugerir senha forte" abaixo do input (à direita). */
+    showSuggestLink?: boolean;
+    /** Quando false, oculta o indicador de força de senha abaixo do input. Default: true. */
+    showStrength?: boolean;
+    /** Quando true, o campo ocupa 100% da largura do container. */
+    fullWidth?: boolean;
+    /** Callback opcional disparado quando uma senha forte é sugerida. */
+    onSuggest?: (password: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/password-field/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE5E,oEAAoE;AACpE,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IAClE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,oDAAoD;IACpD,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yFAAyF;IACzF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}

package/dist/components/molecules/password-field/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/password-field/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/password-field/utils/generate-strong-password.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Gera uma senha com comprimento dado, garantindo um caracter de cada tipo
+ * (minúscula, maiúscula, número, especial) e preenchendo o resto aleatoriamente.
+ */
+export declare function generateStrongPassword(length?: number): string;
+//# sourceMappingURL=generate-strong-password.d.ts.map

package/dist/components/molecules/password-field/utils/generate-strong-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-strong-password.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/password-field/utils/generate-strong-password.ts"],"names":[],"mappings":"AAyCA;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,SAAK,GAAG,MAAM,CAQ1D"}

package/dist/components/molecules/password-field/utils/generate-strong-password.js

@@ -0,0 +1,38 @@
+'use strict';
+
+const LOWER = "abcdefghjkmnpqrstuvwxyz";
+const UPPER = "ABCDEFGHJKMNPQRSTUVWXYZ";
+const DIGITS = "23456789";
+const SPECIAL = "!@#$%&*";
+function secureRandIndex(max) {
+  const limit = 2 ** 32 - 2 ** 32 % max;
+  const buf = new Uint32Array(1);
+  let val;
+  do {
+    crypto.getRandomValues(buf);
+    val = buf[0];
+  } while (val >= limit);
+  return val % max;
+}
+function securePick(str) {
+  return str[secureRandIndex(str.length)];
+}
+function secureShuffle(chars) {
+  const a = [...chars];
+  for (let i = a.length - 1; i > 0; i--) {
+    const j = secureRandIndex(i + 1);
+    [a[i], a[j]] = [a[j], a[i]];
+  }
+  return a;
+}
+function generateStrongPassword(length = 14) {
+  const atLeast = [securePick(LOWER), securePick(UPPER), securePick(DIGITS), securePick(SPECIAL)];
+  const pool = LOWER + UPPER + DIGITS + SPECIAL;
+  const rest = Array.from(
+    { length: Math.max(0, length - atLeast.length) },
+    () => securePick(pool)
+  );
+  return secureShuffle([...atLeast, ...rest]).join("");
+}
+
+exports.generateStrongPassword = generateStrongPassword;

package/dist/components/molecules/password-field/utils/generate-strong-password.mjs

@@ -0,0 +1,36 @@
+const LOWER = "abcdefghjkmnpqrstuvwxyz";
+const UPPER = "ABCDEFGHJKMNPQRSTUVWXYZ";
+const DIGITS = "23456789";
+const SPECIAL = "!@#$%&*";
+function secureRandIndex(max) {
+  const limit = 2 ** 32 - 2 ** 32 % max;
+  const buf = new Uint32Array(1);
+  let val;
+  do {
+    crypto.getRandomValues(buf);
+    val = buf[0];
+  } while (val >= limit);
+  return val % max;
+}
+function securePick(str) {
+  return str[secureRandIndex(str.length)];
+}
+function secureShuffle(chars) {
+  const a = [...chars];
+  for (let i = a.length - 1; i > 0; i--) {
+    const j = secureRandIndex(i + 1);
+    [a[i], a[j]] = [a[j], a[i]];
+  }
+  return a;
+}
+function generateStrongPassword(length = 14) {
+  const atLeast = [securePick(LOWER), securePick(UPPER), securePick(DIGITS), securePick(SPECIAL)];
+  const pool = LOWER + UPPER + DIGITS + SPECIAL;
+  const rest = Array.from(
+    { length: Math.max(0, length - atLeast.length) },
+    () => securePick(pool)
+  );
+  return secureShuffle([...atLeast, ...rest]).join("");
+}
+
+export { generateStrongPassword };

package/dist/components/molecules/password-field/variants.d.ts

@@ -0,0 +1,4 @@
+import type { PasswordFieldVariant } from "./types";
+/** Classes do root do Input por variante (estilo visível). */
+export declare const passwordFieldVariantRootClasses: Record<PasswordFieldVariant, string>;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/password-field/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,8DAA8D;AAC9D,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAKhF,CAAC"}

package/dist/components/molecules/password-field/variants.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const passwordFieldVariantRootClasses = {
+  default: "px-3 py-1 bg-background",
+  outline: "px-3 py-1 ring-1 ring-input focus-within:ring-2 focus-within:ring-ring/30 focus-within:ring-offset-0",
+  filled: "px-3 py-1 bg-muted border-transparent focus-within:bg-background focus-within:border-input"
+};
+
+exports.passwordFieldVariantRootClasses = passwordFieldVariantRootClasses;

package/dist/components/molecules/password-field/variants.mjs

@@ -0,0 +1,7 @@
+const passwordFieldVariantRootClasses = {
+  default: "px-3 py-1 bg-background",
+  outline: "px-3 py-1 ring-1 ring-input focus-within:ring-2 focus-within:ring-ring/30 focus-within:ring-offset-0",
+  filled: "px-3 py-1 bg-muted border-transparent focus-within:bg-background focus-within:border-input"
+};
+
+export { passwordFieldVariantRootClasses };

package/dist/components/molecules/popover/components/popover.d.ts

@@ -0,0 +1,24 @@
+import type { PopoverAnchorProps, PopoverContentProps, PopoverProps, PopoverTriggerProps } from "../types";
+declare function PopoverRoot(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverRoot {
+    var displayName: string;
+}
+declare function PopoverTrigger(props: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverTrigger {
+    var displayName: string;
+}
+declare function PopoverContent({ className, align, sideOffset, showArrow, children, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverContent {
+    var displayName: string;
+}
+declare function PopoverAnchor(props: PopoverAnchorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverAnchor {
+    var displayName: string;
+}
+export { PopoverRoot as Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+export declare const PopoverNamespace: typeof PopoverRoot & {
+    Trigger: typeof PopoverTrigger;
+    Content: typeof PopoverContent;
+    Anchor: typeof PopoverAnchor;
+};
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/molecules/popover/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/popover/components/popover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAIlB,iBAAS,WAAW,CAAC,KAAK,EAAE,YAAY,2CAEvC;kBAFQ,WAAW;;;AAKpB,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAEjD;kBAFQ,cAAc;;;AAKvB,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,SAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAqBrB;kBA5BQ,cAAc;;;AA+BvB,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAE/C;kBAFQ,aAAa;;;AAOtB,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;AAYjF,eAAO,MAAM,gBAAgB;;;;CAI3B,CAAC"}

package/dist/components/molecules/popover/components/popover.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+
+function PopoverRoot(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
+}
+PopoverRoot.displayName = "Popover";
+function PopoverTrigger(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+PopoverTrigger.displayName = "Popover.Trigger";
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  showArrow = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    PopoverPrimitive__namespace.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: utils.cn(variants.popoverContentClasses, className),
+      ...props,
+      children: [
+        children,
+        showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+          PopoverPrimitive__namespace.Arrow,
+          {
+            className: variants.popoverArrowClasses,
+            width: 12,
+            height: 6
+          }
+        )
+      ]
+    }
+  ) });
+}
+PopoverContent.displayName = "Popover.Content";
+function PopoverAnchor(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+PopoverAnchor.displayName = "Popover.Anchor";
+const PopoverNamespace = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Anchor: PopoverAnchor
+});
+
+exports.Popover = PopoverRoot;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverNamespace = PopoverNamespace;
+exports.PopoverTrigger = PopoverTrigger;