@smwb/ui-solid 0.3.0 → 0.4.1

package/dist/headless/source/components/layout/grid/grid.jsx

@@ -0,0 +1,112 @@
+import { splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function Grid(props) {
+  const [local, rest] = splitProps(props, ["class", "ref"]);
+  return <div {...rest} ref={mergeRefs(local.ref)} data-testid="grid" class={cn("smwb-grid", local.class)} />;
+}
+const wrapOptions = ["wrap", "nowrap", "wrap-reverse"];
+const justifyContentOptions = [
+  "flex-start",
+  "center",
+  "flex-end",
+  "space-between",
+  "space-around",
+  "space-evenly"
+];
+const alignItemsOptions = ["flex-start", "center", "flex-end", "stretch", "baseline"];
+const directionOptions = ["row", "row-reverse", "column", "column-reverse"];
+function Row(props) {
+  const [local, rest] = splitProps(props, [
+    "class",
+    "justifyContent",
+    "alignItems",
+    "direction",
+    "wrap",
+    "spacing",
+    "ref"
+  ]);
+  const classes = () => {
+    const isJustifyContent = local.justifyContent && justifyContentOptions.includes(local.justifyContent) && local.justifyContent !== "flex-start";
+    const isAlignItems = local.alignItems && alignItemsOptions.includes(local.alignItems) && local.alignItems !== "flex-start";
+    const isDirection = local.direction && directionOptions.includes(local.direction) && local.direction !== "row";
+    const isFlexWrap = local.wrap && wrapOptions.includes(local.wrap) && local.wrap !== "wrap";
+    return cn("smwb-grid__row", local.class, {
+      [`smwb-grid__row--spacing-${local.spacing}`]: local.spacing,
+      [`smwb-grid__row--justifyContent-${local.justifyContent}`]: isJustifyContent,
+      [`smwb-grid__row--alignItems-${local.alignItems}`]: isAlignItems,
+      [`smwb-grid__row--direction-${local.direction}`]: isDirection,
+      [`smwb-grid__row--${local.wrap}`]: isFlexWrap
+    });
+  };
+  return <div {...rest} ref={mergeRefs(local.ref)} data-testid="grid-row" class={classes()} />;
+}
+const hiddenClasses = (hidden) => {
+  if (hidden === void 0) {
+    return {};
+  }
+  if (typeof hidden === "boolean") {
+    return { "smwb-grid__column--hidden": hidden };
+  }
+  return Object.keys(hidden).reduce((acc, bp) => {
+    acc[`smwb-grid__column--hidden-${bp}`] = hidden[bp] === true;
+    acc[`smwb-grid__column--visible-${bp}`] = hidden[bp] === false;
+    return acc;
+  }, {});
+};
+function Column(props) {
+  const [local, rest] = splitProps(props, [
+    "class",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "xsOffset",
+    "smOffset",
+    "mdOffset",
+    "lgOffset",
+    "xlOffset",
+    "hidden",
+    "ref"
+  ]);
+  const classes = () => cn("smwb-grid__column", local.class, {
+    [`smwb-grid__column--xs-${local.xs}`]: local.xs,
+    [`smwb-grid__column--sm-${local.sm}`]: local.sm,
+    [`smwb-grid__column--md-${local.md}`]: local.md,
+    [`smwb-grid__column--lg-${local.lg}`]: local.lg,
+    [`smwb-grid__column--xl-${local.xl}`]: local.xl,
+    [`smwb-grid__column--xs-offset-${local.xsOffset}`]: local.xsOffset,
+    [`smwb-grid__column--sm-offset-${local.smOffset}`]: local.smOffset,
+    [`smwb-grid__column--md-offset-${local.mdOffset}`]: local.mdOffset,
+    [`smwb-grid__column--lg-offset-${local.lgOffset}`]: local.lgOffset,
+    [`smwb-grid__column--xl-offset-${local.xlOffset}`]: local.xlOffset,
+    ...hiddenClasses(local.hidden)
+  });
+  return <div {...rest} ref={mergeRefs(local.ref)} class={classes()} data-testid="grid-col" />;
+}
+function Container(props) {
+  const merged = props;
+  const [local, rest] = splitProps(merged, ["class", "maxWidth", "disableGutters", "ref"]);
+  const maxWidth = () => local.maxWidth ?? "lg";
+  const classes = () => cn(
+    "smwb-container",
+    {
+      [`smwb-container--${maxWidth()}`]: maxWidth() !== false,
+      "smwb-container--gutterless": local.disableGutters
+    },
+    local.class
+  );
+  return <div {...rest} ref={mergeRefs(local.ref)} data-testid="grid-container" class={classes()} />;
+}
+export {
+  Column,
+  Container,
+  Grid,
+  Row,
+  alignItemsOptions,
+  directionOptions,
+  justifyContentOptions,
+  wrapOptions
+};
+//# sourceMappingURL=grid.jsx.map

package/dist/headless/source/components/layout/grid/grid.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/layout/grid/grid.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype DivProps = JSX.HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> };\n\nexport function Grid(props: DivProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"ref\"]);\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid\" class={cn(\"smwb-grid\", local.class)} />;\n}\n\nexport type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n/** Column width per breakpoint: 1–12 grid units, `\"auto\"` (fit content) or `true` (fill remaining). */\nexport type BreakpointType = ColumnSpan | \"auto\" | true;\n/** Column offset (empty leading columns) per breakpoint: 0–11. */\nexport type OffsetType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\nexport type Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveBool = boolean | Partial<Record<Breakpoint, boolean>>;\n\nexport const wrapOptions = [\"wrap\", \"nowrap\", \"wrap-reverse\"] as const;\nexport const justifyContentOptions = [\n  \"flex-start\",\n  \"center\",\n  \"flex-end\",\n  \"space-between\",\n  \"space-around\",\n  \"space-evenly\",\n] as const;\nexport const alignItemsOptions = [\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"] as const;\nexport const directionOptions = [\"row\", \"row-reverse\", \"column\", \"column-reverse\"] as const;\n\nexport interface RowProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  wrap?: (typeof wrapOptions)[number];\n  justifyContent?: (typeof justifyContentOptions)[number];\n  alignItems?: (typeof alignItemsOptions)[number];\n  direction?: (typeof directionOptions)[number];\n  spacing?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Row(props: RowProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"justifyContent\",\n    \"alignItems\",\n    \"direction\",\n    \"wrap\",\n    \"spacing\",\n    \"ref\",\n  ]);\n\n  const classes = (): string => {\n    const isJustifyContent =\n      local.justifyContent && justifyContentOptions.includes(local.justifyContent) && local.justifyContent !== \"flex-start\";\n    const isAlignItems = local.alignItems && alignItemsOptions.includes(local.alignItems) && local.alignItems !== \"flex-start\";\n    const isDirection = local.direction && directionOptions.includes(local.direction) && local.direction !== \"row\";\n    const isFlexWrap = local.wrap && wrapOptions.includes(local.wrap) && local.wrap !== \"wrap\";\n    return cn(\"smwb-grid__row\", local.class, {\n      [`smwb-grid__row--spacing-${local.spacing}`]: local.spacing,\n      [`smwb-grid__row--justifyContent-${local.justifyContent}`]: isJustifyContent,\n      [`smwb-grid__row--alignItems-${local.alignItems}`]: isAlignItems,\n      [`smwb-grid__row--direction-${local.direction}`]: isDirection,\n      [`smwb-grid__row--${local.wrap}`]: isFlexWrap,\n    });\n  };\n\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid-row\" class={classes()} />;\n}\n\nexport interface ColumnProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"hidden\"> {\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Hide column: boolean (always) or per breakpoint `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst hiddenClasses = (hidden?: ResponsiveBool): Record<string, boolean> => {\n  if (hidden === undefined) {\n    return {};\n  }\n  if (typeof hidden === \"boolean\") {\n    return { \"smwb-grid__column--hidden\": hidden };\n  }\n  return (Object.keys(hidden) as Breakpoint[]).reduce<Record<string, boolean>>((acc, bp) => {\n    acc[`smwb-grid__column--hidden-${bp}`] = hidden[bp] === true;\n    acc[`smwb-grid__column--visible-${bp}`] = hidden[bp] === false;\n    return acc;\n  }, {});\n};\n\nexport function Column(props: ColumnProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"xs\",\n    \"sm\",\n    \"md\",\n    \"lg\",\n    \"xl\",\n    \"xsOffset\",\n    \"smOffset\",\n    \"mdOffset\",\n    \"lgOffset\",\n    \"xlOffset\",\n    \"hidden\",\n    \"ref\",\n  ]);\n\n  const classes = (): string =>\n    cn(\"smwb-grid__column\", local.class, {\n      [`smwb-grid__column--xs-${local.xs}`]: local.xs,\n      [`smwb-grid__column--sm-${local.sm}`]: local.sm,\n      [`smwb-grid__column--md-${local.md}`]: local.md,\n      [`smwb-grid__column--lg-${local.lg}`]: local.lg,\n      [`smwb-grid__column--xl-${local.xl}`]: local.xl,\n      [`smwb-grid__column--xs-offset-${local.xsOffset}`]: local.xsOffset,\n      [`smwb-grid__column--sm-offset-${local.smOffset}`]: local.smOffset,\n      [`smwb-grid__column--md-offset-${local.mdOffset}`]: local.mdOffset,\n      [`smwb-grid__column--lg-offset-${local.lgOffset}`]: local.lgOffset,\n      [`smwb-grid__column--xl-offset-${local.xlOffset}`]: local.xlOffset,\n      ...hiddenClasses(local.hidden),\n    });\n\n  return <div {...rest} ref={mergeRefs(local.ref)} class={classes()} data-testid=\"grid-col\" />;\n}\n\nexport type ContainerMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\nexport interface ContainerProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /** Max-width breakpoint cap; `false` = fluid full width. */\n  maxWidth?: ContainerMaxWidth;\n  /** Remove horizontal gutters. */\n  disableGutters?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Container(props: ContainerProps): JSX.Element {\n  const merged = props;\n  const [local, rest] = splitProps(merged, [\"class\", \"maxWidth\", \"disableGutters\", \"ref\"]);\n  const maxWidth = (): ContainerMaxWidth => local.maxWidth ?? \"lg\";\n  const classes = (): string =>\n    cn(\n      \"smwb-container\",\n      {\n        [`smwb-container--${maxWidth()}`]: maxWidth() !== false,\n        \"smwb-container--gutterless\": local.disableGutters,\n      },\n      local.class\n    );\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid-container\" class={classes()} />;\n}\n"],"mappings":"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","names":[],"file":"grid.jsx"}

package/dist/headless/source/components/layout/grid/index.js

@@ -0,0 +1,8 @@
+import { Grid, Row, Column, Container } from "./grid";
+export {
+  Column,
+  Container,
+  Grid,
+  Row
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/layout/grid/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/layout/grid/index.ts"],
+  "sourcesContent": ["export { Grid, Row, Column, Container } from \"./grid\";\nexport type {\n  RowProps,\n  ColumnProps,\n  ContainerProps,\n  BreakpointType,\n  ColumnSpan,\n  OffsetType,\n  Breakpoint,\n  ResponsiveBool,\n  ContainerMaxWidth,\n} from \"./grid\";\n"],
+  "mappings": "AAAA,SAAS,MAAM,KAAK,QAAQ,iBAAiB;",
+  "names": []
+}

package/dist/headless/source/components/layout/page/index.js

@@ -0,0 +1,6 @@
+import { Page, default as default2 } from "./page";
+export {
+  Page,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/layout/page/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/layout/page/index.ts"],
+  "sourcesContent": ["export { Page, default } from \"./page\";\nexport type { PageProps, PageMaxWidth } from \"./page\";\n"],
+  "mappings": "AAAA,SAAS,MAAM,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/headless/source/components/layout/page/page.jsx

@@ -0,0 +1,28 @@
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function Page(props) {
+  const merged = mergeProps({ maxWidth: "lg", disableGutters: false }, props);
+  const [local, rest] = splitProps(merged, ["maxWidth", "disableGutters", "component", "class", "children", "ref"]);
+  return <Dynamic
+    component={local.component ?? "main"}
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    data-testid="page"
+    class={cn(
+      "smwb-page",
+      `smwb-page_max-${local.maxWidth}`,
+      { "smwb-page_gutterless": local.disableGutters },
+      local.class
+    )}
+  >
+      <div class="smwb-page__inner">{local.children}</div>
+    </Dynamic>;
+}
+var page_default = Page;
+export {
+  Page,
+  page_default as default
+};
+//# sourceMappingURL=page.jsx.map

package/dist/headless/source/components/layout/page/page.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/layout/page/page.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type PageMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface PageProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Content max-width cap; `full` = fluid. */\n  maxWidth?: PageMaxWidth;\n  /** Remove the page padding. */\n  disableGutters?: boolean;\n  /** Render as a different element (default `main`). */\n  component?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Page(props: ParentProps<PageProps>): JSX.Element {\n  const merged = mergeProps({ maxWidth: \"lg\" as PageMaxWidth, disableGutters: false }, props);\n  const [local, rest] = splitProps(merged, [\"maxWidth\", \"disableGutters\", \"component\", \"class\", \"children\", \"ref\"]);\n  return (\n    <Dynamic\n      component={local.component ?? \"main\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"page\"\n      class={cn(\n        \"smwb-page\",\n        `smwb-page_max-${local.maxWidth}`,\n        { \"smwb-page_gutterless\": local.disableGutters },\n        local.class\n      )}\n    >\n      <div class=\"smwb-page__inner\">{local.children}</div>\n    </Dynamic>\n  );\n}\n\nexport default Page;\n"],"mappings":"AAAA,SAAqC,YAAY,kBAAkB;AACnE,SAAS,eAAe;AACxB,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAc7B,SAAS,KAAK,OAA4C;AAC/D,QAAM,SAAS,WAAW,EAAE,UAAU,MAAsB,gBAAgB,MAAM,GAAG,KAAK;AAC1F,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ,CAAC,YAAY,kBAAkB,aAAa,SAAS,YAAY,KAAK,CAAC;AAChH,SACE,CAAC;AAAA,IACC,WAAW,MAAM,aAAa;AAAA,QAC1B;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,iBAAiB,MAAM,QAAQ;AAAA,MAC/B,EAAE,wBAAwB,MAAM,eAAe;AAAA,MAC/C,MAAM;AAAA,IACR;AAAA,GACD;AAAA,MACC,CAAC,IAAI,MAAM,oBAAoB,MAAM,SAAS,EAA7C,IAAmD;AAAA,IACtD,EAbC;AAeL;AAEA,IAAO,eAAQ;","names":[],"file":"page.jsx"}

package/dist/headless/source/components/layout/pageHeader/index.js

@@ -0,0 +1,6 @@
+import { PageHeader, default as default2 } from "./pageHeader";
+export {
+  PageHeader,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/layout/pageHeader/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/layout/pageHeader/index.ts"],
+  "sourcesContent": ["export { PageHeader, default } from \"./pageHeader\";\nexport type { PageHeaderProps } from \"./pageHeader\";\n"],
+  "mappings": "AAAA,SAAS,YAAY,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/headless/source/components/layout/pageHeader/pageHeader.jsx

@@ -0,0 +1,52 @@
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { Typography } from "../../dataDisplay/typography";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function PageHeader(props) {
+  const merged = mergeProps({ divider: false }, props);
+  const [local, rest] = splitProps(merged, [
+    "title",
+    "subtitle",
+    "breadcrumbs",
+    "actions",
+    "divider",
+    "class",
+    "ref"
+  ]);
+  return <header
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    data-testid="page-header"
+    class={cn("smwb-page-header", { "smwb-page-header_divider": local.divider }, local.class)}
+  >
+      <Show when={local.breadcrumbs}>
+        <div class="smwb-page-header__breadcrumbs">{local.breadcrumbs}</div>
+      </Show>
+      <div class="smwb-page-header__row">
+        <div class="smwb-page-header__titles">
+          <Show
+    when={typeof local.title === "string"}
+    fallback={<div class="smwb-page-header__title">{local.title}</div>}
+  >
+            <Typography variant="h4" component="h1" class="smwb-page-header__title">
+              {local.title}
+            </Typography>
+          </Show>
+          <Show when={local.subtitle}>
+            <Typography variant="body2" color="textSecondary" class="smwb-page-header__subtitle">
+              {local.subtitle}
+            </Typography>
+          </Show>
+        </div>
+        <Show when={local.actions}>
+          <div class="smwb-page-header__actions">{local.actions}</div>
+        </Show>
+      </div>
+    </header>;
+}
+var pageHeader_default = PageHeader;
+export {
+  PageHeader,
+  pageHeader_default as default
+};
+//# sourceMappingURL=pageHeader.jsx.map

package/dist/headless/source/components/layout/pageHeader/pageHeader.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/layout/pageHeader/pageHeader.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Typography } from \"../../dataDisplay/typography\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface PageHeaderProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"title\"> {\n  title: JSX.Element | string;\n  subtitle?: JSX.Element | string;\n  /** Slot above the title (e.g. <Breadcrumbs />). */\n  breadcrumbs?: JSX.Element;\n  /** Slot on the trailing side (e.g. action buttons). */\n  actions?: JSX.Element;\n  /** Render a divider below the header. */\n  divider?: boolean;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function PageHeader(props: PageHeaderProps): JSX.Element {\n  const merged = mergeProps({ divider: false }, props);\n  const [local, rest] = splitProps(merged, [\n    \"title\",\n    \"subtitle\",\n    \"breadcrumbs\",\n    \"actions\",\n    \"divider\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  return (\n    <header\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"page-header\"\n      class={cn(\"smwb-page-header\", { \"smwb-page-header_divider\": local.divider }, local.class)}\n    >\n      <Show when={local.breadcrumbs}>\n        <div class=\"smwb-page-header__breadcrumbs\">{local.breadcrumbs}</div>\n      </Show>\n      <div class=\"smwb-page-header__row\">\n        <div class=\"smwb-page-header__titles\">\n          <Show\n            when={typeof local.title === \"string\"}\n            fallback={<div class=\"smwb-page-header__title\">{local.title}</div>}\n          >\n            <Typography variant=\"h4\" component=\"h1\" class=\"smwb-page-header__title\">\n              {local.title}\n            </Typography>\n          </Show>\n          <Show when={local.subtitle}>\n            <Typography variant=\"body2\" color=\"textSecondary\" class=\"smwb-page-header__subtitle\">\n              {local.subtitle}\n            </Typography>\n          </Show>\n        </div>\n        <Show when={local.actions}>\n          <div class=\"smwb-page-header__actions\">{local.actions}</div>\n        </Show>\n      </div>\n    </header>\n  );\n}\n\nexport default PageHeader;\n"],"mappings":"AAAA,SAAmB,MAAM,YAAY,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,kBAAkB;AAC3B,SAAS,iBAA2B;AAc7B,SAAS,WAAW,OAAqC;AAC9D,QAAM,SAAS,WAAW,EAAE,SAAS,MAAM,GAAG,KAAK;AACnD,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,YAAY;AAAA,IACZ,OAAO,GAAG,oBAAoB,EAAE,4BAA4B,MAAM,QAAQ,GAAG,MAAM,KAAK;AAAA,GACzF;AAAA,MACC,CAAC,KAAK,MAAM,MAAM,aAAa;AAAA,QAC7B,CAAC,IAAI,MAAM,iCAAiC,MAAM,YAAY,EAA7D,IAAmE;AAAA,MACtE,EAFC,KAEM;AAAA,MACP,CAAC,IAAI,MAAM,wBAAwB;AAAA,QACjC,CAAC,IAAI,MAAM,2BAA2B;AAAA,UACpC,CAAC;AAAA,IACC,MAAM,OAAO,MAAM,UAAU;AAAA,IAC7B,UAAU,CAAC,IAAI,MAAM,2BAA2B,MAAM,MAAM,EAAjD;AAAA,GACZ;AAAA,YACC,CAAC,WAAW,QAAQ,KAAK,UAAU,KAAK,MAAM,0BAA0B;AAAA,eACrE,MAAM,MAAM;AAAA,YACf,EAFC,WAEY;AAAA,UACf,EAPC,KAOM;AAAA,UACP,CAAC,KAAK,MAAM,MAAM,UAAU;AAAA,YAC1B,CAAC,WAAW,QAAQ,QAAQ,MAAM,gBAAgB,MAAM,6BAA6B;AAAA,eAClF,MAAM,SAAS;AAAA,YAClB,EAFC,WAEY;AAAA,UACf,EAJC,KAIM;AAAA,QACT,EAdC,IAcK;AAAA,QACN,CAAC,KAAK,MAAM,MAAM,SAAS;AAAA,UACzB,CAAC,IAAI,MAAM,6BAA6B,MAAM,QAAQ,EAArD,IAA2D;AAAA,QAC9D,EAFC,KAEM;AAAA,MACT,EAnBC,IAmBK;AAAA,IACR,EA7BC;AA+BL;AAEA,IAAO,qBAAQ;","names":[],"file":"pageHeader.jsx"}

package/dist/headless/source/components/layout/screenDivider/index.js

@@ -0,0 +1,6 @@
+import { ScreenDivider, default as default2 } from "./screenDivider";
+export {
+  ScreenDivider,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/layout/screenDivider/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/layout/screenDivider/index.ts"],
+  "sourcesContent": ["export { ScreenDivider, default } from \"./screenDivider\";\nexport type { ScreenDividerProps } from \"./screenDivider\";\n"],
+  "mappings": "AAAA,SAAS,eAAe,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/headless/source/components/layout/screenDivider/screenDivider.jsx

@@ -0,0 +1,129 @@
+import {
+  children as resolveChildren,
+  createEffect,
+  createSignal,
+  mergeProps,
+  onCleanup,
+  splitProps
+} from "solid-js";
+import { isServer } from "solid-js/web";
+import cn from "clsx";
+import { throttle } from "../../../utils/throttle";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const getInitialDivider = (sizeFirst, sizeSecond) => {
+  if (!sizeFirst && sizeSecond) {
+    return 100 - sizeSecond;
+  }
+  if (sizeFirst) {
+    return sizeFirst;
+  }
+  return 50;
+};
+function ScreenDivider(props) {
+  const merged = mergeProps(
+    { orientation: "horizontal", keyboardStep: 5, resizerAriaLabel: "Resize panels" },
+    props
+  );
+  const [local] = splitProps(merged, [
+    "class",
+    "orientation",
+    "sizeFirst",
+    "sizeSecond",
+    "children",
+    "onSizeChange",
+    "keyboardStep",
+    "resizerAriaLabel",
+    "ref"
+  ]);
+  let wrapperEl;
+  const [divider, setDivider] = createSignal(getInitialDivider(local.sizeFirst, local.sizeSecond));
+  const [isDragging, setIsDragging] = createSignal(false);
+  createEffect(() => {
+    setDivider(getInitialDivider(local.sizeFirst, local.sizeSecond));
+  });
+  createEffect(() => {
+    local.onSizeChange?.(divider());
+  });
+  const resolved = resolveChildren(() => local.children);
+  const child = () => resolved.toArray();
+  const dragOver = throttle((event) => {
+    if (!isDragging()) return;
+    const wrapper = wrapperEl;
+    if (!wrapper) return;
+    const rect = wrapper.getBoundingClientRect();
+    const total = local.orientation === "vertical" ? rect.height : rect.width;
+    const cursor = local.orientation === "vertical" ? event.clientY - rect.top : event.clientX - rect.left;
+    const clamped = Math.max(5, Math.min(total - 5, cursor));
+    setDivider(clamped / total * 100);
+  }, 1e3 / 60);
+  const handleDragStart = () => {
+    setIsDragging(true);
+  };
+  const handleDragEnd = () => {
+    setIsDragging(false);
+  };
+  createEffect(() => {
+    if (isServer) return;
+    if (isDragging()) {
+      document.body.addEventListener("pointerup", handleDragEnd);
+      document.body.addEventListener("pointermove", dragOver);
+      document.body.style.cursor = local.orientation === "horizontal" ? "e-resize" : "n-resize";
+    } else {
+      document.body.style.cursor = "default";
+    }
+    onCleanup(() => {
+      document.body.removeEventListener("pointerup", handleDragEnd);
+      document.body.removeEventListener("pointermove", dragOver);
+    });
+  });
+  const onResizerKeyDown = (event) => {
+    const decreaseKey = local.orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
+    const increaseKey = local.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+    if (event.key === decreaseKey) {
+      event.preventDefault();
+      setDivider((prev) => Math.max(0, prev - local.keyboardStep));
+    } else if (event.key === increaseKey) {
+      event.preventDefault();
+      setDivider((prev) => Math.min(100, prev + local.keyboardStep));
+    } else if (event.key === "Home") {
+      event.preventDefault();
+      setDivider(0);
+    } else if (event.key === "End") {
+      event.preventDefault();
+      setDivider(100);
+    }
+  };
+  const firstChildStyle = () => local.orientation === "vertical" ? { height: `${divider()}%` } : { width: `${divider()}%` };
+  const secondChildStyle = () => local.orientation === "vertical" ? { height: `${100 - divider()}%` } : { width: `${100 - divider()}%` };
+  return <div
+    class={cn("smwb-screen-divider__wrapper", `smwb-${local.orientation}`, local.class)}
+    ref={mergeRefs(local.ref, (el) => wrapperEl = el)}
+    data-testid="screen-divider"
+  >
+      <div class={cn("smwb-screen-divider__first", `smwb-${local.orientation}`)} style={firstChildStyle()}>
+        {child()[0] ?? ""}
+      </div>
+      <span
+    class="smwb-screen-divider__resizer"
+    onPointerDown={handleDragStart}
+    draggable={false}
+    role="separator"
+    aria-orientation={local.orientation === "vertical" ? "horizontal" : "vertical"}
+    aria-valuenow={Math.round(divider())}
+    aria-valuemin={0}
+    aria-valuemax={100}
+    aria-label={local.resizerAriaLabel}
+    tabindex={0}
+    onKeyDown={onResizerKeyDown}
+  />
+      <div class={cn("smwb-screen-divider__second", `smwb-${local.orientation}`)} style={secondChildStyle()}>
+        {child()[1] ?? ""}
+      </div>
+    </div>;
+}
+var screenDivider_default = ScreenDivider;
+export {
+  ScreenDivider,
+  screenDivider_default as default
+};
+//# sourceMappingURL=screenDivider.jsx.map

package/dist/headless/source/components/layout/screenDivider/screenDivider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/layout/screenDivider/screenDivider.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  children as resolveChildren,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { throttle } from \"../../../utils/throttle\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ScreenDividerProps {\n  sizeFirst?: number;\n  sizeSecond?: number;\n  class?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Called with the first pane size (percent) whenever it changes. */\n  onSizeChange?: (sizeFirst: number) => void;\n  /** Step (in percent) applied on arrow-key resize. */\n  keyboardStep?: number;\n  /** Accessible label for the resizer handle. */\n  resizerAriaLabel?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst getInitialDivider = (sizeFirst?: number | null, sizeSecond?: number | null): number => {\n  if (!sizeFirst && sizeSecond) {\n    return 100 - sizeSecond;\n  }\n  if (sizeFirst) {\n    return sizeFirst;\n  }\n  return 50;\n};\n\nexport function ScreenDivider(props: ParentProps<ScreenDividerProps>): JSX.Element {\n  const merged = mergeProps(\n    { orientation: \"horizontal\" as const, keyboardStep: 5, resizerAriaLabel: \"Resize panels\" },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"orientation\",\n    \"sizeFirst\",\n    \"sizeSecond\",\n    \"children\",\n    \"onSizeChange\",\n    \"keyboardStep\",\n    \"resizerAriaLabel\",\n    \"ref\",\n  ]);\n\n  let wrapperEl: HTMLDivElement | undefined;\n  const [divider, setDivider] = createSignal(getInitialDivider(local.sizeFirst, local.sizeSecond));\n  const [isDragging, setIsDragging] = createSignal(false);\n\n  // Sync with controlled size props.\n  createEffect(() => {\n    setDivider(getInitialDivider(local.sizeFirst, local.sizeSecond));\n  });\n\n  // Report size changes.\n  createEffect(() => {\n    local.onSizeChange?.(divider());\n  });\n\n  const resolved = resolveChildren(() => local.children);\n  const child = (): unknown[] => resolved.toArray();\n\n  const dragOver = throttle((event: PointerEvent) => {\n    if (!isDragging()) return;\n    const wrapper = wrapperEl;\n    if (!wrapper) return;\n    // Viewport-relative rect — using offsetLeft/offsetTop here is wrong\n    // because they are relative to the nearest positioned ancestor, not\n    // the viewport that clientX/clientY live in (this is what made the\n    // divider drift away from the cursor when the wrapper was nested).\n    const rect = wrapper.getBoundingClientRect();\n    const total = local.orientation === \"vertical\" ? rect.height : rect.width;\n    const cursor = local.orientation === \"vertical\" ? event.clientY - rect.top : event.clientX - rect.left;\n    // 5px margin on each side so neither pane fully collapses.\n    const clamped = Math.max(5, Math.min(total - 5, cursor));\n    setDivider((clamped / total) * 100);\n  }, 1000 / 60);\n\n  const handleDragStart = (): void => {\n    setIsDragging(true);\n  };\n  const handleDragEnd = (): void => {\n    setIsDragging(false);\n  };\n\n  createEffect(() => {\n    if (isServer) return;\n    if (isDragging()) {\n      document.body.addEventListener(\"pointerup\", handleDragEnd);\n      document.body.addEventListener(\"pointermove\", dragOver);\n      document.body.style.cursor = local.orientation === \"horizontal\" ? \"e-resize\" : \"n-resize\";\n    } else {\n      document.body.style.cursor = \"default\";\n    }\n    onCleanup(() => {\n      document.body.removeEventListener(\"pointerup\", handleDragEnd);\n      document.body.removeEventListener(\"pointermove\", dragOver);\n    });\n  });\n\n  const onResizerKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    const decreaseKey = local.orientation === \"vertical\" ? \"ArrowUp\" : \"ArrowLeft\";\n    const increaseKey = local.orientation === \"vertical\" ? \"ArrowDown\" : \"ArrowRight\";\n    if (event.key === decreaseKey) {\n      event.preventDefault();\n      setDivider((prev) => Math.max(0, prev - local.keyboardStep));\n    } else if (event.key === increaseKey) {\n      event.preventDefault();\n      setDivider((prev) => Math.min(100, prev + local.keyboardStep));\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      setDivider(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      setDivider(100);\n    }\n  };\n\n  const firstChildStyle = (): JSX.CSSProperties =>\n    local.orientation === \"vertical\" ? { height: `${divider()}%` } : { width: `${divider()}%` };\n  const secondChildStyle = (): JSX.CSSProperties =>\n    local.orientation === \"vertical\" ? { height: `${100 - divider()}%` } : { width: `${100 - divider()}%` };\n\n  return (\n    <div\n      class={cn(\"smwb-screen-divider__wrapper\", `smwb-${local.orientation}`, local.class)}\n      ref={mergeRefs(local.ref, (el) => (wrapperEl = el))}\n      data-testid=\"screen-divider\"\n    >\n      <div class={cn(\"smwb-screen-divider__first\", `smwb-${local.orientation}`)} style={firstChildStyle()}>\n        {(child()[0] ?? \"\") as JSX.Element}\n      </div>\n      <span\n        class=\"smwb-screen-divider__resizer\"\n        onPointerDown={handleDragStart}\n        draggable={false}\n        role=\"separator\"\n        aria-orientation={local.orientation === \"vertical\" ? \"horizontal\" : \"vertical\"}\n        aria-valuenow={Math.round(divider())}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={local.resizerAriaLabel}\n        tabindex={0}\n        onKeyDown={onResizerKeyDown}\n      />\n      <div class={cn(\"smwb-screen-divider__second\", `smwb-${local.orientation}`)} style={secondChildStyle()}>\n        {(child()[1] ?? \"\") as JSX.Element}\n      </div>\n    </div>\n  );\n}\n\nexport default ScreenDivider;\n"],"mappings":"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","names":[],"file":"screenDivider.jsx"}

package/dist/headless/source/components/layout/sheet/index.js

@@ -0,0 +1,6 @@
+import { Sheet, default as default2 } from "./sheet";
+export {
+  Sheet,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/layout/sheet/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/layout/sheet/index.ts"],
+  "sourcesContent": ["export { Sheet, default } from \"./sheet\";\nexport type { SheetProps } from \"./sheet\";\n"],
+  "mappings": "AAAA,SAAS,OAAO,WAAAA,gBAAe;",
+  "names": ["default"]
+}