@als-tp/als-react-ts-ui 0.4.0 → 0.5.0

package/dist/als-react-ts-ui80.js

@@ -1,25 +1,25 @@
-import J from "./als-react-ts-ui197.js";
+import J from "./als-react-ts-ui259.js";
 import * as o from "react";
 import * as h from "react-dom";
-import { useStableCallback as v } from "./als-react-ts-ui160.js";
-import { usePopoverRootContext as Q } from "./als-react-ts-ui284.js";
-import { useButton as W } from "./als-react-ts-ui179.js";
-import { pressableTriggerOpenStateMapping as X, triggerOpenStateMapping as Z } from "./als-react-ts-ui188.js";
-import { useRenderElement as $ } from "./als-react-ts-ui166.js";
-import { CLICK_TRIGGER_IDENTIFIER as ee } from "./als-react-ts-ui198.js";
-import { OPEN_DELAY as te } from "./als-react-ts-ui287.js";
-import { useBaseUiId as re } from "./als-react-ts-ui170.js";
-import { FocusGuard as E } from "./als-react-ts-ui288.js";
-import { createChangeEventDetails as R } from "./als-react-ts-ui167.js";
+import { useStableCallback as v } from "./als-react-ts-ui192.js";
+import { usePopoverRootContext as Q } from "./als-react-ts-ui354.js";
+import { useButton as W } from "./als-react-ts-ui247.js";
+import { pressableTriggerOpenStateMapping as X, triggerOpenStateMapping as Z } from "./als-react-ts-ui244.js";
+import { useRenderElement as $ } from "./als-react-ts-ui189.js";
+import { CLICK_TRIGGER_IDENTIFIER as ee } from "./als-react-ts-ui260.js";
+import { OPEN_DELAY as te } from "./als-react-ts-ui357.js";
+import { useBaseUiId as re } from "./als-react-ts-ui249.js";
+import { FocusGuard as E } from "./als-react-ts-ui358.js";
+import { createChangeEventDetails as R } from "./als-react-ts-ui246.js";
 import { jsxs as oe, jsx as c } from "react/jsx-runtime";
-import { useHoverReferenceInteraction as se } from "./als-react-ts-ui289.js";
-import { safePolygon as ne } from "./als-react-ts-ui290.js";
-import { useClick as ie } from "./als-react-ts-ui200.js";
-import { useInteractions as ae } from "./als-react-ts-ui201.js";
-import { getTabbableBeforeElement as ce, isOutsideEvent as pe, getTabbableAfterElement as ue, getNextTabbable as le } from "./als-react-ts-ui291.js";
-import { useTriggerDataForwarding as ge } from "./als-react-ts-ui199.js";
-import { triggerPress as P, focusOut as O } from "./als-react-ts-ui168.js";
-import { contains as me } from "./als-react-ts-ui241.js";
+import { useHoverReferenceInteraction as se } from "./als-react-ts-ui359.js";
+import { safePolygon as ne } from "./als-react-ts-ui360.js";
+import { useClick as ie } from "./als-react-ts-ui262.js";
+import { useInteractions as ae } from "./als-react-ts-ui263.js";
+import { useTriggerDataForwarding as ce } from "./als-react-ts-ui261.js";
+import { triggerPress as P, focusOut as O } from "./als-react-ts-ui248.js";
+import { getTabbableBeforeElement as pe, isOutsideEvent as ue, getTabbableAfterElement as le, getNextTabbable as ge } from "./als-react-ts-ui361.js";
+import { contains as me } from "./als-react-ts-ui331.js";
 const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   const {
     render: be,
@@ -39,7 +39,7 @@ const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   const s = re(x), f = e.useState("isTriggerActive", s), i = e.useState("floatingRootContext"), d = e.useState("isOpenedByTrigger", s), [p, N] = o.useState(null), {
     registerTrigger: D,
     isMountedByThisTrigger: w
-  } = ge(s, p, e, {
+  } = ce(s, p, e, {
     payload: C,
     disabled: n,
     openOnHover: g,
@@ -82,19 +82,19 @@ const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   }), T = o.useRef(null), Y = v((t) => {
     h.flushSync(() => {
       e.setOpen(!1, R(O, t.nativeEvent, t.currentTarget));
-    }), ce(T.current)?.focus();
+    }), pe(T.current)?.focus();
   }), q = v((t) => {
     const a = e.select("positionerElement");
-    if (a && pe(t, a))
+    if (a && ue(t, a))
       e.context.beforeContentFocusGuardRef.current?.focus();
     else {
       h.flushSync(() => {
         e.setOpen(!1, R(O, t.nativeEvent, t.currentTarget));
       });
-      let r = ue(p);
+      let r = le(p);
       for (; r !== null && me(a, r) || r?.hasAttribute("aria-hidden"); ) {
         const z = r;
-        if (r = le(r), r === z)
+        if (r = ge(r), r === z)
           break;
       }
       r?.focus();

package/dist/als-react-ts-ui81.js

@@ -1,20 +1,20 @@
 import * as n from "react";
-import { inertValue as U } from "./als-react-ts-ui194.js";
-import { useIsoLayoutEffect as q } from "./als-react-ts-ui161.js";
-import { usePopoverRootContext as z } from "./als-react-ts-ui284.js";
-import { PopoverPositionerContext as G } from "./als-react-ts-ui293.js";
-import { useAnchorPositioning as J } from "./als-react-ts-ui272.js";
-import { popupStateMapping as K } from "./als-react-ts-ui188.js";
-import { usePopoverPortalContext as Q } from "./als-react-ts-ui292.js";
-import { InternalBackdrop as W } from "./als-react-ts-ui195.js";
-import { useRenderElement as X } from "./als-react-ts-ui166.js";
-import { POPUP_COLLISION_AVOIDANCE as Y } from "./als-react-ts-ui198.js";
-import { useAnimationsFinished as Z } from "./als-react-ts-ui217.js";
-import { adaptiveOrigin as $ } from "./als-react-ts-ui294.js";
-import { getDisabledMountTransitionStyles as ee } from "./als-react-ts-ui279.js";
+import { inertValue as U } from "./als-react-ts-ui256.js";
+import { useIsoLayoutEffect as q } from "./als-react-ts-ui193.js";
+import { usePopoverRootContext as z } from "./als-react-ts-ui354.js";
+import { PopoverPositionerContext as G } from "./als-react-ts-ui363.js";
+import { useAnchorPositioning as J } from "./als-react-ts-ui364.js";
+import { popupStateMapping as K } from "./als-react-ts-ui244.js";
+import { usePopoverPortalContext as Q } from "./als-react-ts-ui362.js";
+import { InternalBackdrop as W } from "./als-react-ts-ui257.js";
+import { useRenderElement as X } from "./als-react-ts-ui189.js";
+import { POPUP_COLLISION_AVOIDANCE as Y } from "./als-react-ts-ui260.js";
+import { useAnimationsFinished as Z } from "./als-react-ts-ui338.js";
+import { adaptiveOrigin as $ } from "./als-react-ts-ui365.js";
+import { getDisabledMountTransitionStyles as ee } from "./als-react-ts-ui366.js";
 import { jsxs as te, jsx as h } from "react/jsx-runtime";
-import { useFloatingNodeId as oe, FloatingNode as ne } from "./als-react-ts-ui286.js";
-import { triggerHover as re } from "./als-react-ts-ui168.js";
+import { useFloatingNodeId as oe, FloatingNode as ne } from "./als-react-ts-ui356.js";
+import { triggerHover as re } from "./als-react-ts-ui248.js";
 const ie = /* @__PURE__ */ n.forwardRef(function(a, S) {
   const {
     render: ae,

package/dist/als-react-ts-ui82.js

@@ -1,21 +1,21 @@
 import * as r from "react";
-import { isHTMLElement as w } from "./als-react-ts-ui221.js";
-import { usePopoverRootContext as A } from "./als-react-ts-ui284.js";
-import { usePopoverPositionerContext as G } from "./als-react-ts-ui293.js";
-import { popupStateMapping as K } from "./als-react-ts-ui188.js";
-import { transitionStatusMapping as Y } from "./als-react-ts-ui189.js";
-import { useOpenChangeComplete as j } from "./als-react-ts-ui183.js";
-import { useRenderElement as B } from "./als-react-ts-ui166.js";
-import { usePopupAutoResize as J } from "./als-react-ts-ui295.js";
-import { useDirection as V } from "./als-react-ts-ui164.js";
-import { COMPOSITE_KEYS as q } from "./als-react-ts-ui178.js";
-import { useToolbarRootContext as Q } from "./als-react-ts-ui278.js";
-import { getDisabledMountTransitionStyles as U } from "./als-react-ts-ui279.js";
+import { isHTMLElement as w } from "./als-react-ts-ui339.js";
+import { usePopoverRootContext as A } from "./als-react-ts-ui354.js";
+import { usePopoverPositionerContext as G } from "./als-react-ts-ui363.js";
+import { popupStateMapping as K } from "./als-react-ts-ui244.js";
+import { transitionStatusMapping as Y } from "./als-react-ts-ui245.js";
+import { useOpenChangeComplete as j } from "./als-react-ts-ui253.js";
+import { useRenderElement as B } from "./als-react-ts-ui189.js";
+import { usePopupAutoResize as J } from "./als-react-ts-ui367.js";
+import { useDirection as V } from "./als-react-ts-ui285.js";
+import { COMPOSITE_KEYS as q } from "./als-react-ts-ui254.js";
+import { useToolbarRootContext as Q } from "./als-react-ts-ui368.js";
+import { getDisabledMountTransitionStyles as U } from "./als-react-ts-ui366.js";
 import { jsx as W } from "react/jsx-runtime";
-import { useHoverFloatingInteraction as X } from "./als-react-ts-ui296.js";
-import { EMPTY_OBJECT as Z } from "./als-react-ts-ui212.js";
-import { FloatingFocusManager as $ } from "./als-react-ts-ui193.js";
-import { triggerHover as ee } from "./als-react-ts-ui168.js";
+import { useHoverFloatingInteraction as X } from "./als-react-ts-ui369.js";
+import { EMPTY_OBJECT as Z } from "./als-react-ts-ui303.js";
+import { FloatingFocusManager as $ } from "./als-react-ts-ui255.js";
+import { triggerHover as ee } from "./als-react-ts-ui248.js";
 const te = {
   ...K,
   ...Y
@@ -28,7 +28,7 @@ const te = {
     ...S
   } = p, {
     store: e
-  } = A(), o = G(), E = Q() != null, l = V(), s = e.useState("open"), b = e.useState("openMethod"), c = e.useState("instantType"), a = e.useState("transitionStatus"), y = e.useState("popupProps"), x = e.useState("titleElementId"), C = e.useState("descriptionElementId"), P = e.useState("modal"), m = e.useState("mounted"), v = e.useState("openChangeReason"), M = e.useState("popupElement"), F = e.useState("payload"), R = e.useState("positionerElement"), d = e.useState("activeTriggerElement"), i = e.useState("floatingRootContext");
+  } = A(), o = G(), E = Q(!0) != null, l = V(), s = e.useState("open"), b = e.useState("openMethod"), c = e.useState("instantType"), a = e.useState("transitionStatus"), y = e.useState("popupProps"), x = e.useState("titleElementId"), C = e.useState("descriptionElementId"), P = e.useState("modal"), m = e.useState("mounted"), v = e.useState("openChangeReason"), M = e.useState("popupElement"), F = e.useState("payload"), R = e.useState("positionerElement"), d = e.useState("activeTriggerElement"), i = e.useState("floatingRootContext");
   j({
     open: s,
     ref: e.context.popupRef,

package/dist/als-react-ts-ui83.js

@@ -1,8 +1,8 @@
 import * as s from "react";
-import { usePopoverPositionerContext as d } from "./als-react-ts-ui293.js";
-import { usePopoverRootContext as f } from "./als-react-ts-ui284.js";
-import { popupStateMapping as l } from "./als-react-ts-ui188.js";
-import { useRenderElement as v } from "./als-react-ts-ui166.js";
+import { usePopoverPositionerContext as d } from "./als-react-ts-ui363.js";
+import { usePopoverRootContext as f } from "./als-react-ts-ui354.js";
+import { popupStateMapping as l } from "./als-react-ts-ui244.js";
+import { useRenderElement as v } from "./als-react-ts-ui189.js";
 const w = /* @__PURE__ */ s.forwardRef(function(e, p) {
   const {
     className: R,

package/dist/als-react-ts-ui84.js

@@ -1,8 +1,8 @@
 import * as n from "react";
-import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
-import { usePopoverRootContext as m } from "./als-react-ts-ui284.js";
-import { useRenderElement as p } from "./als-react-ts-ui166.js";
-import { useBaseUiId as f } from "./als-react-ts-ui170.js";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui193.js";
+import { usePopoverRootContext as m } from "./als-react-ts-ui354.js";
+import { useRenderElement as p } from "./als-react-ts-ui189.js";
+import { useBaseUiId as f } from "./als-react-ts-ui249.js";
 const l = /* @__PURE__ */ n.forwardRef(function(o, s) {
   const {
     render: c,

package/dist/als-react-ts-ui85.js

@@ -1,8 +1,8 @@
 import * as n from "react";
-import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
-import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
-import { useBaseUiId as m } from "./als-react-ts-ui170.js";
-import { useRenderElement as c } from "./als-react-ts-ui166.js";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui193.js";
+import { usePopoverRootContext as p } from "./als-react-ts-ui354.js";
+import { useBaseUiId as m } from "./als-react-ts-ui249.js";
+import { useRenderElement as c } from "./als-react-ts-ui189.js";
 const d = /* @__PURE__ */ n.forwardRef(function(r, s) {
   const {
     render: u,

package/dist/als-react-ts-ui86.js

@@ -1,9 +1,9 @@
 import * as i from "react";
-import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
-import { useRenderElement as f } from "./als-react-ts-ui166.js";
-import { createChangeEventDetails as c } from "./als-react-ts-ui167.js";
-import { useButton as u } from "./als-react-ts-ui179.js";
-import { closePress as v } from "./als-react-ts-ui168.js";
+import { usePopoverRootContext as p } from "./als-react-ts-ui354.js";
+import { useRenderElement as f } from "./als-react-ts-ui189.js";
+import { createChangeEventDetails as c } from "./als-react-ts-ui246.js";
+import { useButton as u } from "./als-react-ts-ui247.js";
+import { closePress as v } from "./als-react-ts-ui248.js";
 const d = /* @__PURE__ */ i.forwardRef(function(e, t) {
   const {
     render: C,

package/dist/als-react-ts-ui87.js

@@ -1,9 +1,9 @@
 import * as r from "react";
-import { usePopoverRootContext as m } from "./als-react-ts-ui284.js";
-import { popupStateMapping as u } from "./als-react-ts-ui188.js";
-import { transitionStatusMapping as d } from "./als-react-ts-ui189.js";
-import { useRenderElement as f } from "./als-react-ts-ui166.js";
-import { triggerHover as l } from "./als-react-ts-ui168.js";
+import { usePopoverRootContext as m } from "./als-react-ts-ui354.js";
+import { popupStateMapping as u } from "./als-react-ts-ui244.js";
+import { transitionStatusMapping as d } from "./als-react-ts-ui245.js";
+import { useRenderElement as f } from "./als-react-ts-ui189.js";
+import { triggerHover as l } from "./als-react-ts-ui248.js";
 const S = {
   ...u,
   ...d

package/dist/als-react-ts-ui88.js

@@ -1,17 +1,17 @@
 import * as o from "react";
-import { useScrollLock as j } from "./als-react-ts-ui236.js";
-import { usePopoverRootContext as L, PopoverRootContext as N } from "./als-react-ts-ui284.js";
-import { PopoverStore as V } from "./als-react-ts-ui285.js";
-import { createChangeEventDetails as q } from "./als-react-ts-ui167.js";
-import { useOpenInteractionType as w } from "./als-react-ts-ui237.js";
+import { useScrollLock as j } from "./als-react-ts-ui326.js";
+import { usePopoverRootContext as L, PopoverRootContext as N } from "./als-react-ts-ui354.js";
+import { PopoverStore as V } from "./als-react-ts-ui355.js";
+import { createChangeEventDetails as q } from "./als-react-ts-ui246.js";
+import { useOpenInteractionType as w } from "./als-react-ts-ui327.js";
 import { jsx as p } from "react/jsx-runtime";
-import { FloatingTree as z, useFloatingParentNodeId as B } from "./als-react-ts-ui286.js";
-import { useSyncedFloatingRootContext as G } from "./als-react-ts-ui238.js";
-import { useDismiss as J } from "./als-react-ts-ui240.js";
-import { useRole as K } from "./als-react-ts-ui239.js";
-import { useInteractions as Q } from "./als-react-ts-ui201.js";
-import { useImplicitActiveTrigger as W, useOpenStateTransitions as X } from "./als-react-ts-ui199.js";
-import { triggerHover as Y, imperativeAction as Z } from "./als-react-ts-ui168.js";
+import { FloatingTree as z, useFloatingParentNodeId as B } from "./als-react-ts-ui356.js";
+import { useSyncedFloatingRootContext as G } from "./als-react-ts-ui328.js";
+import { useDismiss as J } from "./als-react-ts-ui330.js";
+import { useRole as K } from "./als-react-ts-ui329.js";
+import { useInteractions as Q } from "./als-react-ts-ui263.js";
+import { useImplicitActiveTrigger as W, useOpenStateTransitions as X } from "./als-react-ts-ui261.js";
+import { triggerHover as Y, imperativeAction as Z } from "./als-react-ts-ui248.js";
 function I({
   props: t
 }) {

package/dist/als-react-ts-ui89.js

@@ -1,8 +1,8 @@
 import * as a from "react";
-import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
-import { PopoverPortalContext as l } from "./als-react-ts-ui292.js";
+import { usePopoverRootContext as p } from "./als-react-ts-ui354.js";
+import { PopoverPortalContext as l } from "./als-react-ts-ui362.js";
 import { jsx as r } from "react/jsx-runtime";
-import { FloatingPortal as d } from "./als-react-ts-ui196.js";
+import { FloatingPortal as d } from "./als-react-ts-ui258.js";
 const u = /* @__PURE__ */ a.forwardRef(function(e, t) {
   const {
     keepMounted: o = !1,

package/dist/als-react-ts-ui9.js

@@ -1,9 +1,5 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui63.js";
-function p(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSCheckboxGroupRoot as o } from "./als-react-ts-ui63.js";
+const p = o;
 export {
-  p as ALSCheckboxGroup,
-  p as default
+  p as ALSCheckboxGroup
 };

package/dist/als-react-ts-ui90.js

@@ -1,7 +1,194 @@
-const o = "_root_1iiym_1", t = {
-  root: o
-};
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import * as d from "react";
+import { clsx as n } from "./als-react-ts-ui56.js";
+import o from "./als-react-ts-ui272.js";
+import { PreviewCardTrigger as P } from "./als-react-ts-ui273.js";
+import { PreviewCardPositioner as v } from "./als-react-ts-ui274.js";
+import { PreviewCardPopup as L } from "./als-react-ts-ui275.js";
+import { PreviewCardArrow as f } from "./als-react-ts-ui276.js";
+import { PreviewCardPortal as A } from "./als-react-ts-ui277.js";
+import { PreviewCardRoot as u } from "./als-react-ts-ui278.js";
+const l = d.createContext({
+  variant: "default",
+  size: "md"
+}), p = () => d.useContext(l), S = (r) => /* @__PURE__ */ c("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...r, children: [
+  /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+      className: o.arrowFill
+    }
+  ),
+  /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+      className: o.arrowOuterStroke
+    }
+  ),
+  /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+      className: o.arrowInnerStroke
+    }
+  )
+] }), N = ({
+  defaultOpen: r = !1,
+  open: e,
+  onOpenChange: a,
+  children: t
+}) => /* @__PURE__ */ i(
+  u,
+  {
+    defaultOpen: r,
+    open: e,
+    onOpenChange: a,
+    children: t
+  }
+);
+N.displayName = "ALSPreviewCard.Root";
+const g = d.forwardRef(
+  ({ href: r, delay: e = 600, closeDelay: a = 300, className: t, style: s, children: m }, w) => /* @__PURE__ */ i(
+    P,
+    {
+      ref: w,
+      href: r,
+      delay: e,
+      closeDelay: a,
+      className: n(o.trigger, t),
+      style: s,
+      children: m
+    }
+  )
+);
+g.displayName = "ALSPreviewCard.Trigger";
+const R = ({
+  container: r,
+  keepMounted: e = !1,
+  children: a
+}) => /* @__PURE__ */ i(A, { container: r, keepMounted: e, children: a });
+R.displayName = "ALSPreviewCard.Portal";
+const y = d.forwardRef(
+  ({
+    side: r = "bottom",
+    sideOffset: e = 8,
+    align: a = "center",
+    alignOffset: t = 0,
+    className: s,
+    style: m,
+    children: w
+  }, C) => /* @__PURE__ */ i(
+    v,
+    {
+      ref: C,
+      side: r,
+      sideOffset: e,
+      align: a,
+      alignOffset: t,
+      className: n(o.positioner, s),
+      style: m,
+      children: w
+    }
+  )
+);
+y.displayName = "ALSPreviewCard.Positioner";
+const h = d.forwardRef(({ variant: r = "default", size: e = "md", className: a, style: t, children: s }, m) => {
+  const w = d.useMemo(
+    () => ({ variant: r, size: e }),
+    [r, e]
+  );
+  return /* @__PURE__ */ i(l.Provider, { value: w, children: /* @__PURE__ */ i(
+    L,
+    {
+      ref: m,
+      className: n(
+        o.popup,
+        o[`popup--${r}`],
+        o[`popup--${e}`],
+        a
+      ),
+      style: t,
+      children: s
+    }
+  ) });
+});
+h.displayName = "ALSPreviewCard.Popup";
+const x = d.forwardRef(({ className: r, style: e }, a) => /* @__PURE__ */ i(
+  f,
+  {
+    ref: a,
+    className: n(o.arrow, r),
+    style: e,
+    children: /* @__PURE__ */ i(S, {})
+  }
+));
+x.displayName = "ALSPreviewCard.Arrow";
+const H = d.forwardRef(({ src: r, alt: e, width: a, height: t, className: s, style: m }, w) => {
+  const { size: C } = p();
+  return /* @__PURE__ */ i(
+    "img",
+    {
+      ref: w,
+      src: r,
+      alt: e,
+      width: a,
+      height: t,
+      className: n(o.image, o[`image--${C}`], s),
+      style: m
+    }
+  );
+});
+H.displayName = "ALSPreviewCard.Image";
+const T = d.forwardRef(({ className: r, style: e, children: a }, t) => {
+  const { size: s } = p();
+  return /* @__PURE__ */ i(
+    "h4",
+    {
+      ref: t,
+      className: n(o.title, o[`title--${s}`], r),
+      style: e,
+      children: a
+    }
+  );
+});
+T.displayName = "ALSPreviewCard.Title";
+const V = d.forwardRef(({ className: r, style: e, children: a }, t) => {
+  const { size: s } = p();
+  return /* @__PURE__ */ i(
+    "p",
+    {
+      ref: t,
+      className: n(
+        o.description,
+        o[`description--${s}`],
+        r
+      ),
+      style: e,
+      children: a
+    }
+  );
+});
+V.displayName = "ALSPreviewCard.Description";
+const $ = d.forwardRef(({ className: r, style: e, children: a }, t) => /* @__PURE__ */ i(
+  "div",
+  {
+    ref: t,
+    className: n(o.content, r),
+    style: e,
+    children: a
+  }
+));
+$.displayName = "ALSPreviewCard.Content";
 export {
-  t as default,
-  o as root
+  x as ALSPreviewCardArrow,
+  $ as ALSPreviewCardContent,
+  V as ALSPreviewCardDescription,
+  H as ALSPreviewCardImage,
+  h as ALSPreviewCardPopup,
+  R as ALSPreviewCardPortal,
+  y as ALSPreviewCardPositioner,
+  N as ALSPreviewCardRoot,
+  T as ALSPreviewCardTitle,
+  g as ALSPreviewCardTrigger
 };

package/dist/als-react-ts-ui91.js

@@ -1,12 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
 import { clsx as t } from "./als-react-ts-ui56.js";
 import { forwardRef as m } from "react";
-import e from "./als-react-ts-ui152.js";
-import { ProgressRoot as c } from "./als-react-ts-ui153.js";
-import { ProgressTrack as p } from "./als-react-ts-ui154.js";
-import { ProgressIndicator as g } from "./als-react-ts-ui155.js";
-import { ProgressLabel as n } from "./als-react-ts-ui156.js";
-import { ProgressValue as P } from "./als-react-ts-ui157.js";
+import e from "./als-react-ts-ui233.js";
+import { ProgressRoot as c } from "./als-react-ts-ui234.js";
+import { ProgressTrack as p } from "./als-react-ts-ui235.js";
+import { ProgressIndicator as g } from "./als-react-ts-ui236.js";
+import { ProgressLabel as n } from "./als-react-ts-ui237.js";
+import { ProgressValue as P } from "./als-react-ts-ui238.js";
 const L = m(
   ({ className: r, variant: s = "primary", size: o = "md", ...i }, l) => /* @__PURE__ */ a(
     c,