@seedgrid/fe-components 2026.4.11 → 2026.4.13
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/ai/seedgrid-components.manifest.json +12888 -0
- package/dist/ai-meta/types.d.ts +58 -0
- package/dist/ai-meta/types.d.ts.map +1 -0
- package/dist/ai-meta/types.js +1 -0
- package/dist/buttons/SgButton.meta.d.ts +4 -0
- package/dist/buttons/SgButton.meta.d.ts.map +1 -0
- package/dist/buttons/SgButton.meta.js +139 -0
- package/dist/buttons/SgFloatActionButton.meta.d.ts +4 -0
- package/dist/buttons/SgFloatActionButton.meta.d.ts.map +1 -0
- package/dist/buttons/SgFloatActionButton.meta.js +132 -0
- package/dist/buttons/SgSplitButton.meta.d.ts +4 -0
- package/dist/buttons/SgSplitButton.meta.d.ts.map +1 -0
- package/dist/buttons/SgSplitButton.meta.js +132 -0
- package/dist/commons/SgAvatar.meta.d.ts +4 -0
- package/dist/commons/SgAvatar.meta.d.ts.map +1 -0
- package/dist/commons/SgAvatar.meta.js +123 -0
- package/dist/commons/SgAvatarGroup.meta.d.ts +4 -0
- package/dist/commons/SgAvatarGroup.meta.d.ts.map +1 -0
- package/dist/commons/SgAvatarGroup.meta.js +46 -0
- package/dist/commons/SgBadge.meta.d.ts +4 -0
- package/dist/commons/SgBadge.meta.d.ts.map +1 -0
- package/dist/commons/SgBadge.meta.js +132 -0
- package/dist/commons/SgBadgeOverlay.meta.d.ts +4 -0
- package/dist/commons/SgBadgeOverlay.meta.d.ts.map +1 -0
- package/dist/commons/SgBadgeOverlay.meta.js +46 -0
- package/dist/commons/SgSkeleton.meta.d.ts +4 -0
- package/dist/commons/SgSkeleton.meta.d.ts.map +1 -0
- package/dist/commons/SgSkeleton.meta.js +114 -0
- package/dist/commons/SgToastHost.meta.d.ts +4 -0
- package/dist/commons/SgToastHost.meta.d.ts.map +1 -0
- package/dist/commons/SgToastHost.meta.js +46 -0
- package/dist/commons/SgToaster.meta.d.ts +4 -0
- package/dist/commons/SgToaster.meta.d.ts.map +1 -0
- package/dist/commons/SgToaster.meta.js +48 -0
- package/dist/commons/SgWhistleHost.meta.d.ts +4 -0
- package/dist/commons/SgWhistleHost.meta.d.ts.map +1 -0
- package/dist/commons/SgWhistleHost.meta.js +46 -0
- package/dist/digits/discard-digit/SgDiscardDigit.meta.d.ts +4 -0
- package/dist/digits/discard-digit/SgDiscardDigit.meta.d.ts.map +1 -0
- package/dist/digits/discard-digit/SgDiscardDigit.meta.js +48 -0
- package/dist/digits/fade-digit/SgFadeDigit.meta.d.ts +4 -0
- package/dist/digits/fade-digit/SgFadeDigit.meta.d.ts.map +1 -0
- package/dist/digits/fade-digit/SgFadeDigit.meta.js +48 -0
- package/dist/digits/flip-digit/SgFlipDigit.meta.d.ts +4 -0
- package/dist/digits/flip-digit/SgFlipDigit.meta.d.ts.map +1 -0
- package/dist/digits/flip-digit/SgFlipDigit.meta.js +48 -0
- package/dist/digits/matrix-digit/SgMatrixDigit.meta.d.ts +4 -0
- package/dist/digits/matrix-digit/SgMatrixDigit.meta.d.ts.map +1 -0
- package/dist/digits/matrix-digit/SgMatrixDigit.meta.js +48 -0
- package/dist/digits/neon-digit/SgNeonDigit.meta.d.ts +4 -0
- package/dist/digits/neon-digit/SgNeonDigit.meta.d.ts.map +1 -0
- package/dist/digits/neon-digit/SgNeonDigit.meta.js +48 -0
- package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.d.ts +4 -0
- package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.d.ts.map +1 -0
- package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.js +48 -0
- package/dist/digits/segment-digit/SgSegmentDigit.meta.d.ts +4 -0
- package/dist/digits/segment-digit/SgSegmentDigit.meta.d.ts.map +1 -0
- package/dist/digits/segment-digit/SgSegmentDigit.meta.js +48 -0
- package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.d.ts +4 -0
- package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.d.ts.map +1 -0
- package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.js +48 -0
- package/dist/environment/SgEnvironmentProvider.meta.d.ts +4 -0
- package/dist/environment/SgEnvironmentProvider.meta.d.ts.map +1 -0
- package/dist/environment/SgEnvironmentProvider.meta.js +53 -0
- package/dist/gadgets/calendar/SgCalendar.meta.d.ts +4 -0
- package/dist/gadgets/calendar/SgCalendar.meta.d.ts.map +1 -0
- package/dist/gadgets/calendar/SgCalendar.meta.js +51 -0
- package/dist/gadgets/clock/SgClock.meta.d.ts +4 -0
- package/dist/gadgets/clock/SgClock.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/SgClock.meta.js +50 -0
- package/dist/gadgets/clock/SgTimeProvider.meta.d.ts +4 -0
- package/dist/gadgets/clock/SgTimeProvider.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/SgTimeProvider.meta.js +49 -0
- package/dist/gadgets/clock/themes/SgClockThemePicker.meta.d.ts +4 -0
- package/dist/gadgets/clock/themes/SgClockThemePicker.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/themes/SgClockThemePicker.meta.js +56 -0
- package/dist/gadgets/clock/themes/SgClockThemePreview.meta.d.ts +4 -0
- package/dist/gadgets/clock/themes/SgClockThemePreview.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/themes/SgClockThemePreview.meta.js +50 -0
- package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.d.ts +4 -0
- package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.d.ts.map +1 -0
- package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.js +51 -0
- package/dist/gadgets/gauge/SgLinearGauge.meta.d.ts +4 -0
- package/dist/gadgets/gauge/SgLinearGauge.meta.d.ts.map +1 -0
- package/dist/gadgets/gauge/SgLinearGauge.meta.js +57 -0
- package/dist/gadgets/gauge/SgRadialGauge.meta.d.ts +4 -0
- package/dist/gadgets/gauge/SgRadialGauge.meta.d.ts.map +1 -0
- package/dist/gadgets/gauge/SgRadialGauge.meta.js +57 -0
- package/dist/gadgets/qr-code/SgQRCode.meta.d.ts +4 -0
- package/dist/gadgets/qr-code/SgQRCode.meta.d.ts.map +1 -0
- package/dist/gadgets/qr-code/SgQRCode.meta.js +48 -0
- package/dist/gadgets/string-animator/SgStringAnimator.meta.d.ts +4 -0
- package/dist/gadgets/string-animator/SgStringAnimator.meta.d.ts.map +1 -0
- package/dist/gadgets/string-animator/SgStringAnimator.meta.js +48 -0
- package/dist/i18n/SgComponentsI18nProvider.meta.d.ts +4 -0
- package/dist/i18n/SgComponentsI18nProvider.meta.d.ts.map +1 -0
- package/dist/i18n/SgComponentsI18nProvider.meta.js +50 -0
- package/dist/index.d.ts +4 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -3
- package/dist/inputs/SgAutocomplete.meta.d.ts +4 -0
- package/dist/inputs/SgAutocomplete.meta.d.ts.map +1 -0
- package/dist/inputs/SgAutocomplete.meta.js +52 -0
- package/dist/inputs/SgCheckboxGroup.meta.d.ts +4 -0
- package/dist/inputs/SgCheckboxGroup.meta.d.ts.map +1 -0
- package/dist/inputs/SgCheckboxGroup.meta.js +51 -0
- package/dist/inputs/SgCombobox.meta.d.ts +4 -0
- package/dist/inputs/SgCombobox.meta.d.ts.map +1 -0
- package/dist/inputs/SgCombobox.meta.js +52 -0
- package/dist/inputs/SgDatatable.meta.d.ts +4 -0
- package/dist/inputs/SgDatatable.meta.d.ts.map +1 -0
- package/dist/inputs/SgDatatable.meta.js +51 -0
- package/dist/inputs/SgInputBirthDate.meta.d.ts +4 -0
- package/dist/inputs/SgInputBirthDate.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputBirthDate.meta.js +80 -0
- package/dist/inputs/SgInputCNPJ.meta.d.ts +4 -0
- package/dist/inputs/SgInputCNPJ.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCNPJ.meta.js +81 -0
- package/dist/inputs/SgInputCPF.meta.d.ts +4 -0
- package/dist/inputs/SgInputCPF.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCPF.meta.js +80 -0
- package/dist/inputs/SgInputCPFCNPJ.meta.d.ts +4 -0
- package/dist/inputs/SgInputCPFCNPJ.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCPFCNPJ.meta.js +80 -0
- package/dist/inputs/SgInputCurrency.meta.d.ts +4 -0
- package/dist/inputs/SgInputCurrency.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputCurrency.meta.js +136 -0
- package/dist/inputs/SgInputDate.meta.d.ts +4 -0
- package/dist/inputs/SgInputDate.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputDate.meta.js +136 -0
- package/dist/inputs/SgInputEmail.meta.d.ts +4 -0
- package/dist/inputs/SgInputEmail.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputEmail.meta.js +81 -0
- package/dist/inputs/SgInputNumber.meta.d.ts +4 -0
- package/dist/inputs/SgInputNumber.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputNumber.meta.js +137 -0
- package/dist/inputs/SgInputOTP.js +1 -1
- package/dist/inputs/SgInputOTP.meta.d.ts +4 -0
- package/dist/inputs/SgInputOTP.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputOTP.meta.js +80 -0
- package/dist/inputs/SgInputPassword.meta.d.ts +4 -0
- package/dist/inputs/SgInputPassword.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputPassword.meta.js +81 -0
- package/dist/inputs/SgInputPhone.meta.d.ts +4 -0
- package/dist/inputs/SgInputPhone.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputPhone.meta.js +80 -0
- package/dist/inputs/SgInputPostalCode.meta.d.ts +4 -0
- package/dist/inputs/SgInputPostalCode.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputPostalCode.meta.js +81 -0
- package/dist/inputs/SgInputText.meta.d.ts +4 -0
- package/dist/inputs/SgInputText.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputText.meta.js +138 -0
- package/dist/inputs/SgInputTextarea.meta.d.ts +4 -0
- package/dist/inputs/SgInputTextarea.meta.d.ts.map +1 -0
- package/dist/inputs/SgInputTextarea.meta.js +136 -0
- package/dist/inputs/SgOrderList.meta.d.ts +4 -0
- package/dist/inputs/SgOrderList.meta.d.ts.map +1 -0
- package/dist/inputs/SgOrderList.meta.js +51 -0
- package/dist/inputs/SgPickList.meta.d.ts +4 -0
- package/dist/inputs/SgPickList.meta.d.ts.map +1 -0
- package/dist/inputs/SgPickList.meta.js +51 -0
- package/dist/inputs/SgRadioGroup.meta.d.ts +4 -0
- package/dist/inputs/SgRadioGroup.meta.d.ts.map +1 -0
- package/dist/inputs/SgRadioGroup.meta.js +51 -0
- package/dist/inputs/SgRating.meta.d.ts +4 -0
- package/dist/inputs/SgRating.meta.d.ts.map +1 -0
- package/dist/inputs/SgRating.meta.js +51 -0
- package/dist/inputs/SgSlider.meta.d.ts +4 -0
- package/dist/inputs/SgSlider.meta.d.ts.map +1 -0
- package/dist/inputs/SgSlider.meta.js +51 -0
- package/dist/inputs/SgStepperInput.meta.d.ts +4 -0
- package/dist/inputs/SgStepperInput.meta.d.ts.map +1 -0
- package/dist/inputs/SgStepperInput.meta.js +51 -0
- package/dist/inputs/SgTextEditor.meta.d.ts +4 -0
- package/dist/inputs/SgTextEditor.meta.d.ts.map +1 -0
- package/dist/inputs/SgTextEditor.meta.js +51 -0
- package/dist/inputs/SgToggleSwitch.meta.d.ts +4 -0
- package/dist/inputs/SgToggleSwitch.meta.d.ts.map +1 -0
- package/dist/inputs/SgToggleSwitch.meta.js +51 -0
- package/dist/layout/SgAccordion.meta.d.ts +4 -0
- package/dist/layout/SgAccordion.meta.d.ts.map +1 -0
- package/dist/layout/SgAccordion.meta.js +131 -0
- package/dist/layout/SgBreadcrumb.meta.d.ts +4 -0
- package/dist/layout/SgBreadcrumb.meta.d.ts.map +1 -0
- package/dist/layout/SgBreadcrumb.meta.js +125 -0
- package/dist/layout/SgCard.meta.d.ts +4 -0
- package/dist/layout/SgCard.meta.d.ts.map +1 -0
- package/dist/layout/SgCard.meta.js +132 -0
- package/dist/layout/SgCarousel.meta.d.ts +4 -0
- package/dist/layout/SgCarousel.meta.d.ts.map +1 -0
- package/dist/layout/SgCarousel.meta.js +50 -0
- package/dist/layout/SgDockLayout.meta.d.ts +4 -0
- package/dist/layout/SgDockLayout.meta.d.ts.map +1 -0
- package/dist/layout/SgDockLayout.meta.js +47 -0
- package/dist/layout/SgDockScreen.meta.d.ts +4 -0
- package/dist/layout/SgDockScreen.meta.d.ts.map +1 -0
- package/dist/layout/SgDockScreen.meta.js +49 -0
- package/dist/layout/SgDockZone.meta.d.ts +4 -0
- package/dist/layout/SgDockZone.meta.d.ts.map +1 -0
- package/dist/layout/SgDockZone.meta.js +43 -0
- package/dist/layout/SgExpandablePanel.meta.d.ts +4 -0
- package/dist/layout/SgExpandablePanel.meta.d.ts.map +1 -0
- package/dist/layout/SgExpandablePanel.meta.js +50 -0
- package/dist/layout/SgGrid.meta.d.ts +4 -0
- package/dist/layout/SgGrid.meta.d.ts.map +1 -0
- package/dist/layout/SgGrid.meta.js +124 -0
- package/dist/layout/SgGroupBox.meta.d.ts +4 -0
- package/dist/layout/SgGroupBox.meta.d.ts.map +1 -0
- package/dist/layout/SgGroupBox.meta.js +99 -0
- package/dist/layout/SgMenu.meta.d.ts +4 -0
- package/dist/layout/SgMenu.meta.d.ts.map +1 -0
- package/dist/layout/SgMenu.meta.js +137 -0
- package/dist/layout/SgPageControl.meta.d.ts +4 -0
- package/dist/layout/SgPageControl.meta.d.ts.map +1 -0
- package/dist/layout/SgPageControl.meta.js +50 -0
- package/dist/layout/SgPageControlPage.meta.d.ts +4 -0
- package/dist/layout/SgPageControlPage.meta.d.ts.map +1 -0
- package/dist/layout/SgPageControlPage.meta.js +47 -0
- package/dist/layout/SgPanel.meta.d.ts +4 -0
- package/dist/layout/SgPanel.meta.d.ts.map +1 -0
- package/dist/layout/SgPanel.meta.js +140 -0
- package/dist/layout/SgScreen.meta.d.ts +4 -0
- package/dist/layout/SgScreen.meta.d.ts.map +1 -0
- package/dist/layout/SgScreen.meta.js +113 -0
- package/dist/layout/SgStack.meta.d.ts +4 -0
- package/dist/layout/SgStack.meta.d.ts.map +1 -0
- package/dist/layout/SgStack.meta.js +126 -0
- package/dist/layout/SgToolBar.meta.d.ts +4 -0
- package/dist/layout/SgToolBar.meta.d.ts.map +1 -0
- package/dist/layout/SgToolBar.meta.js +131 -0
- package/dist/layout/SgToolbarIconButton.meta.d.ts +4 -0
- package/dist/layout/SgToolbarIconButton.meta.d.ts.map +1 -0
- package/dist/layout/SgToolbarIconButton.meta.js +48 -0
- package/dist/layout/SgTreeView.meta.d.ts +4 -0
- package/dist/layout/SgTreeView.meta.d.ts.map +1 -0
- package/dist/layout/SgTreeView.meta.js +132 -0
- package/dist/layout/menu-logic.d.ts.map +1 -1
- package/dist/layout/menu-logic.js +1 -3
- package/dist/menus/SgDockMenu.meta.d.ts +4 -0
- package/dist/menus/SgDockMenu.meta.d.ts.map +1 -0
- package/dist/menus/SgDockMenu.meta.js +135 -0
- package/dist/overlay/SgConfirmationDialog.meta.d.ts +4 -0
- package/dist/overlay/SgConfirmationDialog.meta.d.ts.map +1 -0
- package/dist/overlay/SgConfirmationDialog.meta.js +128 -0
- package/dist/overlay/SgDialog.meta.d.ts +4 -0
- package/dist/overlay/SgDialog.meta.d.ts.map +1 -0
- package/dist/overlay/SgDialog.meta.js +130 -0
- package/dist/overlay/SgPopup.meta.d.ts +4 -0
- package/dist/overlay/SgPopup.meta.d.ts.map +1 -0
- package/dist/overlay/SgPopup.meta.js +129 -0
- package/dist/sandbox.cjs +31 -31
- package/dist/wizard/SgWizard.meta.d.ts +4 -0
- package/dist/wizard/SgWizard.meta.d.ts.map +1 -0
- package/dist/wizard/SgWizard.meta.js +50 -0
- package/dist/wizard/SgWizardPage.meta.d.ts +4 -0
- package/dist/wizard/SgWizardPage.meta.d.ts.map +1 -0
- package/dist/wizard/SgWizardPage.meta.js +44 -0
- package/package.json +2 -2
- package/dist/inputs/SgInputSelect.d.ts +0 -18
- package/dist/inputs/SgInputSelect.d.ts.map +0 -1
- package/dist/inputs/SgInputSelect.js +0 -139
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "provider.time",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgTimeProvider",
|
|
6
|
+
slug: "sg-time-provider",
|
|
7
|
+
displayName: "SgTimeProvider",
|
|
8
|
+
category: "provider",
|
|
9
|
+
subcategory: "time",
|
|
10
|
+
description: "Provider de tempo sincronizado com o servidor, usado para clocks e gadgets temporais com atualizacao em tick controlado.",
|
|
11
|
+
tags: ["provider", "time", "clock", "server-sync", "context"],
|
|
12
|
+
capabilities: ["server-time-sync", "tick-context", "nowMs-provider", "hydration-aligned-updates"],
|
|
13
|
+
fieldSemantics: ["timeProvider", "serverSyncedTime", "clockContext"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "initialServerTime", type: "string", required: true, description: "Timestamp inicial do servidor em formato ISO 8601.", semanticRole: "value", bindable: true },
|
|
16
|
+
{ name: "children", type: "ReactNode", required: true, description: "Arvore que vai consumir tempo sincronizado via useSgTime.", semanticRole: "data", bindable: false }
|
|
17
|
+
],
|
|
18
|
+
states: ["default", "hydrating", "tick-updating", "fallback-without-provider"],
|
|
19
|
+
examples: [
|
|
20
|
+
{ id: "basic", title: "Uso basico", file: "apps/showcase/src/app/components/providers/sg-time-provider/samples/uso-basico.tsx.sample", kind: "sample" },
|
|
21
|
+
{ id: "nextjs", title: "Integracao com Next.js", file: "apps/showcase/src/app/components/providers/sg-time-provider/samples/integracao-com-nextjs.tsx.sample", kind: "sample" }
|
|
22
|
+
],
|
|
23
|
+
showcase: { route: "/components/providers/sg-time-provider", hasPlayground: false, hasPropsTable: true },
|
|
24
|
+
sdui: {
|
|
25
|
+
rendererType: "provider.time",
|
|
26
|
+
acceptsDataBinding: true,
|
|
27
|
+
defaultProps: { initialServerTime: "1970-01-01T00:00:00.000Z" }
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
export const aiHints = {
|
|
31
|
+
version: "0.1",
|
|
32
|
+
preferredUseCases: [
|
|
33
|
+
"Sincronizar clocks e gadgets com o tempo do servidor em interfaces reativas.",
|
|
34
|
+
"Evitar drift entre SSR e cliente em exibicoes de tempo vivo.",
|
|
35
|
+
"Fornecer contexto temporal compartilhado para subtrees com relogios ou widgets sincronizados."
|
|
36
|
+
],
|
|
37
|
+
avoidUseCases: [
|
|
38
|
+
"Selecao de data ou hora pelo usuario; nesses casos prefira inputs temporais.",
|
|
39
|
+
"Formatacao isolada de datas sem necessidade de contexto compartilhado.",
|
|
40
|
+
"Persistencia ou configuracao de ambiente sem relacao com tempo."
|
|
41
|
+
],
|
|
42
|
+
synonyms: ["time provider", "server time context", "clock time provider", "synced time provider"],
|
|
43
|
+
relatedEntityFields: ["serverTime", "now", "tick", "currentTime", "clockContext"],
|
|
44
|
+
compositionHints: [
|
|
45
|
+
"Usar com SgClock e outros gadgets temporais que dependem de nowMs.",
|
|
46
|
+
"Combinar com SgClockThemeProvider em showcases ou dashboards de tempo."
|
|
47
|
+
],
|
|
48
|
+
rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.88, number: 0, denseLayout: 0.66 }
|
|
49
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgClockThemePicker.meta.d.ts","sourceRoot":"","sources":["../../../../src/gadgets/clock/themes/SgClockThemePicker.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEpE,eAAO,MAAM,MAAM,EAAE,QAoCpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "gadget.clock-theme-picker",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgClockThemePicker",
|
|
6
|
+
slug: "sg-clock-theme-picker",
|
|
7
|
+
displayName: "SgClockThemePicker",
|
|
8
|
+
category: "gadget",
|
|
9
|
+
subcategory: "theme-picker",
|
|
10
|
+
description: "Seletor visual de temas de relogio com preview embutido, filtro de temas e integracao com o resolver de temas do clock.",
|
|
11
|
+
tags: ["gadget", "clock", "theme", "picker", "selection"],
|
|
12
|
+
capabilities: ["theme-selection", "preview-rendering", "searchable-themes", "resolver-aware"],
|
|
13
|
+
fieldSemantics: ["themeSelection", "clockThemePicker", "visualThemeChoice"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "value", type: "string", required: true, description: "ID do tema atualmente selecionado.", semanticRole: "value", bindable: true },
|
|
16
|
+
{ name: "onChange", type: "(id: string) => void", required: true, description: "Callback disparado quando um novo tema e escolhido.", semanticRole: "event", bindable: false },
|
|
17
|
+
{ name: "label", type: "string", description: "Rotulo opcional exibido acima do seletor.", semanticRole: "label", bindable: true },
|
|
18
|
+
{ name: "placeholder", type: "string", description: "Texto exibido quando nenhum tema valido esta resolvido.", semanticRole: "label", bindable: true },
|
|
19
|
+
{ name: "filter", type: "(theme: SgClockTheme) => boolean", description: "Filtro adicional sobre a lista de temas disponiveis.", semanticRole: "behavior", bindable: false },
|
|
20
|
+
{ name: "previewSize", type: "number", default: 56, description: "Tamanho do preview visual de cada tema.", semanticRole: "appearance", bindable: true },
|
|
21
|
+
{ name: "searchable", type: "boolean", default: true, description: "Ativa busca textual na lista de temas.", semanticRole: "behavior", bindable: true },
|
|
22
|
+
{ name: "fallbackThemeId", type: "string", default: "classic", description: "Tema usado quando o valor atual nao pode ser resolvido.", semanticRole: "behavior", bindable: true },
|
|
23
|
+
{ name: "defaultOpen", type: "boolean", default: false, description: "Abre a lista inicialmente no primeiro render.", semanticRole: "behavior", bindable: true }
|
|
24
|
+
],
|
|
25
|
+
states: ["default", "open", "searching", "theme-selected"],
|
|
26
|
+
examples: [
|
|
27
|
+
{ id: "provider-basic", title: "Uso com provider", file: "apps/showcase/src/app/components/providers/sg-clock-theme-provider/samples/uso-basico.tsx.sample", kind: "sample" },
|
|
28
|
+
{ id: "theme-local", title: "Tema local customizado", file: "apps/showcase/src/app/components/providers/sg-clock-theme-provider/samples/tema-local-customizado.tsx.sample", kind: "sample" }
|
|
29
|
+
],
|
|
30
|
+
showcase: { route: "/components/gadgets/sg-clock-theme-picker", hasPlayground: false, hasPropsTable: true },
|
|
31
|
+
sdui: {
|
|
32
|
+
rendererType: "gadget.clock-theme-picker",
|
|
33
|
+
acceptsDataBinding: true,
|
|
34
|
+
defaultProps: { searchable: true, previewSize: 56, fallbackThemeId: "classic", defaultOpen: false }
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
export const aiHints = {
|
|
38
|
+
version: "0.1",
|
|
39
|
+
preferredUseCases: [
|
|
40
|
+
"Permitir que o usuario escolha o tema visual de um relogio ou widget temporal.",
|
|
41
|
+
"Explorar galerias de temas de clock com preview rapido e filtro textual.",
|
|
42
|
+
"Compor configuracoes visuais em dashboards ou paines de personalizacao."
|
|
43
|
+
],
|
|
44
|
+
avoidUseCases: [
|
|
45
|
+
"Selecao generica de opcoes estruturadas sem semantica de tema visual; nesses casos prefira Combobox ou RadioGroup.",
|
|
46
|
+
"Preview estatico sem interacao; nesses casos prefira SgClockThemePreview.",
|
|
47
|
+
"Aplicar tema global de toda a app; nesses casos prefira providers de tema dedicados."
|
|
48
|
+
],
|
|
49
|
+
synonyms: ["clock theme picker", "theme selector", "theme chooser", "visual theme picker"],
|
|
50
|
+
relatedEntityFields: ["themeId", "clockTheme", "selectedTheme", "appearanceTheme"],
|
|
51
|
+
compositionHints: [
|
|
52
|
+
"Usar junto de SgClockThemeProvider para resolver temas locais e fallback.",
|
|
53
|
+
"Combinar com SgClock e SgClockThemePreview em paineis de personalizacao."
|
|
54
|
+
],
|
|
55
|
+
rankingSignals: { freeText: 0, structuredChoice: 0.86, date: 0.12, number: 0, denseLayout: 0.64 }
|
|
56
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgClockThemePreview.meta.d.ts","sourceRoot":"","sources":["../../../../src/gadgets/clock/themes/SgClockThemePreview.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEpE,eAAO,MAAM,MAAM,EAAE,QA8BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "gadget.clock-theme-preview",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgClockThemePreview",
|
|
6
|
+
slug: "sg-clock-theme-preview",
|
|
7
|
+
displayName: "SgClockThemePreview",
|
|
8
|
+
category: "gadget",
|
|
9
|
+
subcategory: "theme-preview",
|
|
10
|
+
description: "Preview visual compacto de um tema de relogio, renderizado em SVG para comparacao rapida de estilos.",
|
|
11
|
+
tags: ["gadget", "clock", "theme", "preview", "svg"],
|
|
12
|
+
capabilities: ["theme-preview", "svg-rendering", "compact-visualization", "dark-flag-aware"],
|
|
13
|
+
fieldSemantics: ["themePreview", "clockThemePreview", "visualStylePreview"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "theme", type: "SgClockTheme", required: true, description: "Tema visual usado na renderizacao do preview.", semanticRole: "value", bindable: true },
|
|
16
|
+
{ name: "size", type: "number", default: 64, description: "Dimensao do preview quadrado em pixels.", semanticRole: "appearance", bindable: true },
|
|
17
|
+
{ name: "className", type: "string", description: "Classes adicionais aplicadas ao SVG raiz.", semanticRole: "appearance", bindable: true }
|
|
18
|
+
],
|
|
19
|
+
states: ["default", "dark-aware"],
|
|
20
|
+
examples: [
|
|
21
|
+
{ id: "provider-basic", title: "Uso com picker", file: "apps/showcase/src/app/components/providers/sg-clock-theme-provider/samples/uso-basico.tsx.sample", kind: "sample" },
|
|
22
|
+
{ id: "inline-theme", title: "Tema inline no clock", file: "apps/showcase/src/app/components/gadgets/sg-clock/samples/tema-inline-sem-provider.tsx.sample", kind: "sample" }
|
|
23
|
+
],
|
|
24
|
+
showcase: { route: "/components/gadgets/sg-clock-theme-preview", hasPlayground: false, hasPropsTable: true },
|
|
25
|
+
sdui: {
|
|
26
|
+
rendererType: "gadget.clock-theme-preview",
|
|
27
|
+
acceptsDataBinding: true,
|
|
28
|
+
defaultProps: { size: 64 }
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
export const aiHints = {
|
|
32
|
+
version: "0.1",
|
|
33
|
+
preferredUseCases: [
|
|
34
|
+
"Comparar visualmente temas de relogio em galerias e seletores.",
|
|
35
|
+
"Renderizar miniaturas de estilos antes da aplicacao efetiva do tema.",
|
|
36
|
+
"Exibir previews compactos em listas de configuracao visual."
|
|
37
|
+
],
|
|
38
|
+
avoidUseCases: [
|
|
39
|
+
"Selecao direta de tema; nesses casos prefira SgClockThemePicker.",
|
|
40
|
+
"Renderizacao do relogio funcional completo; nesses casos prefira SgClock.",
|
|
41
|
+
"Indicadores numericos ou gauges sem relacao com temas de clock."
|
|
42
|
+
],
|
|
43
|
+
synonyms: ["clock theme preview", "theme thumbnail", "theme preview", "style preview"],
|
|
44
|
+
relatedEntityFields: ["theme", "themePreview", "themeThumbnail", "clockTheme"],
|
|
45
|
+
compositionHints: [
|
|
46
|
+
"Usar dentro de SgClockThemePicker para listas de selecao visual.",
|
|
47
|
+
"Combinar com SgClockThemeProvider e SgClock em fluxos de configuracao."
|
|
48
|
+
],
|
|
49
|
+
rankingSignals: { freeText: 0, structuredChoice: 0.34, date: 0.08, number: 0, denseLayout: 0.58 }
|
|
50
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgClockThemeProvider.meta.d.ts","sourceRoot":"","sources":["../../../../src/gadgets/clock/themes/SgClockThemeProvider.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEpE,eAAO,MAAM,MAAM,EAAE,QA+BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "provider.clock-theme",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgClockThemeProvider",
|
|
6
|
+
slug: "sg-clock-theme-provider",
|
|
7
|
+
displayName: "SgClockThemeProvider",
|
|
8
|
+
category: "provider",
|
|
9
|
+
subcategory: "theme",
|
|
10
|
+
description: "Provider de resolucao de temas de relogio, com suporte a fallback, temas locais e integracao com o registro global.",
|
|
11
|
+
tags: ["provider", "clock", "theme", "resolver", "context"],
|
|
12
|
+
capabilities: ["theme-context", "fallback-resolution", "local-themes", "global-theme-merge"],
|
|
13
|
+
fieldSemantics: ["themeProvider", "clockThemeResolution", "themeRegistryScope"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "value.mode", type: '"fallback" | "strict"', default: "fallback", description: "Modo de resolucao para temas ausentes.", semanticRole: "behavior", bindable: true },
|
|
16
|
+
{ name: "value.fallbackThemeId", type: "string", default: "classic", description: "Tema padrao usado em modo fallback.", semanticRole: "behavior", bindable: true },
|
|
17
|
+
{ name: "value.themes", type: "SgClockTheme[]", default: [], description: "Lista de temas locais adicionados apenas neste escopo.", semanticRole: "data", bindable: true },
|
|
18
|
+
{ name: "children", type: "ReactNode", required: true, description: "Arvore que vai consumir o resolver de temas.", semanticRole: "data", bindable: false }
|
|
19
|
+
],
|
|
20
|
+
states: ["default", "fallback-mode", "strict-mode", "local-themes-loaded"],
|
|
21
|
+
examples: [
|
|
22
|
+
{ id: "basic", title: "Uso basico", file: "apps/showcase/src/app/components/providers/sg-clock-theme-provider/samples/uso-basico.tsx.sample", kind: "sample" },
|
|
23
|
+
{ id: "global-register", title: "Registro global", file: "apps/showcase/src/app/components/providers/sg-clock-theme-provider/samples/registro-global.tsx.sample", kind: "sample" }
|
|
24
|
+
],
|
|
25
|
+
showcase: { route: "/components/providers/sg-clock-theme-provider", hasPlayground: false, hasPropsTable: true },
|
|
26
|
+
sdui: {
|
|
27
|
+
rendererType: "provider.clock-theme",
|
|
28
|
+
acceptsDataBinding: true,
|
|
29
|
+
defaultProps: { value: { mode: "fallback", fallbackThemeId: "classic", themes: [] } }
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
export const aiHints = {
|
|
33
|
+
version: "0.1",
|
|
34
|
+
preferredUseCases: [
|
|
35
|
+
"Escopar resolucao de temas de clock para uma subtree especifica.",
|
|
36
|
+
"Fornecer fallback consistente e temas locais para widgets de relogio.",
|
|
37
|
+
"Compor paines de personalizacao com registro global e override local."
|
|
38
|
+
],
|
|
39
|
+
avoidUseCases: [
|
|
40
|
+
"Selecao visual de tema pelo usuario; nesses casos prefira SgClockThemePicker.",
|
|
41
|
+
"Renderizacao direta do relogio; nesses casos prefira SgClock.",
|
|
42
|
+
"Tema global generico da aplicacao fora do dominio de clock."
|
|
43
|
+
],
|
|
44
|
+
synonyms: ["clock theme provider", "theme resolver provider", "clock theme context"],
|
|
45
|
+
relatedEntityFields: ["themeResolver", "clockThemeScope", "fallbackThemeId", "localThemes"],
|
|
46
|
+
compositionHints: [
|
|
47
|
+
"Usar com SgClock e SgClockThemePicker no mesmo subtree.",
|
|
48
|
+
"Combinar com registerTheme e registerThemes quando houver catalogo compartilhado."
|
|
49
|
+
],
|
|
50
|
+
rankingSignals: { freeText: 0, structuredChoice: 0, date: 0.18, number: 0, denseLayout: 0.72 }
|
|
51
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgLinearGauge.meta.d.ts","sourceRoot":"","sources":["../../../src/gadgets/gauge/SgLinearGauge.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QAqCpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "gadget.linear-gauge",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgLinearGauge",
|
|
6
|
+
slug: "sg-linear-gauge",
|
|
7
|
+
displayName: "SgLinearGauge",
|
|
8
|
+
category: "gadget",
|
|
9
|
+
subcategory: "linear-gauge",
|
|
10
|
+
description: "Gauge linear para exibicao de medicao, faixas de valor, ponteiros adicionais e ajuste arrastavel em eixos horizontal ou vertical.",
|
|
11
|
+
tags: ["gadget", "gauge", "linear", "meter", "measurement"],
|
|
12
|
+
capabilities: ["linear-meter", "range-highlights", "draggable-pointers", "horizontal-vertical", "tick-label-control"],
|
|
13
|
+
fieldSemantics: ["linearGauge", "measurementDisplay", "rangeIndicator", "meter"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "min", type: "number", default: 0, description: "Valor minimo da escala.", semanticRole: "validation", bindable: true },
|
|
16
|
+
{ name: "max", type: "number", default: 100, description: "Valor maximo da escala.", semanticRole: "validation", bindable: true },
|
|
17
|
+
{ name: "value", type: "number", description: "Valor do ponteiro principal.", semanticRole: "value", bindable: true },
|
|
18
|
+
{ name: "onValueChange", type: "(value: number) => void", description: "Callback do ponteiro principal.", semanticRole: "event", bindable: false },
|
|
19
|
+
{ name: "pointers", type: "SgLinearGaugePointer[]", default: [], description: "Ponteiros adicionais renderizados sobre o eixo.", semanticRole: "data", bindable: true },
|
|
20
|
+
{ name: "ranges", type: "SgLinearGaugeRange[]", default: [], description: "Faixas coloridas aplicadas sobre a escala.", semanticRole: "data", bindable: true },
|
|
21
|
+
{ name: "orientation", type: '"horizontal" | "vertical"', default: "horizontal", description: "Orientacao do gauge.", semanticRole: "appearance", bindable: true },
|
|
22
|
+
{ name: "showLabels", type: "boolean", default: true, description: "Exibe rotulos da escala.", semanticRole: "appearance", bindable: true },
|
|
23
|
+
{ name: "showTicks", type: "boolean", default: true, description: "Exibe ticks da escala.", semanticRole: "appearance", bindable: true },
|
|
24
|
+
{ name: "primaryPointerDraggable", type: "boolean", default: false, description: "Permite arrastar o ponteiro principal.", semanticRole: "behavior", bindable: true }
|
|
25
|
+
],
|
|
26
|
+
states: ["default", "with-ranges", "with-pointers", "dragging"],
|
|
27
|
+
examples: [
|
|
28
|
+
{ id: "default-horizontal", title: "Horizontal", file: "apps/showcase/src/app/components/gadgets/sg-linear-gauge/samples/default-horizontal.tsx.sample", kind: "sample" },
|
|
29
|
+
{ id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-linear-gauge/sg-linear-gauge.tsx.playground", kind: "playground" }
|
|
30
|
+
],
|
|
31
|
+
showcase: { route: "/components/gadgets/sg-linear-gauge", hasPlayground: true, hasPropsTable: true },
|
|
32
|
+
sdui: {
|
|
33
|
+
rendererType: "gadget.linear-gauge",
|
|
34
|
+
acceptsDataBinding: true,
|
|
35
|
+
defaultProps: { min: 0, max: 100, orientation: "horizontal", showLabels: true, showTicks: true, primaryPointerDraggable: false }
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
export const aiHints = {
|
|
39
|
+
version: "0.1",
|
|
40
|
+
preferredUseCases: [
|
|
41
|
+
"Exibir medicao continua em eixo linear com faixas de referencia.",
|
|
42
|
+
"Representar progresso, temperatura, estoque ou nivel em dashboards operacionais.",
|
|
43
|
+
"Permitir ajuste arrastavel quando o gauge tambem atua como controle visual."
|
|
44
|
+
],
|
|
45
|
+
avoidUseCases: [
|
|
46
|
+
"Entrada numerica textual simples; nesses casos prefira SgInputNumber.",
|
|
47
|
+
"Comparacao tabular de muitos registros; nesses casos prefira Datatable.",
|
|
48
|
+
"Visual circular ou speedometer; nesses casos prefira SgRadialGauge."
|
|
49
|
+
],
|
|
50
|
+
synonyms: ["linear gauge", "linear meter", "level indicator", "measurement bar"],
|
|
51
|
+
relatedEntityFields: ["value", "progress", "temperature", "level", "measurement"],
|
|
52
|
+
compositionHints: [
|
|
53
|
+
"Usar com Card, Dashboard e paines operacionais para indicadores de status.",
|
|
54
|
+
"Combinar com Button ou sliders auxiliares em demos interativas."
|
|
55
|
+
],
|
|
56
|
+
rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0.72, denseLayout: 0.8 }
|
|
57
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgRadialGauge.meta.d.ts","sourceRoot":"","sources":["../../../src/gadgets/gauge/SgRadialGauge.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QAqCpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "gadget.radial-gauge",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgRadialGauge",
|
|
6
|
+
slug: "sg-radial-gauge",
|
|
7
|
+
displayName: "SgRadialGauge",
|
|
8
|
+
category: "gadget",
|
|
9
|
+
subcategory: "radial-gauge",
|
|
10
|
+
description: "Gauge radial com ponteiros, faixas, anotacoes e controle de angulos para cenarios de speedometer, dial e medicao circular.",
|
|
11
|
+
tags: ["gadget", "gauge", "radial", "dial", "speedometer"],
|
|
12
|
+
capabilities: ["radial-meter", "needle-marker-range-pointers", "annotations", "arc-configuration", "drag-support"],
|
|
13
|
+
fieldSemantics: ["radialGauge", "speedometer", "dialMeter", "circularMeasurement"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "min", type: "number", default: 0, description: "Valor minimo da escala.", semanticRole: "validation", bindable: true },
|
|
16
|
+
{ name: "max", type: "number", default: 100, description: "Valor maximo da escala.", semanticRole: "validation", bindable: true },
|
|
17
|
+
{ name: "value", type: "number", description: "Valor do ponteiro principal.", semanticRole: "value", bindable: true },
|
|
18
|
+
{ name: "onValueChange", type: "(value: number) => void", description: "Callback do ponteiro principal.", semanticRole: "event", bindable: false },
|
|
19
|
+
{ name: "pointers", type: "SgRadialGaugePointer[]", default: [], description: "Ponteiros adicionais do tipo needle, marker ou range.", semanticRole: "data", bindable: true },
|
|
20
|
+
{ name: "ranges", type: "SgRadialGaugeRange[]", default: [], description: "Faixas coloridas sobre o arco principal.", semanticRole: "data", bindable: true },
|
|
21
|
+
{ name: "annotations", type: "SgRadialGaugeAnnotation[]", default: [], description: "Anotacoes posicionadas por valor ou angulo.", semanticRole: "data", bindable: true },
|
|
22
|
+
{ name: "startAngle", type: "number", default: 135, description: "Angulo inicial do arco.", semanticRole: "appearance", bindable: true },
|
|
23
|
+
{ name: "endAngle", type: "number", default: 45, description: "Angulo final do arco.", semanticRole: "appearance", bindable: true },
|
|
24
|
+
{ name: "primaryPointerType", type: '"needle" | "marker" | "range"', default: "needle", description: "Tipo visual do ponteiro principal.", semanticRole: "appearance", bindable: true }
|
|
25
|
+
],
|
|
26
|
+
states: ["default", "with-ranges", "with-annotations", "dragging"],
|
|
27
|
+
examples: [
|
|
28
|
+
{ id: "speedometer", title: "Speedometer", file: "apps/showcase/src/app/components/gadgets/sg-radial-gauge/samples/speedometer-style.tsx.sample", kind: "sample" },
|
|
29
|
+
{ id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-radial-gauge/sg-radial-gauge.tsx.playground", kind: "playground" }
|
|
30
|
+
],
|
|
31
|
+
showcase: { route: "/components/gadgets/sg-radial-gauge", hasPlayground: true, hasPropsTable: true },
|
|
32
|
+
sdui: {
|
|
33
|
+
rendererType: "gadget.radial-gauge",
|
|
34
|
+
acceptsDataBinding: true,
|
|
35
|
+
defaultProps: { min: 0, max: 100, startAngle: 135, endAngle: 45, primaryPointerType: "needle" }
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
export const aiHints = {
|
|
39
|
+
version: "0.1",
|
|
40
|
+
preferredUseCases: [
|
|
41
|
+
"Representar medicao circular em speedometers, paines de telemetria e dashboards.",
|
|
42
|
+
"Exibir indicadores de performance com foco em dial, arco e ponteiros visuais.",
|
|
43
|
+
"Combinar anotacoes e faixas de alerta em instrumentos circulares."
|
|
44
|
+
],
|
|
45
|
+
avoidUseCases: [
|
|
46
|
+
"Indicadores lineares simples; nesses casos prefira SgLinearGauge.",
|
|
47
|
+
"Entrada numerica direta por teclado; nesses casos prefira SgInputNumber.",
|
|
48
|
+
"Graficos analiticos com series temporais; nesses casos prefira charting dedicado."
|
|
49
|
+
],
|
|
50
|
+
synonyms: ["radial gauge", "speedometer", "dial gauge", "circular meter"],
|
|
51
|
+
relatedEntityFields: ["value", "rpm", "speed", "score", "efficiency"],
|
|
52
|
+
compositionHints: [
|
|
53
|
+
"Usar com Card, Screen e dashboards para indicadores de alto impacto visual.",
|
|
54
|
+
"Combinar com annotations e centerContent para KPIs operacionais."
|
|
55
|
+
],
|
|
56
|
+
rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0.74, denseLayout: 0.82 }
|
|
57
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgQRCode.meta.d.ts","sourceRoot":"","sources":["../../../src/gadgets/qr-code/SgQRCode.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "gadget.qr-code",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgQRCode",
|
|
6
|
+
slug: "sg-qr-code",
|
|
7
|
+
displayName: "SgQRCode",
|
|
8
|
+
category: "gadget",
|
|
9
|
+
subcategory: "qr-code",
|
|
10
|
+
description: "Gerador visual de QR Code com configuracao de valor, logo central, tamanho, margem e cores.",
|
|
11
|
+
tags: ["gadget", "qr-code", "barcode", "pix", "share"],
|
|
12
|
+
capabilities: ["qr-generation", "logo-overlay", "size-control", "color-customization", "empty-fallback"],
|
|
13
|
+
fieldSemantics: ["qrCode", "shareCode", "pixCode", "encodedLink", "machineReadableCode"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "value", type: "string", required: true, description: "Valor textual codificado no QR Code.", semanticRole: "value", bindable: true },
|
|
16
|
+
{ name: "size", type: "number", default: 220, description: "Tamanho do QR em pixels.", semanticRole: "appearance", bindable: true },
|
|
17
|
+
{ name: "logoSrc", type: "string", description: "URL da logo exibida no centro do QR.", semanticRole: "appearance", bindable: true },
|
|
18
|
+
{ name: "fgColor", type: "string", default: "#000000", description: "Cor principal do QR Code.", semanticRole: "appearance", bindable: true },
|
|
19
|
+
{ name: "bgColor", type: "string", default: "#FFFFFF", description: "Cor de fundo do QR Code.", semanticRole: "appearance", bindable: true }
|
|
20
|
+
],
|
|
21
|
+
states: ["idle", "empty", "rendered"],
|
|
22
|
+
examples: [
|
|
23
|
+
{ id: "interactive", title: "Interativo", file: "apps/showcase/src/app/components/gadgets/sg-qr-code/samples/interativo.tsx.sample", kind: "sample" },
|
|
24
|
+
{ id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-qr-code/sg-qr-code.tsx.playground", kind: "playground" }
|
|
25
|
+
],
|
|
26
|
+
showcase: { route: "/components/gadgets/sg-qr-code", hasPlayground: true, hasPropsTable: true },
|
|
27
|
+
sdui: { rendererType: "gadget.qr-code", acceptsDataBinding: true, defaultProps: { size: 220, fgColor: "#000000", bgColor: "#FFFFFF" } }
|
|
28
|
+
};
|
|
29
|
+
export const aiHints = {
|
|
30
|
+
version: "0.1",
|
|
31
|
+
preferredUseCases: [
|
|
32
|
+
"Exibir links, payloads PIX e codigos escaneaveis em telas e comprovantes.",
|
|
33
|
+
"Compartilhar acesso rapido a URLs, apps e recursos externos.",
|
|
34
|
+
"Representar codigos maquina-legiveis em cards, dialogos e comprovantes."
|
|
35
|
+
],
|
|
36
|
+
avoidUseCases: [
|
|
37
|
+
"Entrada de texto ou edicao de dados.",
|
|
38
|
+
"Valores numericos simples sem necessidade de codificacao visual.",
|
|
39
|
+
"Blocos de conteudo textual longo."
|
|
40
|
+
],
|
|
41
|
+
synonyms: ["qr code", "code generator", "pix qr", "scan code"],
|
|
42
|
+
relatedEntityFields: ["qrCode", "pixPayload", "shareUrl", "encodedValue", "paymentCode"],
|
|
43
|
+
compositionHints: [
|
|
44
|
+
"Usar com SgCard, SgDialog e SgPanel para areas de compartilhamento ou pagamento.",
|
|
45
|
+
"Combinar com SgBadge e SgButton para acoes de copiar e compartilhar."
|
|
46
|
+
],
|
|
47
|
+
rankingSignals: { freeText: 0.08, structuredChoice: 0, date: 0, number: 0.1, denseLayout: 0.42 }
|
|
48
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgStringAnimator.meta.d.ts","sourceRoot":"","sources":["../../../src/gadgets/string-animator/SgStringAnimator.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEjE,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "gadget.string-animator",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgStringAnimator",
|
|
6
|
+
slug: "sg-string-animator",
|
|
7
|
+
displayName: "SgStringAnimator",
|
|
8
|
+
category: "gadget",
|
|
9
|
+
subcategory: "text-animation",
|
|
10
|
+
description: "Componente para animar transicao entre strings usando estilos como roller3d, flip e neon em displays textuais curtos.",
|
|
11
|
+
tags: ["gadget", "string", "animation", "display", "text"],
|
|
12
|
+
capabilities: ["string-transition", "multiple-animation-styles", "manual-trigger", "alignment-control"],
|
|
13
|
+
fieldSemantics: ["animatedText", "labelTransition", "displayText", "headlineAnimator"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "sourceString", type: "string", required: true, description: "Texto inicial da animacao.", semanticRole: "value", bindable: true },
|
|
16
|
+
{ name: "targetString", type: "string", required: true, description: "Texto final da animacao.", semanticRole: "value", bindable: true },
|
|
17
|
+
{ name: "stringAnimatorStyle", type: '"roller3d" | "flip" | "neon" | "fade" | "matrix" | "discard" | "segment" | "sevenSegment"', default: "roller3d", description: "Estilo visual usado na transicao.", semanticRole: "appearance", bindable: true },
|
|
18
|
+
{ name: "alignTo", type: '"left" | "center" | "right"', default: "left", description: "Alinhamento do texto animado.", semanticRole: "appearance", bindable: true },
|
|
19
|
+
{ name: "fontSize", type: "number", default: 28, description: "Escala visual do display.", semanticRole: "appearance", bindable: true }
|
|
20
|
+
],
|
|
21
|
+
states: ["idle", "animating", "completed"],
|
|
22
|
+
examples: [
|
|
23
|
+
{ id: "roller3d", title: "Roller 3D", file: "apps/showcase/src/app/components/gadgets/sg-string-animator/samples/roller3d.tsx.sample", kind: "sample" },
|
|
24
|
+
{ id: "playground", title: "Playground", file: "apps/showcase/src/app/components/gadgets/sg-string-animator/sg-string-animator.tsx.playground", kind: "playground" }
|
|
25
|
+
],
|
|
26
|
+
showcase: { route: "/components/gadgets/sg-string-animator", hasPlayground: true, hasPropsTable: true },
|
|
27
|
+
sdui: { rendererType: "gadget.string-animator", acceptsDataBinding: true, defaultProps: { stringAnimatorStyle: "roller3d", alignTo: "left", fontSize: 28 } }
|
|
28
|
+
};
|
|
29
|
+
export const aiHints = {
|
|
30
|
+
version: "0.1",
|
|
31
|
+
preferredUseCases: [
|
|
32
|
+
"Animar mudanca de labels, titulos curtos e textos de destaque.",
|
|
33
|
+
"Criar widgets textuais com transicao visual em dashboards e landing sections.",
|
|
34
|
+
"Representar evolucao entre dois estados textuais curtos."
|
|
35
|
+
],
|
|
36
|
+
avoidUseCases: [
|
|
37
|
+
"Paragrafos longos ou conteudo de leitura extensa.",
|
|
38
|
+
"Campos editaveis de formulario.",
|
|
39
|
+
"Tabelas e listas com alto volume de linhas."
|
|
40
|
+
],
|
|
41
|
+
synonyms: ["string animator", "animated text", "text transition", "display animator"],
|
|
42
|
+
relatedEntityFields: ["title", "statusLabel", "headline", "label", "displayText"],
|
|
43
|
+
compositionHints: [
|
|
44
|
+
"Usar com SgCard e SgDashboard em secoes de destaque.",
|
|
45
|
+
"Combinar com digitos animados para paineis hibridos de texto e numero."
|
|
46
|
+
],
|
|
47
|
+
rankingSignals: { freeText: 0.38, structuredChoice: 0, date: 0, number: 0.12, denseLayout: 0.28 }
|
|
48
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SgComponentsI18nProvider.meta.d.ts","sourceRoot":"","sources":["../../src/i18n/SgComponentsI18nProvider.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA8BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export const sgMeta = {
|
|
2
|
+
version: "0.1",
|
|
3
|
+
componentId: "provider.components-i18n",
|
|
4
|
+
package: "@seedgrid/fe-components",
|
|
5
|
+
exportName: "SgComponentsI18nProvider",
|
|
6
|
+
slug: "sg-components-i18n-provider",
|
|
7
|
+
displayName: "SgComponentsI18nProvider",
|
|
8
|
+
category: "provider",
|
|
9
|
+
subcategory: "i18n",
|
|
10
|
+
description: "Provider de internacionalizacao para os componentes SeedGrid, com locale, mensagens embutidas e sobrescrita pontual por subtree.",
|
|
11
|
+
tags: ["provider", "i18n", "locale", "messages", "context"],
|
|
12
|
+
capabilities: ["locale-scoping", "message-overrides", "built-in-locales", "runtime-i18n-context"],
|
|
13
|
+
fieldSemantics: ["i18nProvider", "localeScope", "messageOverrides"],
|
|
14
|
+
props: [
|
|
15
|
+
{ name: "locale", type: "SgComponentsLocale", default: "en-US", description: "Locale aplicado aos componentes dentro do provider.", semanticRole: "behavior", bindable: true },
|
|
16
|
+
{ name: "messages", type: "SgComponentsMessages | SgComponentsMessagesByNamespace", description: "Mapa de mensagens customizadas ou sobrescritas.", semanticRole: "data", bindable: true },
|
|
17
|
+
{ name: "children", type: "ReactNode", required: true, description: "Arvore de componentes que consome o contexto de i18n.", semanticRole: "data", bindable: false }
|
|
18
|
+
],
|
|
19
|
+
states: ["default", "locale-bound", "message-overridden"],
|
|
20
|
+
examples: [
|
|
21
|
+
{ id: "basic", title: "Uso basico", file: "apps/showcase/src/app/components/providers/sg-components-i18n-provider/samples/uso-basico.tsx.sample", kind: "sample" },
|
|
22
|
+
{ id: "dynamic", title: "Troca dinamica de locale", file: "apps/showcase/src/app/components/providers/sg-components-i18n-provider/samples/troca-dinamica-de-locale.tsx.sample", kind: "sample" }
|
|
23
|
+
],
|
|
24
|
+
showcase: { route: "/components/providers/sg-components-i18n-provider", hasPlayground: false, hasPropsTable: true },
|
|
25
|
+
sdui: {
|
|
26
|
+
rendererType: "provider.components-i18n",
|
|
27
|
+
acceptsDataBinding: true,
|
|
28
|
+
defaultProps: { locale: "en-US", messages: {} }
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
export const aiHints = {
|
|
32
|
+
version: "0.1",
|
|
33
|
+
preferredUseCases: [
|
|
34
|
+
"Trocar locale e mensagens internas dos componentes em um subtree controlado.",
|
|
35
|
+
"Sobrescrever textos padrao sem alterar a implementacao dos componentes.",
|
|
36
|
+
"Compor demos, shells ou modulos com locale diferente do restante da aplicacao."
|
|
37
|
+
],
|
|
38
|
+
avoidUseCases: [
|
|
39
|
+
"Traducao de conteudo de negocio externo aos componentes SeedGrid.",
|
|
40
|
+
"Selecao visual de idioma pelo usuario sem provider; nesses casos use UI propria combinada com este provider.",
|
|
41
|
+
"Persistencia de preferencias do usuario; nesses casos combine com ambiente ou storage."
|
|
42
|
+
],
|
|
43
|
+
synonyms: ["components i18n provider", "locale provider", "messages provider", "translation context"],
|
|
44
|
+
relatedEntityFields: ["locale", "messages", "translations", "i18nConfig"],
|
|
45
|
+
compositionHints: [
|
|
46
|
+
"Usar com hooks como useComponentsI18n e com componentes que exibem mensagens internas.",
|
|
47
|
+
"Combinar com SgEnvironmentProvider quando locale e preferencias precisarem de persistencia."
|
|
48
|
+
],
|
|
49
|
+
rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.68 }
|
|
50
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -2,12 +2,10 @@ export { SgInputText } from "./inputs/SgInputText";
|
|
|
2
2
|
export type { SgInputTextProps } from "./inputs/SgInputText";
|
|
3
3
|
export { SgInputNumber } from "./inputs/SgInputNumber";
|
|
4
4
|
export type { SgInputNumberProps } from "./inputs/SgInputNumber";
|
|
5
|
-
export { SgInputCurrency
|
|
6
|
-
export type { SgInputCurrencyProps
|
|
5
|
+
export { SgInputCurrency } from "./inputs/SgInputCurrency";
|
|
6
|
+
export type { SgInputCurrencyProps } from "./inputs/SgInputCurrency";
|
|
7
7
|
export { SgInputTextArea } from "./inputs/SgInputTextArea";
|
|
8
8
|
export type { SgInputTextAreaProps } from "./inputs/SgInputTextArea";
|
|
9
|
-
export { SgInputSelect } from "./inputs/SgInputSelect";
|
|
10
|
-
export type { SgInputSelectProps } from "./inputs/SgInputSelect";
|
|
11
9
|
export { SgInputCPF } from "./inputs/SgInputCPF";
|
|
12
10
|
export type { SgInputCPFProps } from "./inputs/SgInputCPF";
|
|
13
11
|
export { SgInputCNPJ } from "./inputs/SgInputCNPJ";
|
|
@@ -28,8 +26,8 @@ export { SgStepperInput } from "./inputs/SgStepperInput";
|
|
|
28
26
|
export type { SgStepperInputProps } from "./inputs/SgStepperInput";
|
|
29
27
|
export { SgInputDate } from "./inputs/SgInputDate";
|
|
30
28
|
export { SgInputBirthDate } from "./inputs/SgInputBirthDate";
|
|
31
|
-
export { SgToggleSwitch
|
|
32
|
-
export type { SgToggleSwitchProps
|
|
29
|
+
export { SgToggleSwitch } from "./inputs/SgToggleSwitch";
|
|
30
|
+
export type { SgToggleSwitchProps } from "./inputs/SgToggleSwitch";
|
|
33
31
|
export { SgAutocomplete } from "./inputs/SgAutocomplete";
|
|
34
32
|
export type { SgAutocompleteItem, SgAutocompleteProps } from "./inputs/SgAutocomplete";
|
|
35
33
|
export { SgCombobox } from "./inputs/SgCombobox";
|