plainframe-ui 0.1.5 → 0.1.6

package/dist/index.d.ts

@@ -1060,7 +1060,6 @@ declare const Rotate: React.FC<RotateProps>;
 type Align$1 = "left" | "center" | "right";
 type Variant$4 = "subtle" | "outlined" | "ghost";
 type SelectProps<T = unknown> = {
-    /** optional controlled value(s); if omitted, trigger text is derived from child selection props */
     value?: T | T[];
     defaultValue?: T | T[];
     onChange?: (value: T | T[]) => void;
@@ -1080,15 +1079,12 @@ type SelectProps<T = unknown> = {
     labelCss?: Interpolation<Theme>;
     triggerCss?: Interpolation<Theme>;
     menuCss?: Interpolation<Theme>;
-    /** you pass real MenuItem / MenuRadioItem / MenuCheckboxItem (and optional MenuRadioGroup) here */
     children: React.ReactNode;
     className?: string;
     menuSize?: "sm" | "md";
-    /** custom trigger renderer (receives the resolved label text or array of labels) */
     triggerRender?: (selected: string | string[] | undefined) => React.ReactNode;
 };
-declare function Select<T = unknown>({ value, defaultValue, onChange, // not wired here; your Menu components should manage selection & call you
-label, placeholder, startIcon, endIcon, disabled, size, variant, fullWidth, width, menuAlign, menuWidth, menuMaxHeight, wrapperCss, labelCss, triggerCss, menuCss, children, className, menuSize, triggerRender, }: SelectProps<T>): JSX.Element;
+declare function Select<T = unknown>({ value, defaultValue, onChange, label, placeholder, startIcon, endIcon, disabled, size, variant, fullWidth, width, menuAlign, menuWidth, menuMaxHeight, wrapperCss, labelCss, triggerCss, menuCss, children, className, menuSize, triggerRender, }: SelectProps<T>): JSX.Element;
 
 /** @jsxImportSource @emotion/react */
 

package/dist/index.js

@@ -5958,9 +5958,8 @@ var Button = React20.memo(React20.forwardRef(({
 }, ref) => {
   const theme = usePlainframeUITheme();
   const focusRing = useFocusRing();
-  const normalizedVariant = variant === "ghost-destructive" ? "ghost-destructive" : variant;
   const S = useMemo10(() => getSize3(theme, size), [theme, size]);
-  const vis = useMemo10(() => resolveVisuals(theme, normalizedVariant), [theme, normalizedVariant]);
+  const vis = useMemo10(() => resolveVisuals(theme, variant), [theme, variant]);
   const isIconOnly = useMemo10(
     () => !startIcon && !endIcon && !hasText(children) && React20.Children.count(children) === 1,
     [startIcon, endIcon, children]
@@ -6144,7 +6143,7 @@ var Button = React20.memo(React20.forwardRef(({
     {
       ref,
       type: "type" in props && props.type ? props.type : "button",
-      "data-variant": normalizedVariant,
+      "data-variant": variant,
       className: ["plainframe-ui-button", className || ""].join(" ").trim(),
       css: [
         rootBase,
@@ -9777,12 +9776,10 @@ var RadioItem = ({
     fontSize: theme.fontSizes.md,
     fontWeight: 500,
     padding: theme.spacing.sm,
-    // Hover applies to the CIRCLE only if NOT checked
     "&:hover .plainframe-ui-radio-circle-outer": isDisabled || isChecked ? {} : {
       background: hoverCircleBg,
       boxShadow: variant === "outlined" ? `inset 0 0 0 ${theme.componentHeights.border} ${stroke}` : "none"
     },
-    // Focus ring hint on circle
     "&:focus-visible .plainframe-ui-radio-circle-outer": {
       outline: "none",
       filter: "brightness(1.06)"
@@ -10010,7 +10007,6 @@ function Select({
   value,
   defaultValue,
   onChange,
-  // not wired here; your Menu components should manage selection & call you
   label,
   placeholder = "Select\u2026",
   startIcon,