@mieweb/ui 0.8.0-dev.4 → 0.8.0-dev.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -76,7 +76,7 @@ export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-753Z3NXL.js';
76
76
  export { ClampedText } from './chunk-L6MDULYB.js';
77
77
  export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from './chunk-SVSHA7XV.js';
78
78
  export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
79
- export { miewebUIPreset, miewebUISafelist } from './chunk-CJOPRFGI.js';
79
+ export { miewebUIPreset, miewebUISafelist } from './chunk-P3HQQNV3.js';
80
80
  export { Accordion } from './chunk-Y6YSJPVC.js';
81
81
  import { Alert, AlertTitle, AlertDescription } from './chunk-6EWJGRC3.js';
82
82
  export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-6EWJGRC3.js';
@@ -19917,7 +19917,7 @@ function CreateInvoiceModal({
19917
19917
  type: "button",
19918
19918
  "data-slot": "invoice-modal-order",
19919
19919
  onClick: () => toggleOrder(order.id),
19920
- className: `w-full rounded-lg border p-3 text-left transition-colors ${isSelected ? "border-primary bg-primary/10" : "border-border hover:border-border/80"} `,
19920
+ className: `w-full rounded-lg border p-3 text-start transition-colors ${isSelected ? "border-primary bg-primary/10" : "border-border hover:border-border/80"} `,
19921
19921
  children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
19922
19922
  /* @__PURE__ */ jsx(
19923
19923
  "div",
@@ -20118,7 +20118,7 @@ function CreateInvoiceModal({
20118
20118
  "svg",
20119
20119
  {
20120
20120
  "aria-hidden": "true",
20121
- className: "mr-2 -ml-1 h-4 w-4 animate-spin",
20121
+ className: "-ms-1 me-2 h-4 w-4 animate-spin",
20122
20122
  fill: "none",
20123
20123
  viewBox: "0 0 24 24",
20124
20124
  children: [
@@ -25123,7 +25123,7 @@ function InvoiceList({
25123
25123
  "svg",
25124
25124
  {
25125
25125
  "aria-hidden": "true",
25126
- className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-gray-400",
25126
+ className: "absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400",
25127
25127
  fill: "none",
25128
25128
  stroke: "currentColor",
25129
25129
  viewBox: "0 0 24 24",
@@ -25145,7 +25145,7 @@ function InvoiceList({
25145
25145
  placeholder: "Search invoices...",
25146
25146
  value: searchQuery,
25147
25147
  onChange: handleSearch,
25148
- className: "pl-9"
25148
+ className: "ps-9"
25149
25149
  }
25150
25150
  )
25151
25151
  ] }),
@@ -25171,7 +25171,7 @@ function InvoiceList({
25171
25171
  "svg",
25172
25172
  {
25173
25173
  "aria-hidden": "true",
25174
- className: "mr-1 h-4 w-4",
25174
+ className: "me-1 h-4 w-4",
25175
25175
  fill: "none",
25176
25176
  stroke: "currentColor",
25177
25177
  viewBox: "0 0 24 24",
@@ -25263,11 +25263,11 @@ function InvoiceList({
25263
25263
  className: "overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",
25264
25264
  children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
25265
25265
  /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
25266
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Invoice" }),
25267
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Employer" }),
25268
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Issued" }),
25269
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Due" }),
25270
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Amount" }),
25266
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium tracking-wider uppercase", children: "Invoice" }),
25267
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Employer" }),
25268
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase md:table-cell", children: "Issued" }),
25269
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase md:table-cell", children: "Due" }),
25270
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium tracking-wider uppercase", children: "Amount" }),
25271
25271
  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" })
25272
25272
  ] }) }),
25273
25273
  /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: filteredInvoices.map((invoice) => /* @__PURE__ */ jsxs(
@@ -25290,7 +25290,7 @@ function InvoiceList({
25290
25290
  children: formatDate4(invoice.dueDate)
25291
25291
  }
25292
25292
  ) }),
25293
- /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: formatCurrency3(invoice.amount) }) }),
25293
+ /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end", children: /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-900 dark:text-white", children: formatCurrency3(invoice.amount) }) }),
25294
25294
  /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-center", children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(invoice.status), children: invoice.status }) })
25295
25295
  ]
25296
25296
  },
@@ -25521,12 +25521,12 @@ function InvoicePaymentPage({
25521
25521
  className: "border-t border-gray-200 pt-4 dark:border-gray-700",
25522
25522
  children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
25523
25523
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
25524
- /* @__PURE__ */ jsx("th", { className: "pb-2 text-left font-medium", children: "Item" }),
25525
- /* @__PURE__ */ jsx("th", { className: "pb-2 text-right font-medium", children: "Amount" })
25524
+ /* @__PURE__ */ jsx("th", { className: "pb-2 text-start font-medium", children: "Item" }),
25525
+ /* @__PURE__ */ jsx("th", { className: "pb-2 text-end font-medium", children: "Amount" })
25526
25526
  ] }) }),
25527
25527
  /* @__PURE__ */ jsx("tbody", { className: "text-gray-700 dark:text-gray-300", children: invoice.lineItems.map((item) => /* @__PURE__ */ jsxs("tr", { children: [
25528
25528
  /* @__PURE__ */ jsx("td", { className: "py-1", children: item.description }),
25529
- /* @__PURE__ */ jsx("td", { className: "py-1 text-right", children: formatCurrency3(item.total) })
25529
+ /* @__PURE__ */ jsx("td", { className: "py-1 text-end", children: formatCurrency3(item.total) })
25530
25530
  ] }, item.id)) })
25531
25531
  ] })
25532
25532
  }
@@ -25686,7 +25686,7 @@ function InvoicePaymentPage({
25686
25686
  "svg",
25687
25687
  {
25688
25688
  "aria-hidden": "true",
25689
- className: "mr-2 -ml-1 h-4 w-4 animate-spin",
25689
+ className: "-ms-1 me-2 h-4 w-4 animate-spin",
25690
25690
  fill: "none",
25691
25691
  viewBox: "0 0 24 24",
25692
25692
  children: [
@@ -25778,7 +25778,7 @@ function InvoiceView({
25778
25778
  "svg",
25779
25779
  {
25780
25780
  "aria-hidden": "true",
25781
- className: "mr-1 h-4 w-4",
25781
+ className: "me-1 h-4 w-4",
25782
25782
  fill: "none",
25783
25783
  stroke: "currentColor",
25784
25784
  viewBox: "0 0 24 24",
@@ -25819,7 +25819,7 @@ function InvoiceView({
25819
25819
  "svg",
25820
25820
  {
25821
25821
  "aria-hidden": "true",
25822
- className: "mr-1 h-4 w-4",
25822
+ className: "me-1 h-4 w-4",
25823
25823
  fill: "none",
25824
25824
  stroke: "currentColor",
25825
25825
  viewBox: "0 0 24 24",
@@ -25850,7 +25850,7 @@ function InvoiceView({
25850
25850
  "svg",
25851
25851
  {
25852
25852
  "aria-hidden": "true",
25853
- className: "mr-1 h-4 w-4",
25853
+ className: "me-1 h-4 w-4",
25854
25854
  fill: "none",
25855
25855
  stroke: "currentColor",
25856
25856
  viewBox: "0 0 24 24",
@@ -25891,7 +25891,7 @@ function InvoiceView({
25891
25891
  "svg",
25892
25892
  {
25893
25893
  "aria-hidden": "true",
25894
- className: "mr-1 h-4 w-4",
25894
+ className: "me-1 h-4 w-4",
25895
25895
  fill: "none",
25896
25896
  stroke: "currentColor",
25897
25897
  viewBox: "0 0 24 24",
@@ -25915,7 +25915,7 @@ function InvoiceView({
25915
25915
  "svg",
25916
25916
  {
25917
25917
  "aria-hidden": "true",
25918
- className: "mr-1 h-4 w-4",
25918
+ className: "me-1 h-4 w-4",
25919
25919
  fill: "none",
25920
25920
  stroke: "currentColor",
25921
25921
  viewBox: "0 0 24 24",
@@ -25965,7 +25965,7 @@ function InvoiceView({
25965
25965
  "div",
25966
25966
  {
25967
25967
  "data-slot": "invoice-view-meta",
25968
- className: "text-left sm:text-right",
25968
+ className: "text-start sm:text-end",
25969
25969
  children: [
25970
25970
  /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "INVOICE" }),
25971
25971
  /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: invoice.invoiceNumber }),
@@ -26005,10 +26005,10 @@ function InvoiceView({
26005
26005
  className: "mb-6 overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",
26006
26006
  children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
26007
26007
  /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
26008
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium uppercase", children: "Description" }),
26008
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium uppercase", children: "Description" }),
26009
26009
  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-center text-xs font-medium uppercase sm:table-cell", children: "Qty" }),
26010
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-right text-xs font-medium uppercase sm:table-cell", children: "Unit Price" }),
26011
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium uppercase", children: "Total" })
26010
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-end text-xs font-medium uppercase sm:table-cell", children: "Unit Price" }),
26011
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium uppercase", children: "Total" })
26012
26012
  ] }) }),
26013
26013
  /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: invoice.lineItems.map((item) => /* @__PURE__ */ jsxs("tr", { className: "bg-white dark:bg-gray-900", children: [
26014
26014
  /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
@@ -26019,8 +26019,8 @@ function InvoiceView({
26019
26019
  ] })
26020
26020
  ] }),
26021
26021
  /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 text-center text-gray-700 sm:table-cell dark:text-gray-300", children: item.quantity }),
26022
- /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 text-right text-gray-700 sm:table-cell dark:text-gray-300", children: formatCurrency3(item.unitPrice) }),
26023
- /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right font-medium text-gray-900 dark:text-white", children: formatCurrency3(item.total) })
26022
+ /* @__PURE__ */ jsx("td", { className: "hidden px-4 py-3 text-end text-gray-700 sm:table-cell dark:text-gray-300", children: formatCurrency3(item.unitPrice) }),
26023
+ /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end font-medium text-gray-900 dark:text-white", children: formatCurrency3(item.total) })
26024
26024
  ] }, item.id)) })
26025
26025
  ] })
26026
26026
  }
@@ -30275,13 +30275,13 @@ function PaymentHistoryTable({
30275
30275
  className: `overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700 ${className}`,
30276
30276
  children: /* @__PURE__ */ jsxs("table", { "data-slot": "payment-history-table", className: "w-full", children: [
30277
30277
  /* @__PURE__ */ jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: /* @__PURE__ */ jsxs("tr", { children: [
30278
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-left text-xs font-medium tracking-wider uppercase", children: "Date" }),
30279
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Invoice" }),
30280
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase md:table-cell", children: "Employer" }),
30281
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-left text-xs font-medium tracking-wider uppercase lg:table-cell", children: "Method" }),
30282
- /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Amount" }),
30278
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-start text-xs font-medium tracking-wider uppercase", children: "Date" }),
30279
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase sm:table-cell", children: "Invoice" }),
30280
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase md:table-cell", children: "Employer" }),
30281
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground hidden px-4 py-3 text-start text-xs font-medium tracking-wider uppercase lg:table-cell", children: "Method" }),
30282
+ /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium tracking-wider uppercase", children: "Amount" }),
30283
30283
  /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-center text-xs font-medium tracking-wider uppercase", children: "Status" }),
30284
- onRefund && /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-right text-xs font-medium tracking-wider uppercase", children: "Action" })
30284
+ onRefund && /* @__PURE__ */ jsx("th", { className: "text-muted-foreground px-4 py-3 text-end text-xs font-medium tracking-wider uppercase", children: "Action" })
30285
30285
  ] }) }),
30286
30286
  /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: payments.map((payment) => /* @__PURE__ */ jsxs(
30287
30287
  "tr",
@@ -30313,7 +30313,7 @@ function PaymentHistoryTable({
30313
30313
  payment.cardLast4 && ` \u2022\u2022\u2022\u2022 ${payment.cardLast4}`
30314
30314
  ] })
30315
30315
  ] }) }),
30316
- /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx(
30316
+ /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end", children: /* @__PURE__ */ jsx(
30317
30317
  "p",
30318
30318
  {
30319
30319
  className: `font-medium ${payment.status === "refunded" ? "text-muted-foreground line-through" : "text-gray-900 dark:text-white"}`,
@@ -30321,7 +30321,7 @@ function PaymentHistoryTable({
30321
30321
  }
30322
30322
  ) }),
30323
30323
  /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-center", children: /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(payment.status), children: payment.status }) }),
30324
- onRefund && /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: payment.status === "completed" && /* @__PURE__ */ jsx(
30324
+ onRefund && /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-end", children: payment.status === "completed" && /* @__PURE__ */ jsx(
30325
30325
  Button,
30326
30326
  {
30327
30327
  variant: "ghost",