@janbox/storefront-ui 1.0.0

package/dist/lib/phone-input/phone-input.cjs

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const react$1 = require("@floating-ui/react");
+const lodashEs = require("lodash-es");
+const phone = require("phone");
+const usehooksTs = require("usehooks-ts");
+const countries = require("../../assets/json/countries.json.cjs");
+const useControllableState = require("../../hooks/use-controllable-state.cjs");
+const utils_index = require("../../utils/index.cjs");
+const theme_palette = require("../../theme/palette.cjs");
+const select = require("../select/select.cjs");
+const flag = require("../flag/flag.cjs");
+const inputMask = require("../input-mask/input-mask.cjs");
+const input = require("../input/input.cjs");
+const formHelperText = require("../form-helper-text/form-helper-text.cjs");
+const CountryRowLabel = ({ code, name, dial_code }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(flag.Flag, { countryCode: code }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { css: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+      dial_code,
+      " (",
+      name,
+      ")"
+    ] })
+  ] });
+};
+const SelectedRenderer = ({ code, dial_code }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { display: "flex", alignItems: "center", gap: 6 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(flag.Flag, { countryCode: code }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { css: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: dial_code })
+  ] });
+};
+const parsePhoneInputValue = (value) => {
+  var _a, _b;
+  if (lodashEs.isNil(value)) {
+    return value;
+  }
+  if (value.countryCode) {
+    return {
+      ...value,
+      dialCode: value.dialCode ?? ((_a = countries.find((country) => country.code === value.countryCode)) == null ? void 0 : _a.dial_code)
+    };
+  }
+  const { countryIso2 } = phone.phone([value.dialCode, value.nationalNumber].filter(Boolean).join(""));
+  return {
+    ...value,
+    countryCode: countryIso2 ?? ((_b = countries.find((country) => country.dial_code === value.dialCode)) == null ? void 0 : _b.code)
+  };
+};
+const PhoneInput = react.forwardRef(
+  ({ error, defaultValue, value, onChange, containerProps, helperText, disabled, ...props }, ref) => {
+    var _a;
+    const [selectOpen, setSelectOpen] = react.useState(false);
+    const [inputFocused, setInputFocused] = react.useState(false);
+    const inputRef = react.useRef(null);
+    const wrapperRef = react.useRef(null);
+    const mergedRefs = react$1.useMergeRefs([ref, wrapperRef]);
+    const [internalValue, setInternalValue] = useControllableState.useControllableState({
+      defaultValue: parsePhoneInputValue(defaultValue) ?? {
+        countryCode: (_a = countries.at(0)) == null ? void 0 : _a.code
+      },
+      value: parsePhoneInputValue(value)
+    });
+    const { width: wrapperWidth = 0 } = usehooksTs.useResizeObserver({
+      ref: wrapperRef,
+      box: "border-box"
+    });
+    const triggerChange = (next) => {
+      setInternalValue(next);
+      onChange == null ? void 0 : onChange(next);
+    };
+    const onDialCodeChange = (_, option) => {
+      var _a2;
+      triggerChange({
+        ...internalValue,
+        dialCode: option.dial_code,
+        countryCode: option.code
+      });
+      (_a2 = inputRef.current) == null ? void 0 : _a2.select();
+    };
+    const onNationalNumberChange = (e) => {
+      e.target.value = e.target.value.replace(/[^0-9]/g, "");
+      triggerChange({
+        ...internalValue,
+        nationalNumber: e.target.value
+      });
+    };
+    const inputDisplayValue = (() => {
+      const originalValue = internalValue.nationalNumber ?? "";
+      return inputFocused ? originalValue : originalValue.replace(/^(\d{1,3})(\d{0,3})?(\d*)$/, "$1 $2 $3");
+    })();
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...containerProps, css: { display: "flex", flexDirection: "column", width: "100%", ...containerProps == null ? void 0 : containerProps.css }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        inputMask.InputMask,
+        {
+          ...props,
+          css: [
+            error && !selectOpen && {
+              "&::after": { borderColor: theme_palette.getColorVar("red.600") }
+            },
+            inputFocused && {
+              "&::after": { borderColor: theme_palette.getColorVar("primary.600") },
+              boxShadow: `0 0 0 3px ${theme_palette.getColorVar("primary.300")}`
+            },
+            disabled && {
+              backgroundColor: utils_index.getColorShadesByVariant("neutral").disabledSurface,
+              pointerEvents: "none"
+            },
+            props.css
+          ],
+          ref: mergedRefs,
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { position: "absolute", inset: 0, display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              select.Select,
+              {
+                containerProps: {
+                  css: { width: "fit-content", minWidth: 80 }
+                },
+                css: {
+                  paddingRight: 0
+                },
+                xs: {
+                  outline: {
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0
+                  }
+                },
+                listProps: {
+                  style: {
+                    width: wrapperWidth
+                  }
+                },
+                value: internalValue.countryCode ?? null,
+                onChange: onDialCodeChange,
+                options: countries,
+                disabled,
+                selectedRenderer: SelectedRenderer,
+                optionLabel: CountryRowLabel,
+                optionValue: "code",
+                optionSearchLabel: ["name", "dial_code", "code"],
+                open: selectOpen,
+                onOpenChange: setSelectOpen
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { css: { borderRight: "1px solid", borderColor: theme_palette.getColorVar("border.default"), height: "66.666667%", marginLeft: 8, marginRight: 8 } }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              input.Input,
+              {
+                value: inputDisplayValue,
+                disabled,
+                containerProps: {
+                  css: { flex: 1 }
+                },
+                mainProps: {
+                  style: {
+                    paddingLeft: 0,
+                    boxShadow: "none"
+                  }
+                },
+                onChange: onNationalNumberChange,
+                xs: {
+                  css: {
+                    borderWidth: 0
+                  }
+                },
+                onFocus: () => setInputFocused(true),
+                onBlur: () => setInputFocused(false),
+                ref: inputRef
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(formHelperText.FormHelperText, { error, children: helperText })
+    ] });
+  }
+);
+exports.PhoneInput = PhoneInput;

package/dist/lib/phone-input/phone-input.d.ts

@@ -0,0 +1,3 @@
+import { PhoneInputProps } from './types';
+export declare const PhoneInput: import('react').ForwardRefExoticComponent<Omit<PhoneInputProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=phone-input.d.ts.map

package/dist/lib/phone-input/phone-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/lib/phone-input/phone-input.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAmB,MAAM,SAAS,CAAC;AAsD3D,eAAO,MAAM,UAAU,yHAkItB,CAAC"}

package/dist/lib/phone-input/phone-input.js

@@ -0,0 +1,182 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, useState, useRef } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { isNil } from "lodash-es";
+import { phone } from "phone";
+import { useResizeObserver } from "usehooks-ts";
+import countries from "../../assets/json/countries.json.js";
+import { useControllableState } from "../../hooks/use-controllable-state.js";
+import { getColorShadesByVariant } from "../../utils/index.js";
+import { getColorVar } from "../../theme/palette.js";
+import { Select } from "../select/select.js";
+import { Flag } from "../flag/flag.js";
+import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
+import { Input } from "../input/input.js";
+import { FormHelperText } from "../form-helper-text/form-helper-text.js";
+const CountryRowLabel = ({ code, name, dial_code }) => {
+  return /* @__PURE__ */ jsxs("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ jsx(Flag, { countryCode: code }),
+    /* @__PURE__ */ jsxs("span", { css: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+      dial_code,
+      " (",
+      name,
+      ")"
+    ] })
+  ] });
+};
+const SelectedRenderer = ({ code, dial_code }) => {
+  return /* @__PURE__ */ jsxs("div", { css: { display: "flex", alignItems: "center", gap: 6 }, children: [
+    /* @__PURE__ */ jsx(Flag, { countryCode: code }),
+    /* @__PURE__ */ jsx("span", { css: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: dial_code })
+  ] });
+};
+const parsePhoneInputValue = (value) => {
+  var _a, _b;
+  if (isNil(value)) {
+    return value;
+  }
+  if (value.countryCode) {
+    return {
+      ...value,
+      dialCode: value.dialCode ?? ((_a = countries.find((country) => country.code === value.countryCode)) == null ? void 0 : _a.dial_code)
+    };
+  }
+  const { countryIso2 } = phone([value.dialCode, value.nationalNumber].filter(Boolean).join(""));
+  return {
+    ...value,
+    countryCode: countryIso2 ?? ((_b = countries.find((country) => country.dial_code === value.dialCode)) == null ? void 0 : _b.code)
+  };
+};
+const PhoneInput = forwardRef(
+  ({ error, defaultValue, value, onChange, containerProps, helperText, disabled, ...props }, ref) => {
+    var _a;
+    const [selectOpen, setSelectOpen] = useState(false);
+    const [inputFocused, setInputFocused] = useState(false);
+    const inputRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const mergedRefs = useMergeRefs([ref, wrapperRef]);
+    const [internalValue, setInternalValue] = useControllableState({
+      defaultValue: parsePhoneInputValue(defaultValue) ?? {
+        countryCode: (_a = countries.at(0)) == null ? void 0 : _a.code
+      },
+      value: parsePhoneInputValue(value)
+    });
+    const { width: wrapperWidth = 0 } = useResizeObserver({
+      ref: wrapperRef,
+      box: "border-box"
+    });
+    const triggerChange = (next) => {
+      setInternalValue(next);
+      onChange == null ? void 0 : onChange(next);
+    };
+    const onDialCodeChange = (_, option) => {
+      var _a2;
+      triggerChange({
+        ...internalValue,
+        dialCode: option.dial_code,
+        countryCode: option.code
+      });
+      (_a2 = inputRef.current) == null ? void 0 : _a2.select();
+    };
+    const onNationalNumberChange = (e) => {
+      e.target.value = e.target.value.replace(/[^0-9]/g, "");
+      triggerChange({
+        ...internalValue,
+        nationalNumber: e.target.value
+      });
+    };
+    const inputDisplayValue = (() => {
+      const originalValue = internalValue.nationalNumber ?? "";
+      return inputFocused ? originalValue : originalValue.replace(/^(\d{1,3})(\d{0,3})?(\d*)$/, "$1 $2 $3");
+    })();
+    return /* @__PURE__ */ jsxs("div", { ...containerProps, css: { display: "flex", flexDirection: "column", width: "100%", ...containerProps == null ? void 0 : containerProps.css }, children: [
+      /* @__PURE__ */ jsx(
+        ForwardRefInputMask,
+        {
+          ...props,
+          css: [
+            error && !selectOpen && {
+              "&::after": { borderColor: getColorVar("red.600") }
+            },
+            inputFocused && {
+              "&::after": { borderColor: getColorVar("primary.600") },
+              boxShadow: `0 0 0 3px ${getColorVar("primary.300")}`
+            },
+            disabled && {
+              backgroundColor: getColorShadesByVariant("neutral").disabledSurface,
+              pointerEvents: "none"
+            },
+            props.css
+          ],
+          ref: mergedRefs,
+          children: /* @__PURE__ */ jsxs("div", { css: { position: "absolute", inset: 0, display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                containerProps: {
+                  css: { width: "fit-content", minWidth: 80 }
+                },
+                css: {
+                  paddingRight: 0
+                },
+                xs: {
+                  outline: {
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0
+                  }
+                },
+                listProps: {
+                  style: {
+                    width: wrapperWidth
+                  }
+                },
+                value: internalValue.countryCode ?? null,
+                onChange: onDialCodeChange,
+                options: countries,
+                disabled,
+                selectedRenderer: SelectedRenderer,
+                optionLabel: CountryRowLabel,
+                optionValue: "code",
+                optionSearchLabel: ["name", "dial_code", "code"],
+                open: selectOpen,
+                onOpenChange: setSelectOpen
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { css: { borderRight: "1px solid", borderColor: getColorVar("border.default"), height: "66.666667%", marginLeft: 8, marginRight: 8 } }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: inputDisplayValue,
+                disabled,
+                containerProps: {
+                  css: { flex: 1 }
+                },
+                mainProps: {
+                  style: {
+                    paddingLeft: 0,
+                    boxShadow: "none"
+                  }
+                },
+                onChange: onNationalNumberChange,
+                xs: {
+                  css: {
+                    borderWidth: 0
+                  }
+                },
+                onFocus: () => setInputFocused(true),
+                onBlur: () => setInputFocused(false),
+                ref: inputRef
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(FormHelperText, { error, children: helperText })
+    ] });
+  }
+);
+export {
+  PhoneInput
+};

package/dist/lib/phone-input/types.d.ts

@@ -0,0 +1,24 @@
+import { JSX } from 'react';
+import { Interpolation } from '@emotion/react';
+import { ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types';
+export type PhoneInputResponsiveProps = {
+    size?: Exclude<SizeVariant, 'xs'>;
+};
+export type PhoneInputValue = {
+    countryCode?: string;
+    dialCode?: string;
+    nationalNumber?: string;
+};
+export type PhoneInputProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    css?: Interpolation;
+    value?: PhoneInputValue;
+    defaultValue?: PhoneInputValue;
+    onChange?: (value: PhoneInputValue) => void;
+    error?: boolean;
+    helperText?: string;
+    containerProps?: JSX.IntrinsicElements['div'] & {
+        css?: Interpolation;
+    };
+    disabled?: boolean;
+} & ResponsiveDesign<PhoneInputResponsiveProps>>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/phone-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/phone-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAC9C,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAChD,CAAC"}

package/dist/lib/popover/index.d.ts

@@ -0,0 +1,5 @@
+export * from './popover';
+export * from './popover-trigger';
+export * from './popover-content';
+export * from './popover-close';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/dist/lib/popover/popover/helpers.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const helpers = require("../../floating/floating/helpers.cjs");
+const usePopoverContext = () => {
+  return helpers.useFloatingContext();
+};
+exports.usePopoverContext = usePopoverContext;

package/dist/lib/popover/popover/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const usePopoverContext: () => import('../../floating').FloatingContextValue;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/popover/popover/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,qDAE7B,CAAC"}

package/dist/lib/popover/popover/helpers.js

@@ -0,0 +1,7 @@
+import { useFloatingContext } from "../../floating/floating/helpers.js";
+const usePopoverContext = () => {
+  return useFloatingContext();
+};
+export {
+  usePopoverContext
+};

package/dist/lib/popover/popover/index.d.ts

@@ -0,0 +1,4 @@
+export * from './popover';
+export * from './types';
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/lib/popover/popover/popover.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useControllableState = require("../../../hooks/use-controllable-state.cjs");
+const floating = require("../../floating/floating/floating.cjs");
+const Popover = ({ ...props }) => {
+  const [open, setOpen] = useControllableState.useControllableState({
+    defaultValue: false,
+    value: props.open
+  });
+  const onOpenChange = (open2, event, reason) => {
+    var _a;
+    setOpen(open2);
+    (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2, event, reason);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    floating.Floating,
+    {
+      dismissProps: {
+        enabled: true
+      },
+      clickProps: {
+        enabled: true
+      },
+      ...props,
+      open,
+      onOpenChange
+    }
+  );
+};
+exports.Popover = Popover;

package/dist/lib/popover/popover/popover.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from './types';
+export declare const Popover: ({ ...props }: PopoverProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=popover.d.ts.map

package/dist/lib/popover/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAKvC,eAAO,MAAM,OAAO,iBAAkB,YAAY,qDAwBjD,CAAC"}

package/dist/lib/popover/popover/popover.js

@@ -0,0 +1,31 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useControllableState } from "../../../hooks/use-controllable-state.js";
+import { Floating } from "../../floating/floating/floating.js";
+const Popover = ({ ...props }) => {
+  const [open, setOpen] = useControllableState({
+    defaultValue: false,
+    value: props.open
+  });
+  const onOpenChange = (open2, event, reason) => {
+    var _a;
+    setOpen(open2);
+    (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2, event, reason);
+  };
+  return /* @__PURE__ */ jsx(
+    Floating,
+    {
+      dismissProps: {
+        enabled: true
+      },
+      clickProps: {
+        enabled: true
+      },
+      ...props,
+      open,
+      onOpenChange
+    }
+  );
+};
+export {
+  Popover
+};

package/dist/lib/popover/popover/types.d.ts

@@ -0,0 +1,3 @@
+import { FloatingProps } from '../../..';
+export type PopoverProps = FloatingProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/popover/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC"}

package/dist/lib/popover/popover-close/index.d.ts

@@ -0,0 +1,3 @@
+export * from './popover-close';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover-close/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/lib/popover/popover-close/popover-close.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const floatingClose = require("../../floating/floating-close/floating-close.cjs");
+const PopoverClose = floatingClose.FloatingClose;
+exports.PopoverClose = PopoverClose;

package/dist/lib/popover/popover-close/popover-close.d.ts

@@ -0,0 +1,2 @@
+export declare const PopoverClose: import('react').ForwardRefExoticComponent<Omit<import('../../floating').FloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=popover-close.d.ts.map

package/dist/lib/popover/popover-close/popover-close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/popover-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,qJAAgB,CAAC"}

package/dist/lib/popover/popover-close/popover-close.js

@@ -0,0 +1,5 @@
+import { FloatingClose } from "../../floating/floating-close/floating-close.js";
+const PopoverClose = FloatingClose;
+export {
+  PopoverClose
+};

package/dist/lib/popover/popover-close/types.d.ts

@@ -0,0 +1,3 @@
+import { FloatingCloseProps } from '../../..';
+export type PopoverCloseProps = FloatingCloseProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/popover-close/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC"}

package/dist/lib/popover/popover-content/index.d.ts

@@ -0,0 +1,3 @@
+export * from './popover-content';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/lib/popover/popover-content/popover-content.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+require("clsx");
+require("lodash-es");
+const theme_palette = require("../../../theme/palette.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const floatingContent = require("../../floating/floating-content/floating-content.cjs");
+const PopoverContent = react.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    floatingContent.FloatingContent,
+    {
+      css: {
+        backgroundColor: theme_palette.getColorVar("surface.default"),
+        padding: "0.75rem",
+        borderRadius: "0.75rem",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: theme_palette.getColorVar("neutral.100"),
+        boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)"
+      },
+      className: stylesheet.cn(className),
+      ...props,
+      ref
+    }
+  );
+});
+exports.PopoverContent = PopoverContent;

package/dist/lib/popover/popover-content/popover-content.d.ts

@@ -0,0 +1,2 @@
+export declare const PopoverContent: import('react').ForwardRefExoticComponent<Omit<import('../../..').FloatingContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=popover-content.d.ts.map

package/dist/lib/popover/popover-content/popover-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-content/popover-content.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,iJAiBzB,CAAC"}

package/dist/lib/popover/popover-content/popover-content.js

@@ -0,0 +1,29 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import "clsx";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { cn } from "../../../utils/stylesheet.js";
+import { FloatingContent } from "../../floating/floating-content/floating-content.js";
+const PopoverContent = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    FloatingContent,
+    {
+      css: {
+        backgroundColor: getColorVar("surface.default"),
+        padding: "0.75rem",
+        borderRadius: "0.75rem",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: getColorVar("neutral.100"),
+        boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)"
+      },
+      className: cn(className),
+      ...props,
+      ref
+    }
+  );
+});
+export {
+  PopoverContent
+};

package/dist/lib/popover/popover-content/types.d.ts

@@ -0,0 +1,3 @@
+import { FloatingContentProps } from '../../..';
+export type PopoverContentProps = FloatingContentProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/popover-content/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC"}