@backstage/ui 0.12.0 → 0.13.0-next.1

package/dist/components/Select/SelectTrigger.esm.js

@@ -1,22 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button, SelectValue } from 'react-aria-components';
 import { RiArrowDownSLine } from '@remixicon/react';
-import clsx from 'clsx';
-import { useStyles } from '../../hooks/useStyles.esm.js';
-import { SelectDefinition } from './definition.esm.js';
-import styles from './Select.module.css.esm.js';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
+import { SelectTriggerDefinition } from './definition.esm.js';
 
-function SelectTrigger({ icon }) {
-  const { classNames } = useStyles(SelectDefinition);
-  return /* @__PURE__ */ jsxs(Button, { className: clsx(classNames.trigger, styles[classNames.trigger]), children: [
+function SelectTrigger(props) {
+  const { ownProps } = useDefinition(SelectTriggerDefinition, props);
+  const { classes, icon } = ownProps;
+  return /* @__PURE__ */ jsxs(Button, { className: classes.root, children: [
     icon,
-    /* @__PURE__ */ jsx(
-      SelectValue,
-      {
-        className: clsx(classNames.value, styles[classNames.value])
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: clsx(classNames.chevron, styles[classNames.chevron]), children: /* @__PURE__ */ jsx(RiArrowDownSLine, { "aria-hidden": "true" }) })
+    /* @__PURE__ */ jsx(SelectValue, { className: classes.value }),
+    /* @__PURE__ */ jsx("div", { className: classes.chevron, children: /* @__PURE__ */ jsx(RiArrowDownSLine, { "aria-hidden": "true" }) })
   ] });
 }
 

package/dist/components/Select/SelectTrigger.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.esm.js","sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport { Button, SelectValue } from 'react-aria-components';\nimport { RiArrowDownSLine } from '@remixicon/react';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\nimport { SelectDefinition } from './definition';\nimport styles from './Select.module.css';\n\ninterface SelectTriggerProps {\n  icon?: ReactNode;\n}\n\nexport function SelectTrigger({ icon }: SelectTriggerProps) {\n  const { classNames } = useStyles(SelectDefinition);\n\n  return (\n    <Button className={clsx(classNames.trigger, styles[classNames.trigger])}>\n      {icon}\n      <SelectValue\n        className={clsx(classNames.value, styles[classNames.value])}\n      />\n      <div className={clsx(classNames.chevron, styles[classNames.chevron])}>\n        <RiArrowDownSLine aria-hidden=\"true\" />\n      </div>\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AA4BO,SAAS,aAAA,CAAc,EAAE,IAAA,EAAK,EAAuB;AAC1D,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,gBAAgB,CAAA;AAEjD,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,SAAS,MAAA,CAAO,UAAA,CAAW,OAAO,CAAC,CAAA,EACnE,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,oBACD,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,WAAW,IAAA,CAAK,UAAA,CAAW,OAAO,MAAA,CAAO,UAAA,CAAW,KAAK,CAAC;AAAA;AAAA,KAC5D;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,WAAW,OAAA,EAAS,MAAA,CAAO,UAAA,CAAW,OAAO,CAAC,CAAA,EACjE,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,aAAA,EAAY,QAAO,CAAA,EACvC;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SelectTrigger.esm.js","sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport { Button, SelectValue } from 'react-aria-components';\nimport { RiArrowDownSLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { SelectTriggerDefinition } from './definition';\n\ninterface SelectTriggerProps {\n  icon?: ReactNode;\n}\n\nexport function SelectTrigger(props: SelectTriggerProps) {\n  const { ownProps } = useDefinition(SelectTriggerDefinition, props);\n  const { classes, icon } = ownProps;\n\n  return (\n    <Button className={classes.root}>\n      {icon}\n      <SelectValue className={classes.value} />\n      <div className={classes.chevron}>\n        <RiArrowDownSLine aria-hidden=\"true\" />\n      </div>\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA0BO,SAAS,cAAc,KAAA,EAA2B;AACvD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,CAAc,yBAAyB,KAAK,CAAA;AACjE,EAAA,MAAM,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,QAAA;AAE1B,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,IAAA,EACxB,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,oBACD,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAO,CAAA;AAAA,oBACvC,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,SACtB,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,aAAA,EAAY,MAAA,EAAO,CAAA,EACvC;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/Select/definition.esm.js

@@ -1,23 +1,73 @@
-const SelectDefinition = {
+import 'react/jsx-runtime';
+import 'clsx';
+import '../../hooks/useBreakpoint.esm.js';
+import '../../hooks/useBg.esm.js';
+import '../../hooks/useDefinition/helpers.esm.js';
+import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
+import styles from './Select.module.css.esm.js';
+
+const SelectDefinition = defineComponent()({
+  styles,
   classNames: {
     root: "bui-Select",
-    popover: "bui-SelectPopover",
-    trigger: "bui-SelectTrigger",
-    chevron: "bui-SelectTriggerChevron",
-    value: "bui-SelectValue",
-    list: "bui-SelectList",
-    item: "bui-SelectItem",
-    itemIndicator: "bui-SelectItemIndicator",
-    itemLabel: "bui-SelectItemLabel",
-    searchWrapper: "bui-SelectSearchWrapper",
-    search: "bui-SelectSearch",
-    searchClear: "bui-SelectSearchClear",
-    noResults: "bui-SelectNoResults"
+    popover: "bui-SelectPopover"
   },
-  dataAttributes: {
-    size: ["small", "medium"]
+  propDefs: {
+    icon: {},
+    size: { dataAttribute: true, default: "small" },
+    options: {},
+    searchable: {},
+    searchPlaceholder: {},
+    label: {},
+    secondaryLabel: {},
+    description: {},
+    isRequired: {},
+    className: {}
+  }
+});
+const SelectTriggerDefinition = defineComponent()(
+  {
+    styles,
+    classNames: {
+      root: "bui-SelectTrigger",
+      chevron: "bui-SelectTriggerChevron",
+      value: "bui-SelectValue"
+    },
+    propDefs: {
+      icon: {}
+    }
+  }
+);
+const SelectContentDefinition = defineComponent()(
+  {
+    styles,
+    classNames: {
+      root: "bui-SelectSearchWrapper",
+      search: "bui-SelectSearch",
+      searchClear: "bui-SelectSearchClear"
+    },
+    propDefs: {
+      searchable: {},
+      searchPlaceholder: { default: "Search..." },
+      options: {}
+    }
+  }
+);
+const SelectListBoxDefinition = defineComponent()(
+  {
+    styles,
+    classNames: {
+      root: "bui-SelectList",
+      item: "bui-SelectItem",
+      itemIndicator: "bui-SelectItemIndicator",
+      itemLabel: "bui-SelectItemLabel",
+      noResults: "bui-SelectNoResults"
+    },
+    propDefs: {
+      options: {}
+    }
   }
-};
+);
 
-export { SelectDefinition };
+export { SelectContentDefinition, SelectDefinition, SelectListBoxDefinition, SelectTriggerDefinition };
 //# sourceMappingURL=definition.esm.js.map

package/dist/components/Select/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Select/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ComponentDefinition } from '../../types';\n\n/**\n * Component definition for Select\n * @public\n */\nexport const SelectDefinition = {\n  classNames: {\n    root: 'bui-Select',\n    popover: 'bui-SelectPopover',\n    trigger: 'bui-SelectTrigger',\n    chevron: 'bui-SelectTriggerChevron',\n    value: 'bui-SelectValue',\n    list: 'bui-SelectList',\n    item: 'bui-SelectItem',\n    itemIndicator: 'bui-SelectItemIndicator',\n    itemLabel: 'bui-SelectItemLabel',\n    searchWrapper: 'bui-SelectSearchWrapper',\n    search: 'bui-SelectSearch',\n    searchClear: 'bui-SelectSearchClear',\n    noResults: 'bui-SelectNoResults',\n  },\n  dataAttributes: {\n    size: ['small', 'medium'] as const,\n  },\n} as const satisfies ComponentDefinition;\n"],"names":[],"mappings":"AAsBO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS,mBAAA;AAAA,IACT,OAAA,EAAS,mBAAA;AAAA,IACT,OAAA,EAAS,0BAAA;AAAA,IACT,KAAA,EAAO,iBAAA;AAAA,IACP,IAAA,EAAM,gBAAA;AAAA,IACN,IAAA,EAAM,gBAAA;AAAA,IACN,aAAA,EAAe,yBAAA;AAAA,IACf,SAAA,EAAW,qBAAA;AAAA,IACX,aAAA,EAAe,yBAAA;AAAA,IACf,MAAA,EAAQ,kBAAA;AAAA,IACR,WAAA,EAAa,uBAAA;AAAA,IACb,SAAA,EAAW;AAAA,GACb;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,CAAC,OAAA,EAAS,QAAQ;AAAA;AAE5B;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Select/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  SelectOwnProps,\n  SelectTriggerOwnProps,\n  SelectContentOwnProps,\n  SelectListBoxOwnProps,\n} from './types';\nimport styles from './Select.module.css';\n\n/**\n * Component definition for Select\n * @public\n */\nexport const SelectDefinition = defineComponent<SelectOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Select',\n    popover: 'bui-SelectPopover',\n  },\n  propDefs: {\n    icon: {},\n    size: { dataAttribute: true, default: 'small' },\n    options: {},\n    searchable: {},\n    searchPlaceholder: {},\n    label: {},\n    secondaryLabel: {},\n    description: {},\n    isRequired: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for SelectTrigger\n * @internal\n */\nexport const SelectTriggerDefinition = defineComponent<SelectTriggerOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectTrigger',\n      chevron: 'bui-SelectTriggerChevron',\n      value: 'bui-SelectValue',\n    },\n    propDefs: {\n      icon: {},\n    },\n  },\n);\n\n/**\n * Component definition for SelectContent\n * @internal\n */\nexport const SelectContentDefinition = defineComponent<SelectContentOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectSearchWrapper',\n      search: 'bui-SelectSearch',\n      searchClear: 'bui-SelectSearchClear',\n    },\n    propDefs: {\n      searchable: {},\n      searchPlaceholder: { default: 'Search...' },\n      options: {},\n    },\n  },\n);\n\n/**\n * Component definition for SelectListBox\n * @internal\n */\nexport const SelectListBoxDefinition = defineComponent<SelectListBoxOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectList',\n      item: 'bui-SelectItem',\n      itemIndicator: 'bui-SelectItemIndicator',\n      itemLabel: 'bui-SelectItemLabel',\n      noResults: 'bui-SelectNoResults',\n    },\n    propDefs: {\n      options: {},\n    },\n  },\n);\n"],"names":[],"mappings":";;;;;;;;AA6BO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAM,EAAC;AAAA,IACP,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,SAAS,EAAC;AAAA,IACV,YAAY,EAAC;AAAA,IACb,mBAAmB,EAAC;AAAA,IACpB,OAAO,EAAC;AAAA,IACR,gBAAgB,EAAC;AAAA,IACjB,aAAa,EAAC;AAAA,IACd,YAAY,EAAC;AAAA,IACb,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,mBAAA;AAAA,MACN,OAAA,EAAS,0BAAA;AAAA,MACT,KAAA,EAAO;AAAA,KACT;AAAA,IACA,QAAA,EAAU;AAAA,MACR,MAAM;AAAC;AACT;AAEJ;AAMO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,yBAAA;AAAA,MACN,MAAA,EAAQ,kBAAA;AAAA,MACR,WAAA,EAAa;AAAA,KACf;AAAA,IACA,QAAA,EAAU;AAAA,MACR,YAAY,EAAC;AAAA,MACb,iBAAA,EAAmB,EAAE,OAAA,EAAS,WAAA,EAAY;AAAA,MAC1C,SAAS;AAAC;AACZ;AAEJ;AAMO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,gBAAA;AAAA,MACN,aAAA,EAAe,yBAAA;AAAA,MACf,SAAA,EAAW,qBAAA;AAAA,MACX,SAAA,EAAW;AAAA,KACb;AAAA,IACA,QAAA,EAAU;AAAA,MACR,SAAS;AAAC;AACZ;AAEJ;;;;"}

package/dist/components/Skeleton/Skeleton.esm.js

@@ -1,28 +1,24 @@
 import { jsx } from 'react/jsx-runtime';
-import { useStyles } from '../../hooks/useStyles.esm.js';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { SkeletonDefinition } from './definition.esm.js';
-import styles from './Skeleton.module.css.esm.js';
-import clsx from 'clsx';
 
 const Skeleton = (props) => {
-  const { classNames, cleanedProps } = useStyles(SkeletonDefinition, {
-    width: 80,
-    height: 24,
-    rounded: false,
-    ...props
-  });
-  const { className, width, height, rounded, style, ...rest } = cleanedProps;
+  const { ownProps, restProps, dataAttributes } = useDefinition(
+    SkeletonDefinition,
+    props
+  );
+  const { classes, width, height, style } = ownProps;
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(classNames.root, styles[classNames.root], className),
-      "data-rounded": rounded,
+      className: classes.root,
+      ...dataAttributes,
       style: {
         width,
         height,
         ...style
       },
-      ...rest
+      ...restProps
     }
   );
 };

package/dist/components/Skeleton/Skeleton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.esm.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useStyles } from '../../hooks/useStyles';\nimport { SkeletonDefinition } from './definition';\nimport { SkeletonProps } from './types';\nimport styles from './Skeleton.module.css';\nimport clsx from 'clsx';\n\n/** @public */\nexport const Skeleton = (props: SkeletonProps) => {\n  const { classNames, cleanedProps } = useStyles(SkeletonDefinition, {\n    width: 80,\n    height: 24,\n    rounded: false,\n    ...props,\n  });\n  const { className, width, height, rounded, style, ...rest } = cleanedProps;\n\n  return (\n    <div\n      className={clsx(classNames.root, styles[classNames.root], className)}\n      data-rounded={rounded}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAyB;AAChD,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,UAAU,kBAAA,EAAoB;AAAA,IACjE,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,OAAA,EAAS,KAAA;AAAA,IACT,GAAG;AAAA,GACJ,CAAA;AACD,EAAA,MAAM,EAAE,WAAW,KAAA,EAAO,MAAA,EAAQ,SAAS,KAAA,EAAO,GAAG,MAAK,GAAI,YAAA;AAE9D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAM,OAAO,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,MACnE,cAAA,EAAc,OAAA;AAAA,MACd,KAAA,EAAO;AAAA,QACL,KAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAG;AAAA,OACL;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"Skeleton.esm.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { SkeletonProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { SkeletonDefinition } from './definition';\n\n/** @public */\nexport const Skeleton = (props: SkeletonProps) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    SkeletonDefinition,\n    props,\n  );\n  const { classes, width, height, style } = ownProps;\n\n  return (\n    <div\n      className={classes.root}\n      {...dataAttributes}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n      {...restProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAqBO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAyB;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,kBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,OAAM,GAAI,QAAA;AAE1C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MAClB,GAAG,cAAA;AAAA,MACJ,KAAA,EAAO;AAAA,QACL,KAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAG;AAAA,OACL;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/Skeleton/definition.esm.js

@@ -1,8 +1,24 @@
-const SkeletonDefinition = {
+import 'react/jsx-runtime';
+import 'clsx';
+import '../../hooks/useBreakpoint.esm.js';
+import '../../hooks/useBg.esm.js';
+import '../../hooks/useDefinition/helpers.esm.js';
+import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
+import styles from './Skeleton.module.css.esm.js';
+
+const SkeletonDefinition = defineComponent()({
+  styles,
   classNames: {
     root: "bui-Skeleton"
+  },
+  propDefs: {
+    width: { default: 80 },
+    height: { default: 24 },
+    rounded: { dataAttribute: true, default: false },
+    className: {},
+    style: {}
   }
-};
+});
 
 export { SkeletonDefinition };
 //# sourceMappingURL=definition.esm.js.map

package/dist/components/Skeleton/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Skeleton/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ComponentDefinition } from '../../types';\n\n/**\n * Component definition for Skeleton\n * @public\n */\nexport const SkeletonDefinition = {\n  classNames: {\n    root: 'bui-Skeleton',\n  },\n} as const satisfies ComponentDefinition;\n"],"names":[],"mappings":"AAsBO,MAAM,kBAAA,GAAqB;AAAA,EAChC,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA;AAEV;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Skeleton/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { SkeletonOwnProps } from './types';\nimport styles from './Skeleton.module.css';\n\n/**\n * Component definition for Skeleton\n * @public\n */\nexport const SkeletonDefinition = defineComponent<SkeletonOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Skeleton',\n  },\n  propDefs: {\n    width: { default: 80 },\n    height: { default: 24 },\n    rounded: { dataAttribute: true, default: false },\n    className: {},\n    style: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACtB,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,KAAA,EAAM;AAAA,IAC/C,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC;AAEZ,CAAC;;;;"}

package/dist/components/Switch/Switch.esm.js

@@ -1,32 +1,17 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Switch as Switch$1 } from 'react-aria-components';
-import { useStyles } from '../../hooks/useStyles.esm.js';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { SwitchDefinition } from './definition.esm.js';
-import styles from './Switch.module.css.esm.js';
-import clsx from 'clsx';
 
 const Switch = forwardRef(
   (props, ref) => {
-    const { classNames, cleanedProps } = useStyles(SwitchDefinition, props);
-    const { className, label, ...rest } = cleanedProps;
-    return /* @__PURE__ */ jsxs(
-      Switch$1,
-      {
-        className: clsx(classNames.root, styles[classNames.root], className),
-        ref,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx(classNames.indicator, styles[classNames.indicator])
-            }
-          ),
-          label
-        ]
-      }
-    );
+    const { ownProps, restProps } = useDefinition(SwitchDefinition, props);
+    const { classes, label } = ownProps;
+    return /* @__PURE__ */ jsxs(Switch$1, { className: classes.root, ref, ...restProps, children: [
+      /* @__PURE__ */ jsx("div", { className: classes.indicator }),
+      label
+    ] });
   }
 );
 Switch.displayName = "Switch";

package/dist/components/Switch/Switch.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.esm.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } from 'react';\nimport { Switch as AriaSwitch } from 'react-aria-components';\nimport type { SwitchProps } from './types';\nimport { useStyles } from '../../hooks/useStyles';\nimport { SwitchDefinition } from './definition';\nimport styles from './Switch.module.css';\nimport clsx from 'clsx';\n\n/** @public */\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(\n  (props, ref) => {\n    const { classNames, cleanedProps } = useStyles(SwitchDefinition, props);\n    const { className, label, ...rest } = cleanedProps;\n\n    return (\n      <AriaSwitch\n        className={clsx(classNames.root, styles[classNames.root], className)}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={clsx(classNames.indicator, styles[classNames.indicator])}\n        />\n        {label}\n      </AriaSwitch>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"],"names":["AriaSwitch"],"mappings":";;;;;;;;AAyBO,MAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,SAAA,CAAU,kBAAkB,KAAK,CAAA;AACtE,IAAA,MAAM,EAAE,SAAA,EAAW,KAAA,EAAO,GAAG,MAAK,GAAI,YAAA;AAEtC,IAAA,uBACE,IAAA;AAAA,MAACA,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAM,OAAO,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,QACnE,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAW,IAAA,CAAK,UAAA,CAAW,WAAW,MAAA,CAAO,UAAA,CAAW,SAAS,CAAC;AAAA;AAAA,WACpE;AAAA,UACC;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}
+{"version":3,"file":"Switch.esm.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } from 'react';\nimport { Switch as AriaSwitch } from 'react-aria-components';\nimport type { SwitchProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { SwitchDefinition } from './definition';\n\n/** @public */\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(SwitchDefinition, props);\n    const { classes, label } = ownProps;\n\n    return (\n      <AriaSwitch className={classes.root} ref={ref} {...restProps}>\n        <div className={classes.indicator} />\n        {label}\n      </AriaSwitch>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"],"names":["AriaSwitch"],"mappings":";;;;;;AAuBO,MAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,kBAAkB,KAAK,CAAA;AACrE,IAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAM,GAAI,QAAA;AAE3B,IAAA,4BACGA,QAAA,EAAA,EAAW,SAAA,EAAW,QAAQ,IAAA,EAAM,GAAA,EAAW,GAAG,SAAA,EACjD,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,CAAA;AAAA,MAClC;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/dist/components/Switch/definition.esm.js

@@ -1,9 +1,22 @@
-const SwitchDefinition = {
+import 'react/jsx-runtime';
+import 'clsx';
+import '../../hooks/useBreakpoint.esm.js';
+import '../../hooks/useBg.esm.js';
+import '../../hooks/useDefinition/helpers.esm.js';
+import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
+import styles from './Switch.module.css.esm.js';
+
+const SwitchDefinition = defineComponent()({
+  styles,
   classNames: {
     root: "bui-Switch",
     indicator: "bui-SwitchIndicator"
+  },
+  propDefs: {
+    label: {},
+    className: {}
   }
-};
+});
 
 export { SwitchDefinition };
 //# sourceMappingURL=definition.esm.js.map

package/dist/components/Switch/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Switch/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ComponentDefinition } from '../../types';\n\n/**\n * Component definition for Switch\n * @public\n */\nexport const SwitchDefinition = {\n  classNames: {\n    root: 'bui-Switch',\n    indicator: 'bui-SwitchIndicator',\n  },\n} as const satisfies ComponentDefinition;\n"],"names":[],"mappings":"AAsBO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW;AAAA;AAEf;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Switch/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { SwitchOwnProps } from './types';\nimport styles from './Switch.module.css';\n\n/**\n * Component definition for Switch\n * @public\n */\nexport const SwitchDefinition = defineComponent<SwitchOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Switch',\n    indicator: 'bui-SwitchIndicator',\n  },\n  propDefs: {\n    label: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAO,EAAC;AAAA,IACR,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/Table/components/Cell.esm.js

@@ -1,24 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
 import { Cell as Cell$1 } from 'react-aria-components';
-import { useStyles } from '../../../hooks/useStyles.esm.js';
-import { TableDefinition } from '../definition.esm.js';
-import styles from '../Table.module.css.esm.js';
+import { useDefinition } from '../../../hooks/useDefinition/useDefinition.esm.js';
+import { CellDefinition } from '../definition.esm.js';
 
 const Cell = (props) => {
-  const { classNames, cleanedProps } = useStyles(TableDefinition, {
-    color: "primary",
-    ...props
-  });
-  const { className, children, ...rest } = cleanedProps;
-  return /* @__PURE__ */ jsx(
-    Cell$1,
-    {
-      className: clsx(classNames.cell, styles[classNames.cell], className),
-      ...rest,
-      children
-    }
-  );
+  const { ownProps, restProps } = useDefinition(CellDefinition, props);
+  return /* @__PURE__ */ jsx(Cell$1, { className: ownProps.classes.root, ...restProps });
 };
 Cell.displayName = "Cell";
 

package/dist/components/Table/components/Cell.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.esm.js","sources":["../../../../src/components/Table/components/Cell.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport clsx from 'clsx';\nimport { Cell as ReactAriaCell } from 'react-aria-components';\nimport type { CellProps } from '../types';\nimport { useStyles } from '../../../hooks/useStyles';\nimport { TableDefinition } from '../definition';\nimport styles from '../Table.module.css';\n\n/** @public */\nconst Cell = (props: CellProps) => {\n  const { classNames, cleanedProps } = useStyles(TableDefinition, {\n    color: 'primary' as const,\n    ...props,\n  });\n  const { className, children, ...rest } = cleanedProps;\n\n  return (\n    <ReactAriaCell\n      className={clsx(classNames.cell, styles[classNames.cell], className)}\n      {...rest}\n    >\n      {children}\n    </ReactAriaCell>\n  );\n};\n\nCell.displayName = 'Cell';\n\nexport { Cell };\n"],"names":["ReactAriaCell"],"mappings":";;;;;;;AAwBA,MAAM,IAAA,GAAO,CAAC,KAAA,KAAqB;AACjC,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,UAAU,eAAA,EAAiB;AAAA,IAC9D,KAAA,EAAO,SAAA;AAAA,IACP,GAAG;AAAA,GACJ,CAAA;AACD,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,GAAI,YAAA;AAEzC,EAAA,uBACE,GAAA;AAAA,IAACA,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAM,OAAO,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Cell.esm.js","sources":["../../../../src/components/Table/components/Cell.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Cell as ReactAriaCell } from 'react-aria-components';\nimport type { CellProps } from '../types';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { CellDefinition } from '../definition';\n\n/** @public */\nconst Cell = (props: CellProps) => {\n  const { ownProps, restProps } = useDefinition(CellDefinition, props);\n\n  return <ReactAriaCell className={ownProps.classes.root} {...restProps} />;\n};\n\nCell.displayName = 'Cell';\n\nexport { Cell };\n"],"names":["ReactAriaCell"],"mappings":";;;;;AAsBA,MAAM,IAAA,GAAO,CAAC,KAAA,KAAqB;AACjC,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,gBAAgB,KAAK,CAAA;AAEnE,EAAA,2BAAQA,MAAA,EAAA,EAAc,SAAA,EAAW,SAAS,OAAA,CAAQ,IAAA,EAAO,GAAG,SAAA,EAAW,CAAA;AACzE;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/components/Table/components/CellProfile.esm.js

@@ -1,51 +1,22 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
 import { Text } from '../../Text/Text.esm.js';
 import { Link } from '../../Link/Link.esm.js';
 import { Avatar } from '../../Avatar/Avatar.esm.js';
-import { useStyles } from '../../../hooks/useStyles.esm.js';
-import { TableDefinition } from '../definition.esm.js';
+import { useDefinition } from '../../../hooks/useDefinition/useDefinition.esm.js';
+import '../../Avatar/Avatar.module.css.esm.js';
+import { CellProfileDefinition } from '../definition.esm.js';
 import { Cell } from 'react-aria-components';
-import styles from '../Table.module.css.esm.js';
 
 const CellProfile = (props) => {
-  const { classNames, cleanedProps } = useStyles(TableDefinition, {
-    color: "primary",
-    ...props
-  });
-  const { className, src, name, href, description, color, ...rest } = cleanedProps;
-  return /* @__PURE__ */ jsx(
-    Cell,
-    {
-      className: clsx(classNames.cell, styles[classNames.cell], className),
-      ...rest,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: clsx(
-            classNames.cellContentWrapper,
-            styles[classNames.cellContentWrapper]
-          ),
-          children: [
-            src && name && /* @__PURE__ */ jsx(Avatar, { src, name, size: "x-small", purpose: "decoration" }),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: clsx(
-                  classNames.cellContent,
-                  styles[classNames.cellContent]
-                ),
-                children: [
-                  name && href ? /* @__PURE__ */ jsx(Link, { href, children: name }) : /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-medium", color, children: name }),
-                  description && /* @__PURE__ */ jsx(Text, { variant: "body-medium", color: "secondary", children: description })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
+  const { ownProps, restProps } = useDefinition(CellProfileDefinition, props);
+  const { classes, src, name, href, description, color } = ownProps;
+  return /* @__PURE__ */ jsx(Cell, { className: classes.root, ...restProps, children: /* @__PURE__ */ jsxs("div", { className: classes.cellContentWrapper, children: [
+    src && name && /* @__PURE__ */ jsx(Avatar, { src, name, size: "x-small", purpose: "decoration" }),
+    /* @__PURE__ */ jsxs("div", { className: classes.cellContent, children: [
+      name && href ? /* @__PURE__ */ jsx(Link, { href, children: name }) : /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-medium", color, children: name }),
+      description && /* @__PURE__ */ jsx(Text, { variant: "body-medium", color: "secondary", children: description })
+    ] })
+  ] }) });
 };
 
 export { CellProfile };

package/dist/components/Table/components/CellProfile.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellProfile.esm.js","sources":["../../../../src/components/Table/components/CellProfile.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport clsx from 'clsx';\nimport { CellProfileProps } from '../types';\nimport { Text } from '../../Text/Text';\nimport { Link } from '../../Link/Link';\nimport { Avatar } from '../../Avatar';\nimport { useStyles } from '../../../hooks/useStyles';\nimport { TableDefinition } from '../definition';\nimport { Cell as ReactAriaCell } from 'react-aria-components';\nimport styles from '../Table.module.css';\n\n/** @public */\nexport const CellProfile = (props: CellProfileProps) => {\n  const { classNames, cleanedProps } = useStyles(TableDefinition, {\n    color: 'primary' as const,\n    ...props,\n  });\n  const { className, src, name, href, description, color, ...rest } =\n    cleanedProps;\n\n  return (\n    <ReactAriaCell\n      className={clsx(classNames.cell, styles[classNames.cell], className)}\n      {...rest}\n    >\n      <div\n        className={clsx(\n          classNames.cellContentWrapper,\n          styles[classNames.cellContentWrapper],\n        )}\n      >\n        {src && name && (\n          <Avatar src={src} name={name} size=\"x-small\" purpose=\"decoration\" />\n        )}\n        <div\n          className={clsx(\n            classNames.cellContent,\n            styles[classNames.cellContent],\n          )}\n        >\n          {name && href ? (\n            <Link href={href}>{name}</Link>\n          ) : (\n            <Text as=\"p\" variant=\"body-medium\" color={color}>\n              {name}\n            </Text>\n          )}\n          {description && (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {description}\n            </Text>\n          )}\n        </div>\n      </div>\n    </ReactAriaCell>\n  );\n};\n"],"names":["ReactAriaCell"],"mappings":";;;;;;;;;;AA2BO,MAAM,WAAA,GAAc,CAAC,KAAA,KAA4B;AACtD,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,UAAU,eAAA,EAAiB;AAAA,IAC9D,KAAA,EAAO,SAAA;AAAA,IACP,GAAG;AAAA,GACJ,CAAA;AACD,EAAA,MAAM,EAAE,WAAW,GAAA,EAAK,IAAA,EAAM,MAAM,WAAA,EAAa,KAAA,EAAO,GAAG,IAAA,EAAK,GAC9D,YAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAACA,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAM,OAAO,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,IAAA;AAAA,YACT,UAAA,CAAW,kBAAA;AAAA,YACX,MAAA,CAAO,WAAW,kBAAkB;AAAA,WACtC;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,GAAA,IAAO,IAAA,wBACL,MAAA,EAAA,EAAO,GAAA,EAAU,MAAY,IAAA,EAAK,SAAA,EAAU,SAAQ,YAAA,EAAa,CAAA;AAAA,4BAEpE,IAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,IAAA;AAAA,kBACT,UAAA,CAAW,WAAA;AAAA,kBACX,MAAA,CAAO,WAAW,WAAW;AAAA,iBAC/B;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,IAAA,IAAQ,IAAA,mBACP,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAa,QAAA,EAAA,IAAA,EAAK,CAAA,mBAExB,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,aAAA,EAAc,OAChC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,kBAED,+BACC,GAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,aAAA,EAAc,KAAA,EAAM,aAC/B,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"CellProfile.esm.js","sources":["../../../../src/components/Table/components/CellProfile.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CellProfileProps } from '../types';\nimport { Text } from '../../Text/Text';\nimport { Link } from '../../Link/Link';\nimport { Avatar } from '../../Avatar';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { CellProfileDefinition } from '../definition';\nimport { Cell as ReactAriaCell } from 'react-aria-components';\n\n/** @public */\nexport const CellProfile = (props: CellProfileProps) => {\n  const { ownProps, restProps } = useDefinition(CellProfileDefinition, props);\n  const { classes, src, name, href, description, color } = ownProps;\n\n  return (\n    <ReactAriaCell className={classes.root} {...restProps}>\n      <div className={classes.cellContentWrapper}>\n        {src && name && (\n          <Avatar src={src} name={name} size=\"x-small\" purpose=\"decoration\" />\n        )}\n        <div className={classes.cellContent}>\n          {name && href ? (\n            <Link href={href}>{name}</Link>\n          ) : (\n            <Text as=\"p\" variant=\"body-medium\" color={color}>\n              {name}\n            </Text>\n          )}\n          {description && (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {description}\n            </Text>\n          )}\n        </div>\n      </div>\n    </ReactAriaCell>\n  );\n};\n"],"names":["ReactAriaCell"],"mappings":";;;;;;;;;AAyBO,MAAM,WAAA,GAAc,CAAC,KAAA,KAA4B;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,uBAAuB,KAAK,CAAA;AAC1E,EAAA,MAAM,EAAE,OAAA,EAAS,GAAA,EAAK,MAAM,IAAA,EAAM,WAAA,EAAa,OAAM,GAAI,QAAA;AAEzD,EAAA,uBACE,GAAA,CAACA,IAAA,EAAA,EAAc,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAO,GAAG,SAAA,EAC1C,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,kBAAA,EACrB,QAAA,EAAA;AAAA,IAAA,GAAA,IAAO,IAAA,wBACL,MAAA,EAAA,EAAO,GAAA,EAAU,MAAY,IAAA,EAAK,SAAA,EAAU,SAAQ,YAAA,EAAa,CAAA;AAAA,oBAEpE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,WAAA,EACrB,QAAA,EAAA;AAAA,MAAA,IAAA,IAAQ,IAAA,mBACP,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAa,QAAA,EAAA,IAAA,EAAK,CAAA,mBAExB,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,aAAA,EAAc,OAChC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,MAED,+BACC,GAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,aAAA,EAAc,KAAA,EAAM,aAC/B,QAAA,EAAA,WAAA,EACH;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/Table/components/CellText.esm.js

@@ -1,85 +1,51 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
 import { Text } from '../../Text/Text.esm.js';
+import { useDefinition } from '../../../hooks/useDefinition/useDefinition.esm.js';
+import '../../Text/Text.module.css.esm.js';
 import { Link } from '../../Link/Link.esm.js';
+import '../../Link/Link.module.css.esm.js';
 import { Cell } from 'react-aria-components';
-import { useStyles } from '../../../hooks/useStyles.esm.js';
-import { TableDefinition } from '../definition.esm.js';
-import styles from '../Table.module.css.esm.js';
+import { CellTextDefinition } from '../definition.esm.js';
 
 const CellText = (props) => {
-  const { classNames, cleanedProps } = useStyles(TableDefinition, {
-    color: "primary",
-    ...props
-  });
-  const { className, title, description, color, leadingIcon, href, ...rest } = cleanedProps;
-  return /* @__PURE__ */ jsx(
-    Cell,
-    {
-      className: clsx(classNames.cell, styles[classNames.cell], className),
-      ...rest,
-      children: /* @__PURE__ */ jsxs(
-        "div",
+  const { ownProps, restProps } = useDefinition(CellTextDefinition, props);
+  const { classes, title, description, color, leadingIcon, href } = ownProps;
+  return /* @__PURE__ */ jsx(Cell, { className: classes.root, ...restProps, children: /* @__PURE__ */ jsxs("div", { className: classes.cellContentWrapper, children: [
+    leadingIcon && /* @__PURE__ */ jsx("div", { className: classes.cellIcon, children: leadingIcon }),
+    /* @__PURE__ */ jsxs("div", { className: classes.cellContent, children: [
+      href ? /* @__PURE__ */ jsx(
+        Link,
         {
-          className: clsx(
-            classNames.cellContentWrapper,
-            styles[classNames.cellContentWrapper]
-          ),
-          children: [
-            leadingIcon && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: clsx(classNames.cellIcon, styles[classNames.cellIcon]),
-                children: leadingIcon
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: clsx(
-                  classNames.cellContent,
-                  styles[classNames.cellContent]
-                ),
-                children: [
-                  href ? /* @__PURE__ */ jsx(
-                    Link,
-                    {
-                      href,
-                      variant: "body-medium",
-                      color,
-                      truncate: true,
-                      title,
-                      children: title
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    Text,
-                    {
-                      as: "p",
-                      variant: "body-medium",
-                      color,
-                      truncate: true,
-                      title,
-                      children: title
-                    }
-                  ),
-                  description && /* @__PURE__ */ jsx(
-                    Text,
-                    {
-                      variant: "body-medium",
-                      color: "secondary",
-                      truncate: true,
-                      title: description,
-                      children: description
-                    }
-                  )
-                ]
-              }
-            )
-          ]
+          href,
+          variant: "body-medium",
+          color,
+          truncate: true,
+          title,
+          children: title
+        }
+      ) : /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "p",
+          variant: "body-medium",
+          color,
+          truncate: true,
+          title,
+          children: title
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        Text,
+        {
+          variant: "body-medium",
+          color: "secondary",
+          truncate: true,
+          title: description,
+          children: description
         }
       )
-    }
-  );
+    ] })
+  ] }) });
 };
 CellText.displayName = "CellText";