@companix/uikit 0.0.33 → 0.0.34

package/dist/bundle.es9.js

@@ -1,77 +1,24 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useMemo as F, useImperativeHandle as I } from "react";
-import { Popover as T } from "./bundle.es7.js";
-import { useFroozeClosing as b } from "./bundle.es40.js";
-import { SelectInput as z } from "./bundle.es41.js";
-import { useScrollListController as B } from "./bundle.es42.js";
-import { SelectOptions as D } from "./bundle.es43.js";
-import { mergeRefs as j } from "react-merge-refs";
-const G = (a) => {
-  const {
-    options: n,
-    onChange: i,
-    value: r,
-    minimalOptions: m,
-    matchTarget: f = "width",
-    children: u,
-    disabled: p,
-    scrollRef: d,
-    popoverRef: v,
-    clearButton: s,
-    ...h
-  } = a, t = F(() => {
-    const o = r === null ? -1 : n.findIndex((e) => e.value === r);
-    return {
-      index: o,
-      option: n[o]
-    };
-  }, [n, r]), x = t.option?.value ?? null, { popoverRef: R, froozePopoverPosition: C, handleAnimationEnd: g } = b(), { scrollToElement: c, optionsWrapperRef: O, scrollBoxRef: P } = B();
-  I(d, () => ({
-    scrollTo: (o) => c(o, "top")
-  }));
-  const S = (o, e) => {
-    C(), i(o), e();
-  }, A = (o) => {
-    o.stopPropagation(), s && i(null);
-  }, E = () => {
-    t.index !== -1 && c(t.index, "center");
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { attr as d } from "@companix/utils-browser";
+const u = ({ value: t, onChange: i, options: r }) => {
+  const n = r.findIndex((e) => e.value === t), a = {
+    "--uikit--current-index": String(n),
+    "--uikit--options": String(r.length)
   };
-  return /* @__PURE__ */ l(
-    T,
-    {
-      minimal: !0,
-      ref: j([R, v]),
-      sideOffset: 0,
-      matchTarget: f,
-      onAnimationEnd: g,
-      onOpenAutoFocus: (o) => o.preventDefault(),
-      onCloseAutoFocus: (o) => o.preventDefault(),
-      disabled: p,
-      content: ({ close: o }) => /* @__PURE__ */ l(
-        D,
-        {
-          options: n,
-          active: x,
-          scrollboxRef: P,
-          optionsWrapperRef: O,
-          minimalOptions: m,
-          onOpened: E,
-          onSelect: (e) => S(e, o)
-        }
-      ),
-      children: u ?? /* @__PURE__ */ l(
-        z,
-        {
-          ...h,
-          disabled: p,
-          clearButton: s,
-          value: t.option?.title ?? "",
-          onClear: A
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ s("div", { className: "segments-container", children: /* @__PURE__ */ l("div", { role: "radiogroup", className: "segments", children: [
+    n > -1 && /* @__PURE__ */ s("div", { "aria-hidden": !0, className: "segments-slider", style: a }),
+    r.map((e) => /* @__PURE__ */ s(
+      "div",
+      {
+        onClick: () => i(e.value),
+        className: "segments-option",
+        "data-active": d(e.value === t),
+        children: e.label
+      },
+      `segment-${e.value}`
+    ))
+  ] }) });
 };
 export {
-  G as Select
+  u as Segments
 };

package/dist/index.d.ts

@@ -1,3 +1,7 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+export type { AvatarSize } from './Avatar/types';
+export { avatarSizes } from './Avatar/types';
 export { Button } from './Button';
 export type { ButtonProps, Appearance, Mode, Size } from './Button';
 export { ButtonGroup } from './ButtonGroup';
@@ -7,6 +11,8 @@ export type { SpinnerProps } from './Spinner';
 export { Scrollable } from './Scrollable';
 export { ImitateScroll } from './Scrollable/ImitateScroll';
 export type { ImitateScrollProps } from './Scrollable/ImitateScroll';
+export { Segments } from './Segments';
+export type { SegmentsProps } from './Segments';
 export { Popover } from './Popover';
 export type { PopoverProps } from './Popover';
 export { Tooltip } from './Tooltip';

package/dist/index.scss

@@ -1,3 +1,4 @@
+@use './Avatar/Avatar.scss';
 @use './Button/Button.scss';
 @use './Icon/icon.scss';
 @use './Popover/Popover.scss';
@@ -21,6 +22,7 @@
 @use './Switch/Switch.scss';
 @use './Spinner/Spinner.scss';
 @use './ButtonGroup/ButtonGroup.scss';
+@use './Segments/Segments.scss';
 @use './Scrollable/Scrollable.scss';
 @use './FormGroup/FormGroup.scss';
 @use './Progress/Progress.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",