@webiny/admin-ui 6.2.0-beta.0 → 6.3.0-beta.0

package/DropdownMenu/DropdownMenu.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as DropdownMenuStories from './DropdownMenu.stories';
+import * as DropdownMenuStories from "./DropdownMenu.stories";
 
 <Meta of={DropdownMenuStories} />
 
@@ -28,86 +28,55 @@ import { ReactComponent as LinkIcon } from "@webiny/icons/link.svg";
 const { Label, Separator, Group, Item, Link } = DropdownMenu;
 
 const DropdownMenuExample = () => {
-  return (
-    <DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
-      <Label text={"My Account"} />
-      <Item icon={<Item.Icon label={"Profile"} element={<User />} />} text={"Profile"} />
-      <Group>
-        <Item
-          icon={<Item.Icon element={<CreditCard />} label={"Billing"} />}
-          text={"Billing"}
-        />
-        <Item
-          icon={<Item.Icon element={<Settings />} label={"Settings"} />}
-          text={"Settings"}
-        />
-        <Item
-          icon={<Item.Icon element={<Keyboard />} label={"Keyboard shortcuts"} />}
-          text={"Keyboard shortcuts"}
-        />
-      </Group>
-      <Separator />
-      <Group>
-        <Item icon={<Item.Icon element={<Users />} label={"Team"} />} text={"Team"} />
-        <Item
-          icon={<Item.Icon element={<UserPlus />} label={"Invite users"} />}
-          text={"Invite users"}
-        />
-        <Item
-          icon={<Item.Icon label={"New Team"} element={<Plus />} />}
-          text={"New Team"}
-        />
-      </Group>
-      <Separator />
-      <Item
-        icon={<Item.Icon label={"Support"} element={<LifeBuoy />} />}
-        text={"Support"}
-      />
-      <Item
-        icon={<Item.Icon label={"API"} element={<Cloud />} />}
-        text={"API"}
-        disabled
-      />
-      <Separator />
-      <Item
-        icon={<Item.Icon label={"Log out"} element={<LogOut />} />}
-        text={"Log out"}
-      />
-      <Separator />
-      <Label text={"Links"} />
-      <Link
-        text={"Link 1"}
-        to={"#link-1"}
-        icon={<Link.Icon label="Link 1" element={<LinkIcon />} />}
-      />
-      <Link
-        text={"Link 2"}
-        to={"#link-2"}
-        icon={<Link.Icon label="Link 2" element={<LinkIcon />} />}
-      />
-      <Link
-        text={"Link 3"}
-        to={"#link-3"}
-        icon={<Link.Icon label="Link 3" element={<LinkIcon />} />}
-      />
-    </DropdownMenu>
-  );
-};
+return (
+
+<DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
+  <Label text={"My Account"} />
+  <Item icon={<Item.Icon label={"Profile"} element={<User />} />} text={"Profile"} />
+  <Group>
+    <Item icon={<Item.Icon element={<CreditCard />} label={"Billing"} />} text={"Billing"} />
+    <Item icon={<Item.Icon element={<Settings />} label={"Settings"} />} text={"Settings"} />
+    <Item
+      icon={<Item.Icon element={<Keyboard />} label={"Keyboard shortcuts"} />}
+      text={"Keyboard shortcuts"}
+    />
+  </Group>
+  <Separator />
+  <Group>
+    <Item icon={<Item.Icon element={<Users />} label={"Team"} />} text={"Team"} />
+    <Item
+      icon={<Item.Icon element={<UserPlus />} label={"Invite users"} />}
+      text={"Invite users"}
+    />
+    <Item icon={<Item.Icon label={"New Team"} element={<Plus />} />} text={"New Team"} />
+  </Group>
+  <Separator />
+  <Item icon={<Item.Icon label={"Support"} element={<LifeBuoy />} />} text={"Support"} />
+  <Item icon={<Item.Icon label={"API"} element={<Cloud />} />} text={"API"} disabled />
+  <Separator />
+  <Item icon={<Item.Icon label={"Log out"} element={<LogOut />} />} text={"Log out"} />
+  <Separator />
+  <Label text={"Links"} />
+  <Link text={"Link 1"} to={"#link-1"} icon={<Link.Icon label="Link 1" element={<LinkIcon />} />} />
+  <Link text={"Link 2"} to={"#link-2"} icon={<Link.Icon label="Link 2" element={<LinkIcon />} />} />
+  <Link text={"Link 3"} to={"#link-3"} icon={<Link.Icon label="Link 3" element={<LinkIcon />} />} />
+</DropdownMenu>
+); };
 
 export default DropdownMenuExample;
 
 ` }}
-  additionalActions={[
-    {
-      title: 'Open in GitHub',
-      onClick: () => {
-        window.open(
-          'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/DropdownMenu/DropdownMenu.tsx',
-          '_blank'
-        );
-      },
-    }
-  ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/DropdownMenu/DropdownMenu.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={DropdownMenuStories.Documentation} />
@@ -135,14 +104,8 @@ const DropdownMenuExample = () => {
       <Label text={"My Account"} />
       <Item icon={<Item.Icon label={"Profile"} element={<User />} />} text={"Profile"} />
       <Group>
-        <Item
-          icon={<Item.Icon element={<CreditCard />} label={"Billing"} />}
-          text={"Billing"}
-        />
-        <Item
-          icon={<Item.Icon element={<Settings />} label={"Settings"} />}
-          text={"Settings"}
-        />
+        <Item icon={<Item.Icon element={<CreditCard />} label={"Billing"} />} text={"Billing"} />
+        <Item icon={<Item.Icon element={<Settings />} label={"Settings"} />} text={"Settings"} />
         <Item
           icon={<Item.Icon element={<Keyboard />} label={"Keyboard shortcuts"} />}
           text={"Keyboard shortcuts"}
@@ -155,26 +118,13 @@ const DropdownMenuExample = () => {
           icon={<Item.Icon element={<UserPlus />} label={"Invite users"} />}
           text={"Invite users"}
         />
-        <Item
-          icon={<Item.Icon label={"New Team"} element={<Plus />} />}
-          text={"New Team"}
-        />
+        <Item icon={<Item.Icon label={"New Team"} element={<Plus />} />} text={"New Team"} />
       </Group>
       <Separator />
-      <Item
-        icon={<Item.Icon label={"Support"} element={<LifeBuoy />} />}
-        text={"Support"}
-      />
-      <Item
-        icon={<Item.Icon label={"API"} element={<Cloud />} />}
-        text={"API"}
-        disabled
-      />
+      <Item icon={<Item.Icon label={"Support"} element={<LifeBuoy />} />} text={"Support"} />
+      <Item icon={<Item.Icon label={"API"} element={<Cloud />} />} text={"API"} disabled />
       <Separator />
-      <Item
-        icon={<Item.Icon label={"Log out"} element={<LogOut />} />}
-        text={"Log out"}
-      />
+      <Item icon={<Item.Icon label={"Log out"} element={<LogOut />} />} text={"Log out"} />
       <Separator />
       <Label text={"Links"} />
       <Link
@@ -213,23 +163,17 @@ import { ReactComponent as Keyboard } from "@webiny/icons/keyboard.svg";
 const { Item } = DropdownMenu;
 
 const SimpleMenuWithIconsExample = () => {
-  return (
-    <DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
-      <Item
-        icon={<Item.Icon label={"Billing"} element={<CreditCard />} />}
-        text={"Billing"}
-      />
-      <Item
-        icon={<Item.Icon label={"Settings"} element={<Settings />} />}
-        text={"Settings"}
-      />
-      <Item
-        icon={<Item.Icon label={"Keyboard shortcuts"} element={<Keyboard />} />}
-        text={"Keyboard shortcuts"}
-      />
-    </DropdownMenu>
-  );
-};
+return (
+
+<DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
+  <Item icon={<Item.Icon label={"Billing"} element={<CreditCard />} />} text={"Billing"} />
+  <Item icon={<Item.Icon label={"Settings"} element={<Settings />} />} text={"Settings"} />
+  <Item
+    icon={<Item.Icon label={"Keyboard shortcuts"} element={<Keyboard />} />}
+    text={"Keyboard shortcuts"}
+  />
+</DropdownMenu>
+); };
 
 export default SimpleMenuWithIconsExample;
 ` }} />
@@ -256,82 +200,42 @@ import { ReactComponent as PlusCircle } from "@webiny/icons/add_circle.svg";
 const { Label, Separator, Group, Item } = DropdownMenu;
 
 const WithSubMenusExample = () => {
-  return (
-    <DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
-      <Label text={"My Account"} />
-      <Item icon={<Item.Icon element={<User />} label={"Profile"} />} text={"Profile"} />
-      <Group>
-        <Item
-          icon={<Item.Icon label={"Billing"} element={<CreditCard />} />}
-          text={"Billing"}
-        />
-        <Item
-          icon={<Item.Icon label={"Settings"} element={<Settings />} />}
-          text={"Settings"}
-        />
-        <Item
-          icon={<Item.Icon label={"Keyboard shortcuts"} element={<Keyboard />} />}
-          text={"Keyboard shortcuts"}
-        />
-      </Group>
-      <Separator />
-      <Group>
-        <Item icon={<Item.Icon label={"Team"} element={<Users />} />} text={"Team"} />
-        <Item
-          icon={<Item.Icon label={"Invite user"} element={<UserPlus />} />}
-          text={"Invite users"}
-        >
-          <Item
-            icon={<Item.Icon label={"Email"} element={<Mail />} />}
-            text={"Email"}
-          />
-          <Item
-            icon={<Item.Icon label={"Message"} element={<MessageSquare />} />}
-            text={"Message"}
-          />
-          <Separator />
-          <Item
-            icon={<Item.Icon label={"More..."} element={<PlusCircle />} />}
-            text={"More..."}
-          >
-            <Item
-              icon={<Item.Icon label={"Email"} element={<Mail />} />}
-              text={"Email"}
-            />
-            <Item
-              icon={<Item.Icon label={"Message"} element={<MessageSquare />} />}
-              text={"Message"}
-            />
-            <Separator />
-            <Item
-              icon={<Item.Icon label={"More..."} element={<PlusCircle />} />}
-              text={"More..."}
-            />
-          </Item>
-        </Item>
-        <Item
-          icon={<Item.Icon label={"New Team"} element={<Plus />} />}
-          text={"New Team"}
-        />
-      </Group>
-      <Separator />
-      <Item
-        icon={<Item.Icon label={"Support"} element={<LifeBuoy />} />}
-        text={"Support"}
-      />
-      <Item
-        icon={<Item.Icon label={"API"} element={<Cloud />} />}
-        text={"API"}
-        disabled
-      />
+return (
+
+<DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
+  <Label text={"My Account"} />
+  <Item icon={<Item.Icon element={<User />} label={"Profile"} />} text={"Profile"} />
+  <Group>
+    <Item icon={<Item.Icon label={"Billing"} element={<CreditCard />} />} text={"Billing"} />
+    <Item icon={<Item.Icon label={"Settings"} element={<Settings />} />} text={"Settings"} />
+    <Item
+      icon={<Item.Icon label={"Keyboard shortcuts"} element={<Keyboard />} />}
+      text={"Keyboard shortcuts"}
+    />
+  </Group>
+  <Separator />
+  <Group>
+    <Item icon={<Item.Icon label={"Team"} element={<Users />} />} text={"Team"} />
+    <Item icon={<Item.Icon label={"Invite user"} element={<UserPlus />} />} text={"Invite users"}>
+      <Item icon={<Item.Icon label={"Email"} element={<Mail />} />} text={"Email"} />
+      <Item icon={<Item.Icon label={"Message"} element={<MessageSquare />} />} text={"Message"} />
       <Separator />
-      <Item
-        icon={<Item.Icon label={"Log out"} element={<LogOut />} />}
-        text={"Log out"}
-      />
-    </DropdownMenu>
-  );
-};
+      <Item icon={<Item.Icon label={"More..."} element={<PlusCircle />} />} text={"More..."}>
+        <Item icon={<Item.Icon label={"Email"} element={<Mail />} />} text={"Email"} />
+        <Item icon={<Item.Icon label={"Message"} element={<MessageSquare />} />} text={"Message"} />
+        <Separator />
+        <Item icon={<Item.Icon label={"More..."} element={<PlusCircle />} />} text={"More..."} />
+      </Item>
+    </Item>
+    <Item icon={<Item.Icon label={"New Team"} element={<Plus />} />} text={"New Team"} />
+  </Group>
+  <Separator />
+  <Item icon={<Item.Icon label={"Support"} element={<LifeBuoy />} />} text={"Support"} />
+  <Item icon={<Item.Icon label={"API"} element={<Cloud />} />} text={"API"} disabled />
+  <Separator />
+  <Item icon={<Item.Icon label={"Log out"} element={<LogOut />} />} text={"Log out"} />
+</DropdownMenu>
+); };
 
 export default WithSubMenusExample;
 ` }} />
@@ -343,53 +247,54 @@ import React from "react";
 import { DropdownMenu, Button, Text } from "@webiny/admin-ui";
 
 const TARGET_LEVELS = [
-  {
-    id: "viewer",
-    label: "Viewer",
-    description: "Can view content, but not modify it"
-  },
-  {
-    id: "editor",
-    label: "Editor",
-    description: "Can view and modify content"
-  },
-  {
-    id: "owner",
-    label: "Owner",
-    description: "Can edit and manage content permissions"
-  }
+{
+id: "viewer",
+label: "Viewer",
+description: "Can view content, but not modify it"
+},
+{
+id: "editor",
+label: "Editor",
+description: "Can view and modify content"
+},
+{
+id: "owner",
+label: "Owner",
+description: "Can edit and manage content permissions"
+}
 ];
 
 const WithCheckboxItemsExample = () => {
-  return (
-    <DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
-      {TARGET_LEVELS.map(level => (
-        <DropdownMenu.CheckboxItem
-          key={level.id}
-          checked={level.id === "viewer"}
-          text={
-            <div>
-              <Text as={"div"}>{level.label}</Text>
-              <Text as={"div"} size={"sm"} className={"text-neutral-strong"}>
-                {level.description}
-              </Text>
-            </div>
-          }
-          onClick={() => {
-            console.log("Selected level:", level.id);
-          }}
-        />
-      ))}
-      <DropdownMenu.Separator />
-      <DropdownMenu.Item text={"Remove access"} />
-    </DropdownMenu>
-  );
-};
+return (
+
+<DropdownMenu trigger={<Button variant="primary" text={"Open"} />}>
+  {TARGET_LEVELS.map(level => (
+    <DropdownMenu.CheckboxItem
+      key={level.id}
+      checked={level.id === "viewer"}
+      text={
+        <div>
+          <Text as={"div"}>{level.label}</Text>
+          <Text as={"div"} size={"sm"} className={"text-neutral-strong"}>
+            {level.description}
+          </Text>
+        </div>
+      }
+      onClick={() => {
+        console.log("Selected level:", level.id);
+      }}
+    />
+  ))}
+  <DropdownMenu.Separator />
+  <DropdownMenu.Item text={"Remove access"} />
+</DropdownMenu>
+); };
 
 export default WithCheckboxItemsExample;
 ` }} />
 
 ### With Open Change Handler
+
 With Open Change Handler, you can listen to the menu's open state changes.
 For this you can use the `onOpenChange` prop.
 
@@ -403,28 +308,22 @@ import { ReactComponent as Keyboard } from "@webiny/icons/keyboard.svg";
 const { Item } = DropdownMenu;
 
 const WithOnOpenChangeExample = () => {
-  return (
-    <DropdownMenu
-      trigger={<Button variant="primary" text={"Open"} />}
-      onOpenChange={opened => {
-        console.log("On Open Change");
-      }}
-    >
-      <Item
-        icon={<Item.Icon element={<CreditCard />} label={"Billing"} />}
-        text={"Billing"}
-      />
-      <Item
-        icon={<Item.Icon element={<Settings />} label={"Settings"} />}
-        text={"Settings"}
-      />
-      <Item
-        icon={<Item.Icon element={<Keyboard />} label={"Keyboard shortcuts"} />}
-        text={"Keyboard shortcuts"}
-      />
-    </DropdownMenu>
-  );
-};
+return (
+
+<DropdownMenu
+  trigger={<Button variant="primary" text={"Open"} />}
+  onOpenChange={opened => {
+    console.log("On Open Change");
+  }}
+>
+  <Item icon={<Item.Icon element={<CreditCard />} label={"Billing"} />} text={"Billing"} />
+  <Item icon={<Item.Icon element={<Settings />} label={"Settings"} />} text={"Settings"} />
+  <Item
+    icon={<Item.Icon element={<Keyboard />} label={"Keyboard shortcuts"} />}
+    text={"Keyboard shortcuts"}
+  />
+</DropdownMenu>
+); };
 
 export default WithOnOpenChangeExample;
 ` }} />

package/DropdownMenu/components/DropdownMenuCheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","makeDecoratable","ReactComponent","Check","DropdownMenuCheckboxItemBase","forwardRef","className","text","checked","props","ref","createElement","CheckboxItem","Object","assign","disabled","ItemIndicator","displayName","DropdownMenuCheckboxItem"],"sources":["DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\n\nexport interface DropdownMenuItemProps\n    extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {\n    text?: React.ReactNode;\n}\n\nconst DropdownMenuCheckboxItemBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n    DropdownMenuItemProps\n>(({ className, text, checked, ...props }, ref) => (\n    <DropdownMenuPrimitive.CheckboxItem\n        ref={ref}\n        className={cn(\n            \"group relative cursor-default select-none items-center rounded-sm px-xs-plus outline-none transition-colors\",\n            \"[&_svg]:fill-neutral-xstrong [&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0\",\n            \"data-disabled:pointer-events-none data-disabled:text-neutral-disabled\",\n            className\n        )}\n        checked={checked}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"flex min-size-md px-sm py-xs-plus gap-sm-extra items-center text-md rounded-sm group-focus:bg-neutral-dimmed transition-colors\",\n                { \"[&_svg]:fill-neutral-disabled\": props.disabled }\n            )}\n        >\n            <DropdownMenuPrimitive.ItemIndicator>\n                <Check />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {!checked && <svg aria-hidden=\"true\" />}\n            <span>{text}</span>\n        </div>\n    </DropdownMenuPrimitive.CheckboxItem>\n));\n\nDropdownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nexport const DropdownMenuCheckboxItem = makeDecoratable(\n    \"DropdownMenuCheckboxItem\",\n    DropdownMenuCheckboxItemBase\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AAOjE,MAAMC,4BAA4B,gBAAGP,KAAK,CAACQ,UAAU,CAGnD,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1Cb,KAAA,CAAAc,aAAA,CAACZ,qBAAqB,CAACa,YAAY,EAAAC,MAAA,CAAAC,MAAA;EAC/BJ,GAAG,EAAEA,GAAI;EACTJ,SAAS,EAAEN,EAAE,CACT,6GAA6G,EAC7G,2FAA2F,EAC3F,uEAAuE,EACvEM,SACJ,CAAE;EACFE,OAAO,EAAEA;AAAQ,GACbC,KAAK,gBAETZ,KAAA,CAAAc,aAAA;EACIL,SAAS,EAAEN,EAAE,CACT,gIAAgI,EAChI;IAAE,+BAA+B,EAAES,KAAK,CAACM;EAAS,CACtD;AAAE,gBAEFlB,KAAA,CAAAc,aAAA,CAACZ,qBAAqB,CAACiB,aAAa,qBAChCnB,KAAA,CAAAc,aAAA,CAACR,KAAK,MAAE,CACyB,CAAC,EACrC,CAACK,OAAO,iBAAIX,KAAA,CAAAc,aAAA;EAAK,eAAY;AAAM,CAAE,CAAC,eACvCd,KAAA,CAAAc,aAAA,eAAOJ,IAAW,CACjB,CAC2B,CACvC,CAAC;AAEFH,4BAA4B,CAACa,WAAW,GAAGlB,qBAAqB,CAACa,YAAY,CAACK,WAAW;AAEzF,OAAO,MAAMC,wBAAwB,GAAGjB,eAAe,CACnD,0BAA0B,EAC1BG,4BACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","makeDecoratable","ReactComponent","Check","DropdownMenuCheckboxItemBase","forwardRef","className","text","checked","props","ref","createElement","CheckboxItem","Object","assign","disabled","ItemIndicator","displayName","DropdownMenuCheckboxItem"],"sources":["DropdownMenuCheckboxItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\n\nexport interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<\n    typeof DropdownMenuPrimitive.CheckboxItem\n> {\n    text?: React.ReactNode;\n}\n\nconst DropdownMenuCheckboxItemBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n    DropdownMenuItemProps\n>(({ className, text, checked, ...props }, ref) => (\n    <DropdownMenuPrimitive.CheckboxItem\n        ref={ref}\n        className={cn(\n            \"group relative cursor-default select-none items-center rounded-sm px-xs-plus outline-none transition-colors\",\n            \"[&_svg]:fill-neutral-xstrong [&_svg]:pointer-events-none [&_svg]:size-md [&_svg]:shrink-0\",\n            \"data-disabled:pointer-events-none data-disabled:text-neutral-disabled\",\n            className\n        )}\n        checked={checked}\n        {...props}\n    >\n        <div\n            className={cn(\n                \"flex min-size-md px-sm py-xs-plus gap-sm-extra items-center text-md rounded-sm group-focus:bg-neutral-dimmed transition-colors\",\n                { \"[&_svg]:fill-neutral-disabled\": props.disabled }\n            )}\n        >\n            <DropdownMenuPrimitive.ItemIndicator>\n                <Check />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {!checked && <svg aria-hidden=\"true\" />}\n            <span>{text}</span>\n        </div>\n    </DropdownMenuPrimitive.CheckboxItem>\n));\n\nDropdownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nexport const DropdownMenuCheckboxItem = makeDecoratable(\n    \"DropdownMenuCheckboxItem\",\n    DropdownMenuCheckboxItemBase\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AAQjE,MAAMC,4BAA4B,gBAAGP,KAAK,CAACQ,UAAU,CAGnD,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1Cb,KAAA,CAAAc,aAAA,CAACZ,qBAAqB,CAACa,YAAY,EAAAC,MAAA,CAAAC,MAAA;EAC/BJ,GAAG,EAAEA,GAAI;EACTJ,SAAS,EAAEN,EAAE,CACT,6GAA6G,EAC7G,2FAA2F,EAC3F,uEAAuE,EACvEM,SACJ,CAAE;EACFE,OAAO,EAAEA;AAAQ,GACbC,KAAK,gBAETZ,KAAA,CAAAc,aAAA;EACIL,SAAS,EAAEN,EAAE,CACT,gIAAgI,EAChI;IAAE,+BAA+B,EAAES,KAAK,CAACM;EAAS,CACtD;AAAE,gBAEFlB,KAAA,CAAAc,aAAA,CAACZ,qBAAqB,CAACiB,aAAa,qBAChCnB,KAAA,CAAAc,aAAA,CAACR,KAAK,MAAE,CACyB,CAAC,EACrC,CAACK,OAAO,iBAAIX,KAAA,CAAAc,aAAA;EAAK,eAAY;AAAM,CAAE,CAAC,eACvCd,KAAA,CAAAc,aAAA,eAAOJ,IAAW,CACjB,CAC2B,CACvC,CAAC;AAEFH,4BAA4B,CAACa,WAAW,GAAGlB,qBAAqB,CAACa,YAAY,CAACK,WAAW;AAEzF,OAAO,MAAMC,wBAAwB,GAAGjB,eAAe,CACnD,0BAA0B,EAC1BG,4BACJ,CAAC","ignoreList":[]}

package/DropdownMenu/components/DropdownMenuLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","makeDecoratable","DropdownMenuLabelBase","forwardRef","className","text","props","ref","createElement","Label","Object","assign","displayName","DropdownMenuLabel"],"sources":["DropdownMenuLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\nexport interface DropdownMenuLabelProps\n    extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {\n    text: React.ReactNode;\n}\n\nconst DropdownMenuLabelBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n    DropdownMenuLabelProps\n>(({ className, text, ...props }, ref) => (\n    <DropdownMenuPrimitive.Label\n        ref={ref}\n        className={cn(\n            \"py-sm pl-sm-extra pr-md text-sm uppercase text-neutral-strong font-semibold\",\n            className\n        )}\n        {...props}\n    >\n        {text}\n    </DropdownMenuPrimitive.Label>\n));\nDropdownMenuLabelBase.displayName = DropdownMenuPrimitive.Label.displayName;\n\nexport const DropdownMenuLabel = makeDecoratable(\"DropdownMenuLabel\", DropdownMenuLabelBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE,EAAEC,eAAe;AAO5B,MAAMC,qBAAqB,gBAAGL,KAAK,CAACM,UAAU,CAG5C,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACjCV,KAAA,CAAAW,aAAA,CAACT,qBAAqB,CAACU,KAAK,EAAAC,MAAA,CAAAC,MAAA;EACxBJ,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAEJ,EAAE,CACT,6EAA6E,EAC7EI,SACJ;AAAE,GACEE,KAAK,GAERD,IACwB,CAChC,CAAC;AACFH,qBAAqB,CAACU,WAAW,GAAGb,qBAAqB,CAACU,KAAK,CAACG,WAAW;AAE3E,OAAO,MAAMC,iBAAiB,GAAGZ,eAAe,CAAC,mBAAmB,EAAEC,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DropdownMenu","DropdownMenuPrimitive","cn","makeDecoratable","DropdownMenuLabelBase","forwardRef","className","text","props","ref","createElement","Label","Object","assign","displayName","DropdownMenuLabel"],"sources":["DropdownMenuLabel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\nexport interface DropdownMenuLabelProps extends React.ComponentPropsWithoutRef<\n    typeof DropdownMenuPrimitive.Label\n> {\n    text: React.ReactNode;\n}\n\nconst DropdownMenuLabelBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n    DropdownMenuLabelProps\n>(({ className, text, ...props }, ref) => (\n    <DropdownMenuPrimitive.Label\n        ref={ref}\n        className={cn(\n            \"py-sm pl-sm-extra pr-md text-sm uppercase text-neutral-strong font-semibold\",\n            className\n        )}\n        {...props}\n    >\n        {text}\n    </DropdownMenuPrimitive.Label>\n));\nDropdownMenuLabelBase.displayName = DropdownMenuPrimitive.Label.displayName;\n\nexport const DropdownMenuLabel = makeDecoratable(\"DropdownMenuLabel\", DropdownMenuLabelBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,IAAIC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,EAAE,EAAEC,eAAe;AAQ5B,MAAMC,qBAAqB,gBAAGL,KAAK,CAACM,UAAU,CAG5C,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACjCV,KAAA,CAAAW,aAAA,CAACT,qBAAqB,CAACU,KAAK,EAAAC,MAAA,CAAAC,MAAA;EACxBJ,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAEJ,EAAE,CACT,6EAA6E,EAC7EI,SACJ;AAAE,GACEE,KAAK,GAERD,IACwB,CAChC,CAAC;AACFH,qBAAqB,CAACU,WAAW,GAAGb,qBAAqB,CAACU,KAAK,CAACG,WAAW;AAE3E,OAAO,MAAMC,iBAAiB,GAAGZ,eAAe,CAAC,mBAAmB,EAAEC,qBAAqB,CAAC","ignoreList":[]}