@uselets/ui 1.8.0 → 1.10.0

package/dist/components/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { n as __name } from "../chunk-CHh1Zzun.js";
+import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 import * as React from "react";
 
@@ -15,10 +15,10 @@ type TooltipProps = Omit<TooltipRootProps, 'children'> & Omit<TooltipContentProp
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
+}: TooltipProviderProps): React.JSX.Element;
 declare function TooltipRoot({
   ...props
-}: TooltipRootProps): import("react/jsx-runtime").JSX.Element;
+}: TooltipRootProps): React.JSX.Element;
 declare function Tooltip({
   label,
   children,
@@ -29,16 +29,16 @@ declare function Tooltip({
   delayDuration,
   disableHoverableContent,
   ...contentProps
-}: TooltipProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}: TooltipProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 declare function TooltipTrigger({
   ...props
-}: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+}: TooltipTriggerProps): React.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+}: TooltipContentProps): React.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip.js

@@ -1,2 +1,2 @@
-import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{Tooltip as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function TooltipProvider({delayDuration:e=0,...r}){return n(t.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...r})}function TooltipRoot({...e}){return n(t.Root,{"data-slot":`tooltip-root`,...e})}function Tooltip({label:e,children:t,disabled:i=!1,open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,...u}){return i?t:r(TooltipRoot,{open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,children:[n(TooltipTrigger,{asChild:!0,children:t}),n(TooltipContent,{...u,children:e})]})}function TooltipTrigger({...e}){return n(t.Trigger,{"data-slot":`tooltip-trigger`,...e})}function TooltipContent({className:i,sideOffset:a=0,children:o,...s}){return n(t.Portal,{children:r(t.Content,{"data-slot":`tooltip-content`,sideOffset:a,className:e(`bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--radix-tooltip-content-transform-origin)`,`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95`,`data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,i),...s,children:[o,n(t.Arrow,{className:`size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]`})]})})}export{Tooltip,TooltipContent,TooltipProvider,TooltipRoot,TooltipTrigger};
+import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Tooltip as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function TooltipProvider({delayDuration:e=0,...r}){return n(t.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...r})}function TooltipRoot({...e}){return n(t.Root,{"data-slot":`tooltip-root`,...e})}function Tooltip({label:e,children:t,disabled:i=!1,open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,...u}){return i?t:r(TooltipRoot,{open:a,defaultOpen:o,onOpenChange:s,delayDuration:c,disableHoverableContent:l,children:[n(TooltipTrigger,{asChild:!0,children:t}),n(TooltipContent,{...u,children:e})]})}function TooltipTrigger({...e}){return n(t.Trigger,{"data-slot":`tooltip-trigger`,...e})}function TooltipContent({className:i,sideOffset:a=0,children:o,...s}){return n(t.Portal,{children:r(t.Content,{"data-slot":`tooltip-content`,sideOffset:a,className:e(`bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--radix-tooltip-content-transform-origin)`,`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95`,`data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,i),...s,children:[o,n(t.Arrow,{className:`size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]`})]})})}export{Tooltip,TooltipContent,TooltipProvider,TooltipRoot,TooltipTrigger};
 //# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["TooltipPrimitive"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>\n\nexport type TooltipRootProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport type TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>\n\nexport type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content>\n\nexport type TooltipProps = Omit<TooltipRootProps, 'children'> &\n  Omit<TooltipContentProps, 'children'> & {\n    children?: React.ReactNode\n    label?: React.ReactNode\n    disabled?: boolean\n  }\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />\n}\n\nfunction TooltipRoot({ ...props }: TooltipRootProps) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip-root\" {...props} />\n}\n\nfunction Tooltip({\n  label,\n  children,\n  disabled = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...contentProps\n}: TooltipProps) {\n  if (disabled) {\n    return children\n  }\n\n  return (\n    <TooltipRoot\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <TooltipTrigger asChild>{children}</TooltipTrigger>\n      <TooltipContent {...contentProps}>{label}</TooltipContent>\n    </TooltipRoot>\n  )\n}\n\nfunction TooltipTrigger({ ...props }: TooltipTriggerProps) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({ className, sideOffset = 0, children, ...props }: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--radix-tooltip-content-transform-origin)',\n          'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger }\n"],"mappings":"uJAqBA,SAAS,gBAAgB,CAAE,gBAAgB,EAAG,GAAG,GAA+B,CAC9E,OAAO,EAACA,EAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,CAAQ,CAAA,CAC3G,CAEA,SAAS,YAAY,CAAE,GAAG,GAA2B,CACnD,OAAO,EAACA,EAAiB,KAAlB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,QAAQ,CACf,QACA,WACA,WAAW,GACX,OACA,cACA,eACA,gBACA,0BACA,GAAG,GACY,CAKf,OAJI,EACK,EAIP,EAAC,YAAD,CACQ,OACO,cACC,eACC,gBACU,mCAL3B,CAOE,EAAC,eAAD,CAAgB,QAAA,GAAS,UAAyB,CAAA,EAClD,EAAC,eAAD,CAAgB,GAAI,WAAe,CAAsB,CAAA,CAC9C,GAEjB,CAEA,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAACA,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,eAAe,CAAE,YAAW,aAAa,EAAG,WAAU,GAAG,GAA8B,CAC9F,OACE,EAACA,EAAiB,OAAlB,CAAA,SACE,EAACA,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EACT,qIACA,8KACA,yEACA,8JACA,CACF,EACA,GAAI,WAVN,CAYG,EACD,EAACA,EAAiB,MAAlB,CAAwB,UAAU,kGAAoG,CAAA,CAC9G,GACH,CAAA,CAE7B"}
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>\n\nexport type TooltipRootProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport type TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>\n\nexport type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content>\n\nexport type TooltipProps = Omit<TooltipRootProps, 'children'> &\n  Omit<TooltipContentProps, 'children'> & {\n    children?: React.ReactNode\n    label?: React.ReactNode\n    disabled?: boolean\n  }\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: TooltipProviderProps) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />\n}\n\nfunction TooltipRoot({ ...props }: TooltipRootProps) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip-root\" {...props} />\n}\n\nfunction Tooltip({\n  label,\n  children,\n  disabled = false,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...contentProps\n}: TooltipProps) {\n  if (disabled) {\n    return children\n  }\n\n  return (\n    <TooltipRoot\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      delayDuration={delayDuration}\n      disableHoverableContent={disableHoverableContent}\n    >\n      <TooltipTrigger asChild>{children}</TooltipTrigger>\n      <TooltipContent {...contentProps}>{label}</TooltipContent>\n    </TooltipRoot>\n  )\n}\n\nfunction TooltipTrigger({ ...props }: TooltipTriggerProps) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({ className, sideOffset = 0, children, ...props }: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background z-50 w-fit max-w-xs rounded-md px-3 py-1.5 text-xs origin-(--radix-tooltip-content-transform-origin)',\n          'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"size-2.5 rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%-2px)]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger }\n"],"mappings":"kKAqBA,SAAS,gBAAgB,CAAE,gBAAgB,EAAG,GAAG,GAA+B,CAC9E,OAAO,EAACA,EAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,CAAQ,CAAA,CAC3G,CAEA,SAAS,YAAY,CAAE,GAAG,GAA2B,CACnD,OAAO,EAACA,EAAiB,KAAlB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,QAAQ,CACf,QACA,WACA,WAAW,GACX,OACA,cACA,eACA,gBACA,0BACA,GAAG,GACY,CAKf,OAJI,EACK,EAIP,EAAC,YAAD,CACQ,OACO,cACC,eACC,gBACU,mCAL3B,CAOE,EAAC,eAAD,CAAgB,QAAA,GAAS,UAAyB,CAAA,EAClD,EAAC,eAAD,CAAgB,GAAI,WAAe,CAAsB,CAAA,CAC9C,GAEjB,CAEA,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAACA,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,eAAe,CAAE,YAAW,aAAa,EAAG,WAAU,GAAG,GAA8B,CAC9F,OACE,EAACA,EAAiB,OAAlB,CAAA,SACE,EAACA,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EACT,qIACA,8KACA,yEACA,8JACA,CACF,EACA,GAAI,WAVN,CAYG,EACD,EAACA,EAAiB,MAAlB,CAAwB,UAAU,kGAAoG,CAAA,CAC9G,GACH,CAAA,CAE7B"}

package/dist/components/unstyled-button.d.ts

@@ -1,4 +1,4 @@
-import { n as __name } from "../chunk-CHh1Zzun.js";
+import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
 import * as React from "react";
 
 //#region src/components/unstyled-button.d.ts
@@ -10,7 +10,7 @@ declare function UnstyledButton({
   type,
   asChild,
   ...props
-}: UnstyledButtonProps): import("react/jsx-runtime").JSX.Element;
+}: UnstyledButtonProps): React.JSX.Element;
 //#endregion
 export { UnstyledButton, UnstyledButtonProps };
 //# sourceMappingURL=unstyled-button.d.ts.map

package/dist/components/unstyled-button.js

@@ -1,2 +1,2 @@
-import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function UnstyledButton({className:r,type:i=`button`,asChild:a=!1,...o}){return n(a?t.Root:`button`,{type:a?void 0:i,"data-slot":`unstyled-button`,className:e(`inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none`,`cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50`,`focus-visible:ring-3 focus-visible:ring-ring/50`,r),...o})}export{UnstyledButton};
+import"../rolldown-runtime-Bdj-bS2b.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function UnstyledButton({className:r,type:i=`button`,asChild:a=!1,...o}){return n(a?t.Root:`button`,{type:a?void 0:i,"data-slot":`unstyled-button`,className:e(`inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none`,`cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50`,`focus-visible:ring-3 focus-visible:ring-ring/50`,r),...o})}export{UnstyledButton};
 //# sourceMappingURL=unstyled-button.js.map

package/dist/components/unstyled-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"unstyled-button.js","names":[],"sources":["../../src/components/unstyled-button.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type UnstyledButtonProps = React.ComponentProps<'button'> & {\n  asChild?: boolean\n}\n\nfunction UnstyledButton({ className, type = 'button', asChild = false, ...props }: UnstyledButtonProps) {\n  const Comp = asChild ? Slot.Root : 'button'\n\n  return (\n    <Comp\n      type={!asChild ? type : undefined}\n      data-slot=\"unstyled-button\"\n      className={cn(\n        'inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none',\n        'cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50',\n        'focus-visible:ring-3 focus-visible:ring-ring/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { UnstyledButton }\n"],"mappings":"0IAUA,SAAS,eAAe,CAAE,YAAW,OAAO,SAAU,UAAU,GAAO,GAAG,GAA8B,CAGtG,OACE,EAHW,EAAU,EAAK,KAAO,SAGjC,CACE,KAAO,EAAiB,IAAA,GAAP,EACjB,YAAU,kBACV,UAAW,EACT,+HACA,8EACA,kDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"unstyled-button.js","names":[],"sources":["../../src/components/unstyled-button.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type UnstyledButtonProps = React.ComponentProps<'button'> & {\n  asChild?: boolean\n}\n\nfunction UnstyledButton({ className, type = 'button', asChild = false, ...props }: UnstyledButtonProps) {\n  const Comp = asChild ? Slot.Root : 'button'\n\n  return (\n    <Comp\n      type={!asChild ? type : undefined}\n      data-slot=\"unstyled-button\"\n      className={cn(\n        'inline-flex appearance-none items-center justify-center border-0 bg-transparent p-0 [font:inherit] text-inherit outline-none',\n        'cursor-pointer select-none disabled:pointer-events-none disabled:opacity-50',\n        'focus-visible:ring-3 focus-visible:ring-ring/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { UnstyledButton }\n"],"mappings":"qJAUA,SAAS,eAAe,CAAE,YAAW,OAAO,SAAU,UAAU,GAAO,GAAG,GAA8B,CAGtG,OACE,EAHW,EAAU,EAAK,KAAO,SAGjC,CACE,KAAO,EAAiB,IAAA,GAAP,EACjB,YAAU,kBACV,UAAW,EACT,+HACA,8EACA,kDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/visibility.d.ts

@@ -1,4 +1,4 @@
-import { n as __name } from "../chunk-CHh1Zzun.js";
+import { n as __name } from "../rolldown-runtime-Bdj-bS2b.js";
 import { Breakpoint } from "../hooks/use-breakpoint.js";
 
 //#region src/components/visibility.d.ts
@@ -10,7 +10,7 @@ type HiddenFromProps = React.ComponentProps<'div'> & {
 declare function HiddenFrom({
   breakpoint,
   children
-}: HiddenFromProps): import("react/jsx-runtime").JSX.Element;
+}: HiddenFromProps): import("react").JSX.Element;
 type VisibleFromProps = {
   breakpoint: VisibilityBreakpoint;
   children?: React.ReactNode;
@@ -18,7 +18,7 @@ type VisibleFromProps = {
 declare function VisibleFrom({
   breakpoint,
   children
-}: VisibleFromProps): import("react/jsx-runtime").JSX.Element;
+}: VisibleFromProps): import("react").JSX.Element;
 //#endregion
 export { HiddenFrom, HiddenFromProps, VisibleFrom, VisibleFromProps };
 //# sourceMappingURL=visibility.d.ts.map

package/dist/components/visibility.js

@@ -1,2 +1,2 @@
-import"../chunk-CHh1Zzun.js";import{useBreakpoint as e}from"../hooks/use-breakpoint.js";import{jsx as t}from"react/jsx-runtime";import{Activity as n}from"react";function HiddenFrom({breakpoint:r,children:i}){return t(n,{mode:e(r)?`hidden`:`visible`,children:i})}function VisibleFrom({breakpoint:r,children:i}){return t(n,{mode:e(r)?`visible`:`hidden`,children:i})}export{HiddenFrom,VisibleFrom};
+import"../rolldown-runtime-Bdj-bS2b.js";import{useBreakpoint as e}from"../hooks/use-breakpoint.js";import{jsx as t}from"react/jsx-runtime";import{Activity as n}from"react";function HiddenFrom({breakpoint:r,children:i}){return t(n,{mode:e(r)?`hidden`:`visible`,children:i})}function VisibleFrom({breakpoint:r,children:i}){return t(n,{mode:e(r)?`visible`:`hidden`,children:i})}export{HiddenFrom,VisibleFrom};
 //# sourceMappingURL=visibility.js.map

package/dist/components/visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"visibility.js","names":[],"sources":["../../src/components/visibility.tsx"],"sourcesContent":["import { Activity } from 'react'\n\nimport { type Breakpoint, useBreakpoint } from '../hooks/use-breakpoint'\n\ntype VisibilityBreakpoint = Exclude<Breakpoint, 'base'>\n\nexport type HiddenFromProps = React.ComponentProps<'div'> & {\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction HiddenFrom({ breakpoint, children }: HiddenFromProps) {\n  const isHidden = useBreakpoint(breakpoint)\n\n  return <Activity mode={isHidden ? 'hidden' : 'visible'}>{children}</Activity>\n}\n\nexport type VisibleFromProps = {\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction VisibleFrom({ breakpoint, children }: VisibleFromProps) {\n  const isVisible = useBreakpoint(breakpoint)\n\n  return <Activity mode={isVisible ? 'visible' : 'hidden'}>{children}</Activity>\n}\n\nexport { HiddenFrom, VisibleFrom }\n"],"mappings":"iKAWA,SAAS,WAAW,CAAE,aAAY,YAA6B,CAG7D,OAAO,EAAC,EAAD,CAAU,KAFA,EAAc,CAED,EAAI,SAAW,UAAY,UAAmB,CAAA,CAC9E,CAOA,SAAS,YAAY,CAAE,aAAY,YAA8B,CAG/D,OAAO,EAAC,EAAD,CAAU,KAFC,EAAc,CAED,EAAI,UAAY,SAAW,UAAmB,CAAA,CAC/E"}
+{"version":3,"file":"visibility.js","names":[],"sources":["../../src/components/visibility.tsx"],"sourcesContent":["import { Activity } from 'react'\n\nimport { type Breakpoint, useBreakpoint } from '../hooks/use-breakpoint'\n\ntype VisibilityBreakpoint = Exclude<Breakpoint, 'base'>\n\nexport type HiddenFromProps = React.ComponentProps<'div'> & {\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction HiddenFrom({ breakpoint, children }: HiddenFromProps) {\n  const isHidden = useBreakpoint(breakpoint)\n\n  return <Activity mode={isHidden ? 'hidden' : 'visible'}>{children}</Activity>\n}\n\nexport type VisibleFromProps = {\n  breakpoint: VisibilityBreakpoint\n  children?: React.ReactNode\n}\n\nfunction VisibleFrom({ breakpoint, children }: VisibleFromProps) {\n  const isVisible = useBreakpoint(breakpoint)\n\n  return <Activity mode={isVisible ? 'visible' : 'hidden'}>{children}</Activity>\n}\n\nexport { HiddenFrom, VisibleFrom }\n"],"mappings":"4KAWA,SAAS,WAAW,CAAE,aAAY,YAA6B,CAG7D,OAAO,EAAC,EAAD,CAAU,KAFA,EAAc,CAED,EAAI,SAAW,UAAY,UAAmB,CAAA,CAC9E,CAOA,SAAS,YAAY,CAAE,aAAY,YAA8B,CAG/D,OAAO,EAAC,EAAD,CAAU,KAFC,EAAc,CAED,EAAI,UAAY,SAAW,UAAmB,CAAA,CAC/E"}