@lessly/ui 0.7.1 → 0.8.0

package/dist/index.d.ts

@@ -87,6 +87,7 @@ declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<Dro
 declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
+    variant?: "default" | "destructive";
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -122,9 +123,12 @@ interface SelectProps {
     disabled?: boolean;
     className?: string;
     'data-testid'?: string;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     optionTestId?: (value: string) => string;
 }
-declare function Select({ value, onValueChange, options, placeholder, disabled, className, 'data-testid': testId, optionTestId, }: SelectProps): React$1.JSX.Element;
+declare function Select({ value, onValueChange, options, placeholder, disabled, className, 'data-testid': testId, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, optionTestId, }: SelectProps): React$1.JSX.Element;
 
 interface SwitchProps {
     checked: boolean;
@@ -1017,10 +1021,8 @@ interface ConnectionCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
      */
     children?: React$1.ReactNode;
     /**
-     * Disclosure mode: the header row toggles the card open/closed; the footer and
-     * drawer render only while open. The `access` blast-radius notice stays visible
-     * even while collapsed — it is a safety disclosure, not a detail. Collapsed by
-     * default.
+     * Disclosure mode: the header row toggles the card open/closed; the access
+     * notice, footer, and drawer render only while open. Collapsed by default.
      */
     collapsible?: boolean;
     /** Uncontrolled initial state (collapsible mode). Default: false (collapsed). */

package/dist/index.js

@@ -222,13 +222,14 @@ var DropdownMenuContent = React4.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx4(
+var DropdownMenuItem = React4.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx4(
   DropdownMenuPrimitive.Item,
   {
     ref,
     className: cn(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-bg-secondary focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       inset && "pl-8",
+      variant === "destructive" && "text-text-danger focus:bg-bg-danger-subtle focus:text-text-danger",
       className
     ),
     ...props
@@ -347,6 +348,9 @@ function Select({
   disabled,
   className,
   "data-testid": testId,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
   optionTestId
 }) {
   const selected = options.find((o) => o.value === value);
@@ -356,6 +360,9 @@ function Select({
       {
         type: "button",
         "data-testid": testId,
+        id,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledby,
         disabled,
         className: cn(
           "flex h-10 w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:cursor-not-allowed disabled:opacity-50",
@@ -3463,7 +3470,11 @@ var ConnectionCard = React56.forwardRef(
       Card,
       {
         ref,
-        className: cn(status === "disconnected" && "border-dashed border-border-default", className),
+        className: cn(
+          "overflow-hidden",
+          status === "disconnected" && "border-dashed border-border-default",
+          className
+        ),
         ...props,
         children: [
           /* @__PURE__ */ jsx66(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs33(
@@ -3487,8 +3498,8 @@ var ConnectionCard = React56.forwardRef(
               ]
             }
           ) }),
-          accessNote,
           /* @__PURE__ */ jsxs33(CollapsibleContent2, { children: [
+            accessNote,
             footer,
             drawer
           ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lessly/ui",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "Lessly design system — shared UI primitives, tokens, and theme",
   "type": "module",
   "packageManager": "pnpm@10.30.3",
@@ -121,7 +121,7 @@
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.63.0",
-    "vite": "^5.4.21",
+    "vite": "^6.4.3",
     "vitest": "^3.0.5"
   }
 }