@egcs/newui 0.0.0-stage → 0.1.0-alpha.0

package/dist/chunks/solid-CQDNFR23.jsx

@@ -0,0 +1,36 @@
+import { progressTones } from "./solid-HPIY6TOI.jsx";
+
+// feedback/progress-circle/progress-circle.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var progressCircleRecipe = tv({
+  slots: {
+    root: "nui:inline-flex nui:min-w-0 nui:flex-col nui:items-center nui:gap-2",
+    visual: "nui:relative nui:grid nui:shrink-0 nui:place-items-center",
+    circle: "nui-progress-circle nui:col-start-1 nui:row-start-1",
+    track: "nui:stroke-[var(--nui-progress-track)]",
+    range: "nui-progress-circle-range nui:stroke-[var(--nui-progress-color)] nui:[stroke-linecap:round]",
+    value: "nui:pointer-events-none nui:col-start-1 nui:row-start-1 nui:max-w-[calc(var(--size)-var(--thickness)*3)] nui:text-center nui:text-xs nui:leading-tight nui:font-medium nui:tabular-nums nui:text-[var(--nui-progress-text)] nui:wrap-anywhere",
+    label: "nui:max-w-[20ch] nui:text-center nui:text-sm nui:leading-snug nui:font-medium nui:text-[var(--nui-progress-strong)] nui:wrap-anywhere",
+    hidden: "nui:sr-only"
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "nui:[--size:48px] nui:[--thickness:4px]"
+      },
+      md: {
+        root: "nui:[--size:80px] nui:[--thickness:6px]"
+      },
+      lg: {
+        root: "nui:[--size:112px] nui:[--thickness:8px]",
+        value: "nui:text-base"
+      }
+    },
+    tone: progressTones
+  },
+  defaultVariants: {
+    size: "md",
+    tone: "primary"
+  }
+});
+export { progressCircleRecipe };

package/dist/chunks/solid-CWAM7WUH.jsx

@@ -0,0 +1,34 @@
+// actions/button-group/button-group.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var buttonGroupRecipe = tv({
+  base: "nui-button-group nui:flex nui:min-w-0",
+  variants: {
+    orientation: {
+      horizontal: "nui:flex-row nui:items-center",
+      vertical: "nui:w-fit nui:flex-col nui:items-stretch"
+    },
+    align: {
+      start: "nui:justify-start",
+      center: "nui:justify-center",
+      end: "nui:justify-end"
+    },
+    attached: {
+      true: "nui:gap-0 nui:flex-nowrap",
+      false: "nui:gap-2"
+    },
+    fullWidth: {
+      true: "nui:w-full nui:[&>[data-nui-button]]:min-w-0 nui:[&>[data-nui-button]]:flex-1"
+    }
+  },
+  compoundVariants: [{
+    orientation: "horizontal",
+    attached: false,
+    class: "nui:flex-wrap"
+  }],
+  defaultVariants: {
+    orientation: "horizontal",
+    align: "start",
+    attached: false
+  }
+});
+export { buttonGroupRecipe };

package/dist/chunks/solid-D7DFXPSQ.jsx

@@ -0,0 +1,22 @@
+// data/delta/delta.ts
+var percent = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 1,
+  signDisplay: "exceptZero"
+});
+function formatDelta(value) {
+  return `${percent.format(value)}%`;
+}
+function deltaDirection(value) {
+  if (!Number.isFinite(value)) return "unavailable";
+  if (value === 0) return "unchanged";
+  return value > 0 ? "increase" : "decrease";
+}
+function deltaTone(value, isPositiveGood = true) {
+  if (!Number.isFinite(value) || value === 0) return "neutral";
+  return value > 0 === isPositiveGood ? "success" : "danger";
+}
+function deltaLabel(options) {
+  if (!Number.isFinite(options.value)) return "Unavailable";
+  return (options.valueFormat ?? formatDelta)(options.value);
+}
+export { formatDelta, deltaDirection, deltaTone, deltaLabel };

package/dist/chunks/solid-DL3CJ2LV.jsx

@@ -0,0 +1,33 @@
+import { formatChartValue } from "./solid-5FPYERHO.jsx";
+import { Table } from "./solid-6XESUZ4W.jsx";
+
+// data/chart/chart-data.tsx
+import { For } from "solid-js";
+function ChartData(props) {
+  return <Table.Container aria-label={`${props.title} values`}>
+      <Table.Root density="compact" class="nui-chart-values">
+        <Table.Caption>{props.title} — chart values</Table.Caption>
+        <Table.Header>
+          <Table.Row>
+            <Table.Head>Category</Table.Head>
+            <For each={props.series}>
+              {series => <Table.Head align="end">{series.label}</Table.Head>}
+            </For>
+          </Table.Row>
+        </Table.Header>
+        <Table.Body>
+          <For each={props.data}>
+            {datum => <Table.Row>
+                <Table.Head scope="row">{props.label(datum)}</Table.Head>
+                <For each={props.series}>
+                  {series => <Table.Cell align="end">
+                      {(props.valueFormat ?? formatChartValue)(series.value(datum))}
+                    </Table.Cell>}
+                </For>
+              </Table.Row>}
+          </For>
+        </Table.Body>
+      </Table.Root>
+    </Table.Container>;
+}
+export { ChartData };

package/dist/chunks/solid-DOQCQDAI.jsx

@@ -0,0 +1,24 @@
+// feedback/page-loading/page-loading.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var pageLoadingRecipe = tv({
+  slots: {
+    root: "nui:flex nui:w-full nui:min-w-0 nui:flex-col nui:items-center nui:justify-center nui:gap-5 nui:p-8 nui:text-center nui:text-foreground",
+    message: "nui:grid nui:w-full nui:max-w-sm nui:gap-y-[var(--nui-header-gap)] nui:wrap-anywhere",
+    label: "nui:m-0 nui:text-base nui:leading-snug nui:font-semibold",
+    description: "nui:m-0 nui:text-sm nui:leading-relaxed nui:text-muted-foreground"
+  },
+  variants: {
+    layout: {
+      page: {
+        root: "nui:min-h-dvh"
+      },
+      section: {
+        root: "nui:min-h-64"
+      }
+    }
+  },
+  defaultVariants: {
+    layout: "page"
+  }
+});
+export { pageLoadingRecipe };

package/dist/chunks/solid-DPXLNDWK.jsx

@@ -0,0 +1,18 @@
+import { MenuRoot } from "./solid-ERS5BSG5.jsx";
+import { MenuGroup, MenuGroupLabel, MenuItem, MenuSeparator, MenuSubTrigger } from "./solid-22W4DBMR.jsx";
+import { MenuContent } from "./solid-LLWVI32H.jsx";
+
+// actions/context-menu/context-menu.tsx
+import { Menu as ArkMenu } from "@ark-ui/solid/menu";
+var ContextMenu = {
+  Root: MenuRoot,
+  Trigger: ArkMenu.ContextTrigger,
+  SubRoot: MenuRoot,
+  SubTrigger: MenuSubTrigger,
+  Content: MenuContent,
+  Item: MenuItem,
+  Group: MenuGroup,
+  GroupLabel: MenuGroupLabel,
+  Separator: MenuSeparator
+};
+export { ContextMenu };

package/dist/chunks/solid-DRQRVA7F.jsx

@@ -0,0 +1,41 @@
+// content/avatar/avatar.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var avatarRecipe = tv({
+  slots: {
+    root: "nui:relative nui:inline-flex nui:shrink-0 nui:items-center nui:justify-center nui:overflow-hidden nui:bg-[var(--nui-neutral-soft)] nui:font-medium nui:text-foreground nui:align-middle",
+    image: "nui:h-full nui:w-full nui:object-cover nui:data-[state=hidden]:hidden",
+    fallback: "nui:flex nui:h-full nui:w-full nui:items-center nui:justify-center nui:leading-none nui:data-[state=hidden]:hidden"
+  },
+  variants: {
+    size: {
+      xs: {
+        root: "nui:size-6 nui:text-[0.625rem]"
+      },
+      sm: {
+        root: "nui:size-8 nui:text-xs"
+      },
+      md: {
+        root: "nui:size-10 nui:text-sm"
+      },
+      lg: {
+        root: "nui:size-12 nui:text-base"
+      },
+      xl: {
+        root: "nui:size-16 nui:text-xl"
+      }
+    },
+    shape: {
+      circle: {
+        root: "nui:rounded-full"
+      },
+      square: {
+        root: "nui:rounded-md"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "circle"
+  }
+});
+export { avatarRecipe };

package/dist/chunks/solid-DSMYPMW5.jsx

@@ -0,0 +1,29 @@
+import { useCalloutOptions } from "./solid-AMCFDBB4.jsx";
+import { calloutRecipe } from "./solid-SMANDXOR.jsx";
+
+// feedback/callout/callout.icon.tsx
+import { CircleCheck, CircleX, Info, TriangleAlert } from "lucide-solid";
+import { splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+var styles = calloutRecipe();
+var symbols = {
+  primary: Info,
+  neutral: Info,
+  info: Info,
+  success: CircleCheck,
+  warning: TriangleAlert,
+  danger: CircleX
+};
+function CalloutSymbol(props) {
+  return <Dynamic component={symbols[props.tone]} aria-hidden="true" />;
+}
+function CalloutIcon(props) {
+  const options = useCalloutOptions();
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <span {...rest} aria-hidden="true" class={styles.icon({
+    class: local.class
+  })}>
+      {local.children ?? <CalloutSymbol tone={options().tone} />}
+    </span>;
+}
+export { CalloutIcon };

package/dist/chunks/solid-DXEJGGBE.jsx

@@ -0,0 +1,44 @@
+import { progressRecipe } from "./solid-HPIY6TOI.jsx";
+
+// feedback/progress/progress.tsx
+import { Progress as ArkProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { mergeProps, Show, splitProps } from "solid-js";
+function ProgressContent(props) {
+  const api = useProgressContext();
+  const styles = () => progressRecipe({
+    size: props.size
+  });
+  const visibleValue = () => props.showValue && !api().indeterminate;
+  return <>
+      <div class={styles().header({
+      class: !props.label && !visibleValue() ? styles().hidden() : void 0
+    })}>
+        <ArkProgress.Label class={styles().label({
+        class: !props.label ? styles().hidden() : void 0
+      })}>
+          {props.label || props.accessibleLabel || "Progress"}
+        </ArkProgress.Label>
+        <Show when={visibleValue()}>
+          <ArkProgress.ValueText aria-live="off" class={styles().value()} />
+        </Show>
+      </div>
+      <ArkProgress.Track aria-labelledby={props.labelledBy ?? api().getLabelProps().id} aria-valuetext={api().valueAsString} class={styles().track()}>
+        <ArkProgress.Range class={styles().range()} />
+      </ArkProgress.Track>
+    </>;
+}
+function Progress(props) {
+  const [local, rest] = splitProps(mergeProps({
+    defaultValue: 0,
+    showValue: true
+  }, props), ["size", "tone", "class", "label", "showValue", "aria-label", "aria-labelledby"]);
+  return <ArkProgress.Root {...rest} orientation="horizontal" class={progressRecipe({
+    size: local.size,
+    tone: local.tone
+  }).root({
+    class: local.class
+  })}>
+      <ProgressContent label={local.label} showValue={local.showValue} size={local.size} accessibleLabel={local["aria-label"]} labelledBy={local["aria-labelledby"]} />
+    </ArkProgress.Root>;
+}
+export { Progress };

package/dist/chunks/solid-E42LQA7U.jsx

@@ -0,0 +1,37 @@
+import { VerticalMenuBranch, VerticalMenuBranchContent, VerticalMenuBranchTrigger } from "./solid-W4A4I2RI.jsx";
+import { VerticalMenuGroup, VerticalMenuIcon, VerticalMenuItem, VerticalMenuLabel, VerticalMenuLink, VerticalMenuList, VerticalMenuSubList } from "./solid-2LQE5RAU.jsx";
+import { VerticalMenuStyles } from "./solid-2AUDPT6J.jsx";
+import { verticalMenuRecipe } from "./solid-QF7JLZ35.jsx";
+
+// navigation/vertical-menu/vertical-menu.tsx
+import { mergeProps, splitProps } from "solid-js";
+function VerticalMenuRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    "aria-label": "Sidebar navigation"
+  }, props), ["variant", "density", "class", "children"]);
+  const styles = () => verticalMenuRecipe({
+    variant: local.variant,
+    density: local.density
+  });
+  return <VerticalMenuStyles.Provider value={styles}>
+      <nav {...rest} class={styles().root({
+      class: local.class
+    })}>
+        {local.children}
+      </nav>
+    </VerticalMenuStyles.Provider>;
+}
+var VerticalMenu = {
+  Root: VerticalMenuRoot,
+  Group: VerticalMenuGroup,
+  Label: VerticalMenuLabel,
+  List: VerticalMenuList,
+  Item: VerticalMenuItem,
+  Link: VerticalMenuLink,
+  SubList: VerticalMenuSubList,
+  Icon: VerticalMenuIcon,
+  Branch: VerticalMenuBranch,
+  BranchTrigger: VerticalMenuBranchTrigger,
+  BranchContent: VerticalMenuBranchContent
+};
+export { VerticalMenuRoot, VerticalMenu };

package/dist/chunks/solid-E5GXVDGB.jsx

@@ -0,0 +1,14 @@
+import { sectionRecipe } from "./solid-VMJEY3L4.jsx";
+
+// layout/section/section.tsx
+import { splitProps } from "solid-js";
+function Section(props) {
+  const [local, rest] = splitProps(props, ["spacing", "class", "children"]);
+  return <section {...rest} class={sectionRecipe({
+    spacing: local.spacing,
+    class: local.class
+  })}>
+      {local.children}
+    </section>;
+}
+export { Section };

package/dist/chunks/solid-EGK5JLXD.jsx

@@ -0,0 +1,7 @@
+// overlays/dialog/dialog.context.ts
+import { createContext, useContext } from "solid-js";
+var DialogOptions = createContext(() => ({
+  modal: true
+}));
+var useDialogOptions = () => useContext(DialogOptions);
+export { DialogOptions, useDialogOptions };

package/dist/chunks/solid-EMOQECA7.jsx

@@ -0,0 +1,43 @@
+import { timelineRecipe } from "./solid-7PP5CS7Y.jsx";
+import { Text } from "./solid-PUJN3TBX.jsx";
+import { Heading } from "./solid-ESE6JAHG.jsx";
+
+// content/timeline/timeline.parts.tsx
+import { children, mergeProps, Show, splitProps } from "solid-js";
+var styles = timelineRecipe();
+function TimelineIndicator(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  const content = children(() => local.children);
+  return <div {...rest} aria-hidden="true" class={styles.indicator({
+    class: local.class
+  })}>
+      <Show when={content()} fallback={<span class={styles.dot()} />}>
+        {content()}
+      </Show>
+    </div>;
+}
+function TimelineContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.content({
+    class: local.class
+  })} />;
+}
+function TimelineTitle(props) {
+  return <Heading {...mergeProps({
+    as: "h3",
+    size: "6"
+  }, props)} />;
+}
+function TimelineDescription(props) {
+  return <Text {...mergeProps({
+    size: "6",
+    tone: "muted"
+  }, props)} />;
+}
+function TimelineTime(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <time {...rest} class={styles.time({
+    class: local.class
+  })} />;
+}
+export { TimelineIndicator, TimelineContent, TimelineTitle, TimelineDescription, TimelineTime };

package/dist/chunks/solid-ENDSMLRL.jsx

@@ -0,0 +1,19 @@
+// content/heading/heading.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var headingRecipe = tv({
+  base: "nui:m-0 nui:font-semibold nui:tracking-tight nui:text-foreground nui:text-balance nui:wrap-break-word",
+  variants: {
+    size: {
+      "1": "nui:text-5xl nui:leading-tight",
+      "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight",
+      "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight",
+      "4": "nui:text-2xl nui:leading-tight",
+      "5": "nui:text-xl nui:leading-snug",
+      "6": "nui:text-base nui:leading-snug"
+    }
+  },
+  defaultVariants: {
+    size: "3"
+  }
+});
+export { headingRecipe };

package/dist/chunks/solid-EOGGP6VG.jsx

@@ -0,0 +1,17 @@
+// layout/container/container.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var containerRecipe = tv({
+  base: "nui:mx-auto nui:w-full nui:min-w-0 nui:px-4 nui:sm:px-6 nui:lg:px-8",
+  variants: {
+    size: {
+      sm: "nui:max-w-3xl",
+      md: "nui:max-w-5xl",
+      lg: "nui:max-w-7xl",
+      full: "nui:max-w-none"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+export { containerRecipe };

package/dist/chunks/solid-ERS5BSG5.jsx

@@ -0,0 +1,16 @@
+// actions/menu/menu.root.tsx
+import { Menu as ArkMenu } from "@ark-ui/solid/menu";
+import { mergeProps, splitProps } from "solid-js";
+function MenuRoot(props) {
+  const [local, rest] = splitProps(props, ["positioning"]);
+  return <ArkMenu.Root {...mergeProps({
+    lazyMount: true
+  }, rest)} positioning={mergeProps({
+    placement: "bottom-start",
+    strategy: "fixed",
+    gutter: 4,
+    overflowPadding: 16,
+    overlap: true
+  }, local.positioning ?? {})} />;
+}
+export { MenuRoot };

package/dist/chunks/solid-ESE6JAHG.jsx

@@ -0,0 +1,17 @@
+import { headingRecipe } from "./solid-ENDSMLRL.jsx";
+
+// content/heading/heading.tsx
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+function Heading(props) {
+  const [local, rest] = splitProps(mergeProps({
+    as: "h2"
+  }, props), ["as", "size", "class", "children"]);
+  return <Dynamic component={local.as} {...rest} class={headingRecipe({
+    size: local.size,
+    class: local.class
+  })}>
+      {local.children}
+    </Dynamic>;
+}
+export { Heading };

package/dist/chunks/solid-FBI7HGP3.jsx

@@ -0,0 +1,25 @@
+import { createPortalScope } from "./solid-MUNLQKCN.jsx";
+
+// overlays/overlay.portal.tsx
+import { usePresenceContext } from "@ark-ui/solid/presence";
+import { Show } from "solid-js";
+import { Portal } from "solid-js/web";
+function OverlayPortal(props) {
+  const presence = usePresenceContext();
+  let origin;
+  const {
+    scope,
+    ready
+  } = createPortalScope(() => origin);
+  return <>
+      <span hidden aria-hidden="true" ref={origin} />
+      <Show when={ready() && !presence().unmounted && (props.mount ?? origin?.ownerDocument.body)} keyed>
+        {mount => <Portal mount={mount}>
+            <div data-nui-overlay-root="" data-motion={scope().motion} style={scope().style}>
+              {props.children}
+            </div>
+          </Portal>}
+      </Show>
+    </>;
+}
+export { OverlayPortal };

package/dist/chunks/solid-FR4GGKYR.jsx

@@ -0,0 +1,28 @@
+import { ChartAxes } from "./solid-IPRITGNV.jsx";
+import { ChartData } from "./solid-DL3CJ2LV.jsx";
+import { chartBaseKeys, chartColor, chartTooltip, chartX, seriesLegend } from "./solid-5FPYERHO.jsx";
+import { ChartFrame } from "./solid-CANLAA4R.jsx";
+
+// data/chart/line-chart.tsx
+import { VisCrosshair } from "@unovis/solid/components/crosshair";
+import { VisLine } from "@unovis/solid/components/line";
+import { VisScatter } from "@unovis/solid/components/scatter";
+import { VisTooltip } from "@unovis/solid/components/tooltip";
+import { VisXYContainer } from "@unovis/solid/containers/xy-container";
+import { Show, splitProps } from "solid-js";
+function LineChart(props) {
+  const [local, rest] = splitProps(props, chartBaseKeys);
+  const colors = () => local.series.map((item, index) => chartColor(item.tone, index));
+  return <ChartFrame {...rest} title={local.title} description={local.description} height={local.height ?? 260} legend={seriesLegend(local.series)} empty={!local.data.length || !local.series.length} dataTable={<ChartData {...local} />}>
+      <VisXYContainer data={local.data} height={local.height ?? 260} duration={0} yDomainMinConstraint={[void 0, 0]} yDomainMaxConstraint={[0, void 0]}>
+        <VisLine x={chartX} y={local.series.map(item => item.value)} color={colors()} lineWidth={2.5} duration={0} />
+        <Show when={local.data.length === 1}>
+          <VisScatter x={chartX} y={local.series.map(item => item.value)} color={colors()} size={8} duration={0} />
+        </Show>
+        <ChartAxes {...local} />
+        <VisCrosshair color={colors()} template={datum => chartTooltip(local, datum)} duration={0} />
+        <VisTooltip />
+      </VisXYContainer>
+    </ChartFrame>;
+}
+export { LineChart };

package/dist/chunks/solid-FXCRBQXL.jsx

@@ -0,0 +1,26 @@
+import { ResizableHandle } from "./solid-TXZ75EIN.jsx";
+import { resizableRecipe } from "./solid-KAEEGL7T.jsx";
+
+// layout/resizable/resizable.tsx
+import { Splitter as ArkSplitter } from "@ark-ui/solid/splitter";
+import { splitProps } from "solid-js";
+var styles = resizableRecipe();
+function ResizableRoot(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkSplitter.Root {...rest} class={styles.root({
+    class: local.class
+  })} />;
+}
+function ResizablePanel(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkSplitter.Panel {...rest} class={styles.panel({
+    class: local.class
+  })} />;
+}
+var Resizable = {
+  Root: ResizableRoot,
+  Panel: ResizablePanel,
+  Handle: ResizableHandle,
+  Context: ArkSplitter.Context
+};
+export { Resizable };

package/dist/chunks/solid-G2EXAF7L.jsx

@@ -0,0 +1,7 @@
+import { heroRecipe } from "./solid-T26JN25X.jsx";
+
+// compositions/hero/hero.context.ts
+import { createContext, useContext } from "solid-js";
+var HeroStyles = createContext(() => heroRecipe());
+var useHeroStyles = () => useContext(HeroStyles);
+export { HeroStyles, useHeroStyles };

package/dist/chunks/solid-G2RQG6Q7.jsx

@@ -0,0 +1,25 @@
+import { buttonGroupRecipe } from "./solid-CWAM7WUH.jsx";
+import { ButtonGroupContext } from "./solid-3H4FQFP4.jsx";
+
+// actions/button-group/button-group.tsx
+import { mergeProps, splitProps } from "solid-js";
+function ButtonGroup(props) {
+  const [local, rest] = splitProps(mergeProps({
+    orientation: "horizontal"
+  }, props), ["size", "variant", "tone", "disabled", "orientation", "align", "attached", "fullWidth", "class", "children"]);
+  return <ButtonGroupContext.Provider value={local}>
+      {
+      /* biome-ignore lint/a11y/useSemanticElements: This groups actions, not form fields. */
+    }
+      <div role="group" {...rest} aria-disabled={local.disabled || void 0} data-orientation={local.orientation} data-attached={local.attached ? "true" : void 0} class={buttonGroupRecipe({
+      orientation: local.orientation,
+      align: local.align,
+      attached: local.attached,
+      fullWidth: local.fullWidth,
+      class: local.class
+    })}>
+        {local.children}
+      </div>
+    </ButtonGroupContext.Provider>;
+}
+export { ButtonGroup };

package/dist/chunks/solid-G4RUFWJQ.jsx

@@ -0,0 +1,13 @@
+import { menuRecipe } from "./solid-OQFJ2GQI.jsx";
+
+// actions/menu/menu.trigger.tsx
+import { Menu as ArkMenu } from "@ark-ui/solid/menu";
+import { splitProps } from "solid-js";
+var styles = menuRecipe();
+function MenuTrigger(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkMenu.Trigger {...rest} class={styles.trigger({
+    class: local.class
+  })} />;
+}
+export { MenuTrigger };